1.

Tema: STUDIEREA STRUCTURII LIMBAJULUI HTML/DHTML

2.Scopul lucrrii: analiza i sinteza funciilor de baz ale limbajului HTML/DHTML i

protocolului HTTP n reeaua Internet.

3. Sarcina de laborator:
3.2.1 S se studieze linbajul de formare a paginei Web HTML/DHTML.
3.2.2 S se analizeze structura i funciile de baz ale protocolului HTTP.
3.2.3 S se studieze principiul formrii i salvrii paginei Web HTML/DHTML.

4.Proba teoretic:
Descriere succint a teoriei privind formarea paginei Web n reeaua Internet prin
intermediul limbajului HTML/DHTML, principalele scripturi utilizate cu scopul formrii
paginei respective.

5.Proba practic:
1 Formarea paginei Web n baza limbajului HTML/DHTML

Formarea paginii web

Coala
Mod Coala Nr. document

Semnat.

Data

World Wide Web a aparut ca un proiect destinat sa distribuie informatia stiintifica folosind un model numit
hypertext. Ideea centrala centrala era aceea de a permite cercetatorilor sa-si prezinte informatia intr-un mod integrat
(text, imagini, chiar sunet si imagini in miscare).
Paginile de informatie sunt "legate" printr-o serie de "hypertext links".
Se ofera astfel posibilitatea ca utilizatorul sa selecteze elemente "highlighted" (aceste putand fi reprezentate
prin texte sau imagini) si astfel sa acceseze o noua pagina.
Sa vedem ce inseamna WWW in prezent si ce va insemna acesta in viitorul apropiat. Iata citeva idei concretizate
deja, sau in curs de materializare:
"Electonic Publishing" - din ce in ce mai multe edituri isi prezinta pe Web cataloage cu noi aparitii sau
chiar publicatii complete. Trebuie sa ne asteptam in viitorul apropiat la o larga aparitie a acestor publicatii din toate
domeniile.
Conceptul care sta la baza WWW este hypertextul, care reprezinta un text cu elemente active. Atunci cand
in textul pe care il cititi apare o referinta spre o alta pagina, este de ajuns sa dati un click cu mouse-ul pe aceasta
referinta (elementul activ) pentru a viualiza aceasta pagina.
Pentru a materializa conceptul de hypertext, s-a creat standardul HTML (Hyper Text Markup Language),
care descrie cum trebuie sa fie structurata informatia pentru a fi publicata.
Documentele HTML sunt vizualizate cu ajutorul unui program ce ruleaza pe calculatorul dumneavoastra, numit
browser, care are datoria de a aduce informatia specificata si de a o afisa pe ecranul calculatoruliu. Cele mai
cunoscute browsere sunt Netscape Navigator si Microsoft Internet Explorer. O pagina de web este similara unei
pagini obisnuite de carte, numai ca are o lungime nelimitata, latimea fiind limitata de latimea ecranului. Mai multe
pagini de web adunate intr-un sistem ierarhic si care au un anumit element in comun, se numesc site web.
O pagina de web poate contine orice de la text simplu pana la imagini, animatii, sunete, filme.
Elementele unei pagini web care fac trimitere la alte pagini poarta numele de legaturi (links).
WWW este un serviciu ce se bazeaza pe conceptul client/server: clientul cere informatia, iar serverul o ofera.
Client/serverul este principiul care sta la baza Internetul.
Pentru a obtine o informatie, clientul se adreseaza unui server, conform unui protocol.
Serverul raspunde si trimite informatia dorita. Protocolul folosit in cazul WWW este Hyper Text Transfer Protocol
(HTTP). Pe server este stocata pentru fiecare pagina web cate o variabila care contine data la care s-a modificat
ultima oara pagina.

Structura hipertextului HTTP i HTML.

HTTP (Hypertext Transfer Protocol) Un protocol de mutare a fisierelor hypertext de-a lungul Internetului. Are nevoie de un client HTTP la un capat si un server HTTP la celalalt capat. Protocolul HTTP este cel mai
folosit in World Wide Web (WWW) i comunic pe portul 80.
HTML (HyperText Markup Language), limbajul de marcare a informatiei, este "lingua franca" pentru
publicarea informatiei in format hipertext pe Internet. Pentru pastrarea si dezvoltarea standardului a fost infiintat W3
Consortium, care incepand cu prima versiune din 1992 a oferit noi modele si directii de dezvoltare pentru o mai
buna si rapida utilizare a informatiei (si nu in ultimul rand mai spectaculoasa). Cea mai suportata, la acest moment,
este versiunea HTML 3.2, in ciuda faptului ca exista bine fundamentata specificatia HTML 4.1 si alte limbaje, mai

