Studiul Limbajului HTML și a Structurii Publicațiilor Web

Aplicatia 7

Studiul limbajului HTML si a structurii publicatiilor WEB

6.1. Scopul lucrarii.

Studentii vor învata cum sa-si creeze o pagina Web folosind limbajul

HTML si vor studia în detaliu structura unui document HTML.

6.2. WWW – World Wide Web

WWW – World Wide Web (pânza de paiajen – cu sensul de retea extinsa

în lumea larga) este o colectie imensa de documente interconectate prin intermediul

Internetului.

WEB-ul asigura o interfata hypermedia pentru informatii.

Hypermedia reprezinta variantele tipuri de informatie (text, imagini,

fisierele audio si video) care pot fi localizate oriunde pe glob, împreuna cu

legaturile dintre ele. Pentru a transmite si afisa informatile hypermedia, WEB-ul

foloseste un protocol de transfer (set de reguli) care este numit HTTP (Hypertext

Transfer Protocol – protocol de transmitere a hypertextului).

Internetul este un ansamblu alcatuit dintr-un numar enorm de retele de

computere interconectate, localizate pe toata suprafata globului, care suporta

diverse pachete software: e-mailul, grupuri de stiri (newgroup), protocoale de

transfer al fisierelor FTP, Gopher si World Wide Web.

Pentru a fi posibila o astfel de performanta, fiecare computer conectat la

internet trebuie sa fie identificat în mod unic printr-o adresa IP (Internet

Protocol). Adresa IP este formata din patru numere, fiecare mai mic de 255,

despartite între ele prin punct. Fiecarei adrese IP i se asociaza un nume unic de

identificare al computerului.

Internetul conecteaza doua tipuri de computere: serverele – care

furnizeaza documentele si clientii – care solicita si afiseaza documentele pentru a fi

vizualizate de utilizator. Pentru a accesa si afisa documentele HTML pe

computerul client ruleaza aplicatii numite browsere.

Browserul transmite serverului detalii despre el si despre fisierul pe care îl

doreste prin intermediul unui header HTTP de cerere. Headerul este acea parte a

unui pachet de date care este plasata înaintea informatiilor transmise si care poate

contine adresa sursei si a destinatiei, el verifica erorile si alte câmpurile.

Serverul primeste si analizeaza headerele HTTP de cerere în cautarea

informatiilor relevante (cum ar fi numele fisierului care este solicitat) si transmite

înapoi fisierul cerut împreuna cu headerele HTTP de raspuns.

Indrumar de laborator Anul I – Text preliminar

74

6.3. Studiul limbajului HTML.

HTML (Hyper Text Markup Language) reprezita scheletul oricarei

pagini WEB, adica este un limbaj descriptive, prin care sunt descriese elementele

structurale ale paginii WEB: titlurile, listele, tabelele, paragrafele, legaturile cu

alte pagini, precum si aspectul pe care îl are pagina din punct de vedere grafic.

HTML este modul în care îi comunicam browserului (Internet Explorer)

ce elemente dorim sa introducem în pagina WEB si care este aspectul acestora,

deci HTML este un limbaj standardizat.

Browserele nu au nevoie de conexiune la Internet ca sa functioneze. Se

poate încarca si afisa cu ajutorul browserului documente HTML care sunt stocate

pe propiul hard-disk, dând posibilitatea de a definitiva si testa documentele HTML

înainte de a le publica pe internet.

6.3.1. Modul de lucru

- Se creaza în calculator un folder (director) numit STUDENT.

- Se deschide editorul de text Notepad în care urmeaza a se introduce

textul

StartProgramsAccesoriesNotepad

- Se salveaza fisierul creat cu extensia *.html sau *.htm

FileSave se deschide o fereastra Save As unde se da numele fisierului

- Pentru vizualizarea fisierelor HTML create deja se deschide Internet

Explorer, iar din meniul sau se deschide fereastra FileOpenBrowsese

alege numele fisierului doritOpense deschide pagina Web pentru a vedea

cum arata.

- Dupa fiecare modificare facuta în fisierul HTML se face salvarea

fisierului pentru ca schimbarile facute sa apara în aspectul final al paginii Web.

- Pentru a se observa cum modificarile facute în fisierul HTML schimba

aspectul paginii, trebuie apasat butonul Refresh/Reload al browserului.

- Pentru a vizualiza cu usurinta aspectul paginii Web este bine sa fie

deschis permanent atât editorul de text în care se scrie documentul HTML, cât si

browserul cu care se face vizualizarwea.

6.3.2. Structura unui document HTML

Documentul HTML este un fisier text, care pe lânga textul propriu-zis ce

va aparea în pagina, contine si o serie de elemente speciale denumite etichete, sau

marcaje (tags). Aceste elementele, de tip multimedia, care însotesc documentul

HTML, cum sunt sunetul, imaginile video, grafica etc, nu fac parte din structura

acestuia. Documentul HTML include referinte la aceste elemente, prin intermediul

unor etichete speciale, care indica browserului modul în care ele vor fi încarcate si

integrate în pagina Web.

Etichetele HTML sunt de doua tipuri:

Indrumar de laborator Anul I – Text preliminar

75

- Etichete container (container tags) sunt de forma:

<TAG> bloc de text </TAG>

unde: <TAG> - marcheaza începutul unui bloc

</TAG> - marcheaza sfârsitul blocului

Etichetele specifica formatul în care va fi afisat textul continut între

eticheta de început si cea de final.

- Etichete vide (empty tags) au forma:

<TAG>