Ministerul Educatiei, Cercetarii si Tineretului

Ministerul Educatiei si Cercetarii

Scoala Postliceala “Cronos”


Proiect de Diploma


Profesori Coordonatori : Absolvent :

Rosu Ramona xxxxxxxxxxxx

Biro Lucian Analist Programator


BUCURESTI

2006
Cuprins

CAPITOLUL .I. : Istoric al Limbajului HTML 5

1.1 Istoric al Limbajului HTML 5

1.1.1 SGML si HTML 6

1.1.2World Wide Web Consortium 6

CAPITOLUL .II. : Primii pasi 9

2.1 Taguri de baza 9

2.1 Titlul unei pagini 10

2.3 Blocuri preformatate 11

2.4 Culoarea de fond 11

2.5 Culoarea textului 12

2.6 Etichete 13

2.7 Stiluri pentru blocurile de text 14

2.8 Stiluri fizice si logice 16

CAPITOLUL .III. : Fonturi 18

3.1 Culori 18

3.2 Culoarea fontului 18

3.3 Familia fontului 19

3.4 Marimea fontului 20

3.5 Grosimea unui font 21

CAPITOLUL .IV. : Blocuri de text 22

4.1 Indentarea unui bloc 22

4.2 Blocul preformatat 22

4.3 Blocuri paragraph 24

4.4 Blocuri de titlu 25

26

4.4.1 Blocuri

26

4.5 Linii orizontale 27

CAPITOLUL .V. : Imagini 28

5.1 Chenarul si dimensionarea unei imagini 28

5.1.1 Alinierea unei imagini 29

29

5.1.2 Imagini pentru fondul unei pagini 30

5.1.3 Imagini folosite ca legaturi 30

CAPITOLUL .VI. : Tabele 32

6.1 Inserarea Tabelelor 32

6.2 Chenarul unui tabel 33

6.3 Alinierea tabelului 34

6.4 Definirea culorilor de fond pentru un tabel 36

6.5 Dimensionarea celulei unui tabel 37

6.6 Dimensionarea unui tabel 39

6.7 Titlul unui tabel 40

6.8 Cap de tabel 41

6.9 Alinierea continutului unei celule 42

6.10 Tabele de forme oarecare 43

6.11 Celule vide ale unui tabel 44

6.12 Atribute Internet Explorer pentru tabele 45

6.13 Grupuri de coloane 47

6.14 Atributele “frame” si “rules” 48

CAPITOLUL .VII. : Sintaxa CSS 50

7.1 Stiluri dedicate 50

7.2 Clase de stiluri 51

7.3 Stiluri “identificate” 52

7.4 Stiluri in-line 52

7.5 Stiluri definite in fisiere externe 53

CAPITOLUL .VIII. 54

8.1 Scriptul Paginii Web “Walking through Moldavia” 54

Bibliografie 93

CAPITOLUL .I. : Istoric al Limbajului HTML

1.1 Istoric al Limbajului HTML

Unul din primele elemente fundamentale ale WWW ( World Wide Web) este HTML ( Hypertext Markup Language ), care descrie formatul primar in care documentele sunt distribuite si vazute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de platforma,structurarea formatarii si legaturile hypertext,fac din ele un foarte bun format pentru documentele Internet si Web.

Primele specificatii de baza ale Web-ului au fost HTML, HTTP si URL.

HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. HTML a fost vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite si schimba intre ei informatie utilizand Internetul. Erau prin urmare necesare cateva trasaturi : Independenta de platforma, posibilitati hypertext si structurarea documentelor. Independenta de platforma inseamna ca un document poate fi afisat in mod asemanator de computere diferite ( deci cu fonte, grafica si culori diferite ), lucru vital pentru o audienta atat de variata.

Hipertext inseamna ca orice cuvant, fraza, imagine sau alt element al documentului vazut de un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult navigarea intre multiple documente sau chiar in interiorul aceluiasi document. Structurarea riguroasa a documentelor permite convertirea acestora dintr-un format in altul, precum si interogarea unor baze de date formate din aceste documente.

1.1.1 SGML si HTML