Coala
Mod Coala Nr. document

Semnat.

Data

orientate catre informatii si baze de date (XML).

Conform standardului international ISO 8879, HTML este un SGML (Standard Generalized Markup
Language). Ca atare, documentele ce sunt conforme cu specificatia HTML 3.2 respecta sintaxa unei aplicatii SGML,
fiind definite ca o combinatie de declaratii SGML si definitii de tipuri de documente (document type definition DTD).
Fisierele HTML sunt fiiere text care conin elemente HTML. Elementele HTML sunt definite cu ajutorul
tag-urilor.
Tag-urile HTML
Tag-urile HTML se folosesc pentru a delimita elemente HTML, forma unui tag este:
<nume_tag>
De obicei tag-urile sunt perechi: <nume_tag> bla, bla </nume_tag>
Textul delimitat de cele dou tag-uri se numete continutul elementului
Tag-ul <b> are ca scop definirea unui element HTML care s fie afiat bold.
Un alt exemplu de element HTML:
<body>
Buna ziua Web <b>bla bla</b>
</body>
Tag-ul <body> defineste un element HTML care contine corpul documentului HTML.
Tag-urile HTML de baza
Cele mai importante tag-uri in HTML sunt tag-urile care definesc
a) antelele (headings)
b) paragrafe (paragraphs)
c) trecerea fortata la rand nou (line breaks).

PROBA PRACTICA
<TITLE>BMW</TITLE>

Coala
Mod Coala Nr. document

Semnat.

Data

<BODY BGCOLOR="yellow">
<center>
<H1> <img src="file:///C|/Users/VICTOR/Desktop/desc&#259;rcare%20(3).jpg"
width="94" height="79">
<FONT COLOR="RED">***BMW X5*** <img
src="file:///C|/Users/VICTOR/Desktop/desc&#259;rcare%20(3).jpg" width="94"
height="79"></H1>
<p align="left"><FONT COLOR="green"><i>Prima generaie E53 (19992006)***************************************
A doua generatie E70 (2006-prezent)</i> </p>
<br>
<marquee scrolldelay="500" scrollamount="400">
<img src="file:///C|/Users/VICTOR/Desktop/2012-BMW.jpg" width="198"
height="169">******************************
<img src="file:///C|/Users/VICTOR/Desktop/images.jpg" width="198"
height="169"></marquee>
<div align="left">
<table width="240" border="5">
<tr>
<td><b>BMW X5</b></td>
<td><img src="file:///C|/Users/VICTOR/Desktop/desc&#259;rcare.jpg"
width="48" height="40"></td>
</tr>
<tr>
<td><i>produs</i></td>
<td>1999-2006</td>
</tr>
<tr>
<td><i>motor</i></td>
<td>3.0;4.4;4.6;4.8</td>
</tr>
<tr>
<td><i>dimensiuni</i></td>
<td>L-4,6 | l-1,8 | h-1,7</td>
</tr>
</table>
<p><img src="file:///C|/Users/VICTOR/Desktop/desc&#259;rcare%20(2).jpg"
width="256" height="192">
<img src="file:///C|/Users/VICTOR/Desktop/desc&#259;rcare%20(1).jpg"
width="284" height="195">
<img src="file:///C|/Users/VICTOR/Desktop/images.jpg" width="289"
height="202"></p>
<br>
<p align="right"><FONT COLOR="#9900FF"><i>A efectuat studentul Mirza
victor</i></p>
</font>
</body>

Coala
Mod Coala Nr. document

Semnat.

Data

Concluzii:
Efectuind lucrarea de laborator respectiva m-am familiarizat cu limbajul
HTML ,mi sa parut greu atunci cind am efectuat prin metoda II deoarece atunci
cind nu introduceam tag-ul corect nu obtinea rezultatul asteptat .Metoda II o socot
ca este mai usoara pentru incepatori la fel cum sint si eu.In rest html cred ca are
farmecul sau ascuns care te atrage la el ,dar ca trebuie descoperit prin studio
asiduu.
Bibliografie:
https://www.google.md ;
http://ro.wikipedia.org/wiki/BMW_X5

Coala
Mod Coala Nr. document

Semnat.

Data