lucrarea de laborator nr 5

12
Ministerul Educației al Republicii Moldova Universitatea Tehnică a Moldovei Facultatea Radioelectronică și Telecomunicații Referat La disciplina Tehnologii Informaționale Aplicate Pe tema: STUDIEREA STRUCTURII LIMBAJULUI HTML A efectuat: studenta gr.IMTC-101 Cortac Oxana A verificat: lector superior

Upload: oxana-cortac

Post on 14-Nov-2015

11 views

Category:

Documents


1 download

DESCRIPTION

laborator 5

TRANSCRIPT

Ministerul Educaiei al Republicii MoldovaUniversitatea Tehnic a MoldoveiFacultatea Radioelectronic i Telecomunicaii

ReferatLa disciplina Tehnologii Informaionale AplicatePe tema: STUDIEREA STRUCTURII LIMBAJULUI HTML

A efectuat: studenta gr.IMTC-101 Cortac Oxana

A verificat: lector superior Ceban Ghenadie

Chiinu 2011Scopul lucrrii: analiza i sinteza funciilor de baz ale limbajului HTML i protocolului HTTP n reeaua Internet. Sarcina de laborator 1 S se studieze linbajul de formare a paginei Web HTML. 2 S se analizeze structura i funciile de baz ale protocolului HTTP. 3 S se studieze principiul formrii i salvrii paginei Web. Proba teoretic Descrierea succint a teoriei privitoare la structura limbajului HTML i protocolului HTTP. Limbajul HTML - HyperText Markup Language - este un limbaj de marcare utilizat pentru crearea paginilor Web. Un marcator (sau tag) este cuprins ntre caracterele < i >. Majoritatea tagurilor au tag de sfrit, acesta avnd acelai nume ns precedat de simbolul /. Exemplu de marcatori:text
Marcatorul b are tag de sfrit, iar br este de sine stttor.n cazul n care avem deschise mai multe taguri, acestea se nchid n ordine invers fa de cum au fost deschise (ultimul tag deschis va fi primul nchis).Corect:Text corectGreit:Text incorect

Un tag poate s conin unul sau mai multe atribute. Acestea sunt perechi de forma nume="valoare". Exemple de atribute:paragraf centrat

Comentariile sunt cuprinse ntre . Exemplu de comentariu:

Editarea i vizualizarea documentelor HTMLPentru editarea documentelor HTML se poate utiliza orice editor de texte obinuit (de exemplu n Linux joe, pico, sau Notepad n Windows). Exist o serie de editoare specializate dintre care recomandm HTML Kit i Ultra Edit. Utilizarea altor editoare fr acceptul cadrului didactic care ine laboratorele este interzis.Pentru sistemul Linux, documentele vor fi stocate n directorul html aflat n directorul de home al unui utilizator. Accesarea paginii se va realiza prin intermediul adresei http://student.infoiasi.ro/~cont, unde cont este numele de cont al utilizatorului care dorete s-i publice pagina pe Web.Pagina de start al unui site depinde de serverul pe care se afl, de regul fiind index.html.Pentru a vedea o pagin Web de pe calculatorul local, din meniul File al navigatorului se va selecta opiunea Open (n cazul n care utilizm navigatorul Internet Explorer, vom apsa pe butonul Browse pentru a vizualiza sistemul de fiiere i pentru a selecta pagina Web dorit). Structura general a unui document HTML

. . . . . .

. . .

Mai nti se definete tipul documentului (cu DOCTYPE), n cazul nostru este vorba de HTML 4.01. Informaiile sunt cuprinse ntre marcatorul html, iar acesta conine dou seciuni: head i body. n partea de head vor fi cuprinse infromaii utile pentru navigatorul Web sau pentru alte aplicaii, cum ar fi motoarele de cutare. Marcatorul title va conine un text care va fi afiat pe bara de titlu a navigatorului Web. De regul, seciunea body va cuprinde informaiile care vor fi vizibile n suprafaa de afiare a ferestrei navigatorului.

ParagrafePentru inserarea de paragrafe avem la dispoziie urmtoarele taguri:Numele taguluiDescriere

pParagraf obinuit

h1, h2, h3, h4, h5, h6Paragrafe pentru titlu. Sunt utilizate pentru titlu, subtitlu, subsubtitlu, .am.d.

Dintre atributele suportate menionm:Numele atributuluiValoareDescriere

alignleft | right | center | justifySpecific alinierea paragrafului. Implicit este valoarea left.

Paragrafele (i n general elementele care introduc informaiile vizibile celor care viziteaz paginile Web) vor fi scrise n seciunea body a documentului HTML.Exemple de paragrafe:Paragraf aliniat la stanga si la dreaptaTitlu aliniat centratTitlu 5 aliniat la dreaptaListePentru definirea de liste nenumerotate putem utiliza marcatorul ul, iar pentru numerotate ol. Ambele posed tag de sfrit. Un element al listei este cuprins n interiorul tagului li.Elementele listei nenumerotate sunt precedate de un anumit simbol. Pentru a stabili simbolul dorit se va utiliza atributul type pentru marcatorul ul, cu una din valorile: disc (pentru buline, care este implicit), square (pentru ptrat) i circle (pentru cercuri). Exemplu de list nenumerotat care utilizeaz ptrele:

  • trandafiri
  • lalele
  • narcise