Tim Berners-Lee a utilizat ca model a utilizat ca model SGML ( Standard Generalized Markup Language ), un standard international in plina dezvoltare. SGML avea avantajul unei structurari avansate si al independentei de platforma dar proiecterea lui a avut in vedere mai mult structura semantica a documentului decat modul de formatare. Flexibil, SGML putea fi descris ca o specificare pentru descrierea altor formate. Utilizatorii puteau creea noi formate ( DTD, Document Type Definitions ) care puteau fi intelese de orice produs soft SGML pur si simplu prin citirea mai intai a definitiilor noilor formate.

HTML este pur si simplu un DTD, deci o aplicatie a SGML. In primii ani de evolutie HTML a crescut lent, in principal pentru ca ii lipseauposobilitatile de a descrie publicatii electronice profesionale; limbajul permitea oarece control asupra fontelor dar nu permitea inserarea graficii. In 1933, NCSA a imbogatit limbajul pentru a permite inserarea graficii si au construit primul navigator grafic, Mosaic. Au urmat apoi contributii ad hoc ale diverselor firme care au adus adaugiri limbajului HTML (adaugiri si nu imbogatiri pentru ca unele taguri nu erau in conformitate cu principiile generale ale SGML ) astfel incat, prin 1994 limbajul parea scapat de sub control. Urmarea a fost ca la prima conferinta WWW din Geneva ( Elvetia ) s-a construit un grup ( HTML Working Group ) a carui prima misiune a fost formalizarea HTML intr-un DTD al SGML, lucru care s-a concretizat in HTML Level 2 ( sau HTML 2.0; Nivelul 1, deci HTML 1.0, a fost proiectat de Tim Berners-Lee ). Importanta actiunii acestui grup consta in faptul ca, odata standardizat, limbajul poate fi apoi extins intr-un mod mai controlat la alte nivele.

2. World Wide Web Consortium

Standardul official HTML este World Wide Web Consortium (W3C), care este afiliat la Internet Engineering Task Force (IETF). W3C a enuntat cateva versiuni ale specificatiei HTML, printer care si HTML 2.0, HTML 3.0, HTML 3.2, HTML 4.0 si, cel mai recent, HTML 4.01. In acelasi timp, autorii de browsere, cum ar fi Netscape si Microsoft, au dezvoltat adesea propriile “extensii” HTML in afara procesului standard si le-au incorporate in browserele lor. In unele cazuri, cum ar fi tagul Netscape, aceste extensii au devenit standarde adoptate de autorii de browsere.

HTML 2.0, elaborate in iunie 1994, este standardul pe care ar trebui sa-l suporte toate browserele curente – inclusive cele mod text. HTML 2.0 reflecta conceptia originala a HTML ca un limbaj de marcare independent de obiectele existente pentru asezarea lor in pagina, in loc de a specifica exact cum ar trebui sa arate acestea.
Specificatia HTML3.0, enuntata in 1995, a incercat sa dezvolte HTML2.0 prin adaugarea unor facilitate precum tabelele si un mai mare control asupra textului din jurul imaginilor. Desi unele din noutatile HTML 3.0 erau deja folosite de autorii de browsere, multe nu erau inca folosite. In unele cazuri, taguri asemanatoare implementate de autorii de browsere au devenit mai raspandite decat tagurile “oficiale”. Specificatia HTML 3.0 acum a expirat,deci nu mai este un standard official.

In mai 1996, W3C a scos pe piata specificatia HTML 3.2, care era proiectata sa reflecte si sa standardizeze practicile acceptatela scara larga. Deci, HTML 3.2 include tagurile HTML 3.0 ce erau adoptate de autorii de browsere ca Netscape si Microsoft plus extensii HTML raspandite. In bilantul asupra HTML, W3C recomanda ca providerii de informatii sa utilizeze specificatia HTML 3.2.

Versiunile curente ale majoritatii browserelor ar trebui sa suporte toate, sau aproape aceste taguri.
La momentul aparitiei acestui tutorial,HTML 4.0 este larg utilizat si au fost deja publicate specificatiile HTML 4.01.

Documente HTML sunt documente in format ASCII si prin urmare pot fi create cu orice editor de texte. Au fost insa dezvoltate editoare specializate care permit editarea intr-un fel de WYSIWYG desi nu se poate vorbi de WYSIWYG atata vreme cat navigatoarele afiseaza acelasi document oarecum diferit, in functie de platforma pe care ruleaza. Evident conversiile nu pot pastra decat partial formatarile anterioare deoarece limbajul HTML este inca incomplet.