Pentru listele numerotate atributul type poate lua una din valorile: 1 pentru numerotarea cu cifre arabe (care este i implicit), a pentru litere mici, A pentru litere mari, i pentru cifre romane mici i I pentru cifre romane mari. n plus listele numerotate posed atributul start care poate lua o valoare numeric. Aceasta indic valoarea de la se ncepe numerotarea. Exeplu de list numerotat cu cifre romane mari:

  1. Beauty and the Beast
  2. Ice Age
  3. Shreck
  4. Snow White

TabeleUn tabel se definete prin intermediul marcatorului table. Acesta posed urmtoarele atribute importante:Numele atributuluiValoareDescriere

alignleft | right | center Specific alinierea tabelului. Implicit este valoarea left.

bordervaloare numericStabilete grosimea marginii tabelului. Implicit este valoarea 0.

widthvaloare numeric | procenteIndic limea tabelului. Valoarea numeric reprezint limea tabelului exprimat n pixeli, iar cea procentual n proporia din limea ferestrei navigatorului Web.

cellspacingvaloare numericDesemneaz distana n pixeli dintre celulele tabelului.

cellpaddingvaloare numericDesemneaz distana n pixeli dintre textul unei celule i marginea (bordura) acesteia.

Marcatorul tr stabilete o linie din tabel (eng. table row), iar n cadrul acesteia pot aprea celule pentru capul de tabel (eng. table head), prin intermediul marcatorului th, sau/i celule cu date (eng. table data), caz n care se utilizeaz marcatorul td.Exemplu de tabel aliniat centrat:

Nume si prenume Nr. absente Nota Chistol Crina-Elena - 10

Chiriac Ioana 1 10

Marcatorii tr i td pot avea urmtoarele atribute:Numele atributuluiValoareDescriere

alignleft | right | center Specific alinierea textului n cadrul celulei. Implicit este valoarea left pentru marcatorul td i center pentru th.

valigntop | middle | bottom Specific alinierea textului pe vertical din cadrul celulei. Implicit este valoarea middle. Pentru a observa efectul acestui atribut trebuie s avem pe aceeai linie dou celule inegale (pe vertical).

colspanvaloare numericStabilete numrul de coloane pe care se ntinde respectiva celul.

rowspanvaloare numericStabilete numrul de rnduri din tabel pe care se ntinde respectiva celul.

widthvaloare numeric | procenteIndic limea celulei i are aceeai semnificaie ca pentru tabele. De regul, se specific doar limile celulelor din prima linie (acestea fiind i limile coloanelor).

Un alt exemplu de tabel:

Grupa 1 Grupa 2

8-10 Limba engleza

10-12 Web Matematica

12-14 Geografie

ImaginiImaginile sunt stocate n fiiere separate cum ar fi cele n format GIF, JPEG sau mai nou PNG. Marcatorul utilizat este img, iar acesta nu posed tag de sfrit. Principalele atribute sunt:Numele atributuluiValoareDescriere

srcadresAdresa relativ sau absolut a fiierului surs care conine imaginea.

widthvaloare numeric | procenteIndic limea imaginii.

heightvaloare numeric | procenteIndic nlimea imaginii.

alttextStabilete un text alternativ. Dac navigatorul Web nu poate afia imaginile, atunci n locul lor vor aprea textele alternative.

De regul, sunt specificate dimensiunile reale a imaginilor. Mrirea acestora nu este recomandat deoarece se pierde din calitatea acesteia, iar micorarea se poate realiza ntr-un editor grafic, astfel micorndu-se dimensiunea fiierului (ceea ce duce la o ncrcare mai rapid a ntregii pagini Web).Exemple de utilizare a imaginilor:

LegturiPentru a stabili (hiper)legturi ntre paginile Web (sau n cadrul aceleiai pagini) se utilizeaz marcatorul a. Acesta posed atributul href, iar ca valoarea acesta are o adres relativ sau absolut. Astfel se pot crea trimiteri la documente de diferite tipuri (de exemlu: PDF, GIF, ZIP, XML, VRML).Exemple de legturi:

Laborator 1Prototip Mercedes

Facultatea de InformaticaCVProba practic Formarea paginei Web Taparea text n document de tip txt, apoi salvm documentul format cu extensia html, astfel vom obine o pagin de tip identic structurii Web .Am format de sinestatator un document de tip txt in care am introdus listingul structurii web,ce are urmatoarea forma:Lucrare de laborator nr.5

Craciun fericit!!! Sa aveti parte de fericire si multa,multa sanatate!!!

Sanatate FericireBogatieDragoste Pace sufleteascaDaruire de sineOamnei scumpi alaturiD-zeu alaturi mereu Craciun Fericit!!!