ROMNIA

Universitatea Politehnica din Bucuresti

Facultatea de Antreprenoriat, Ingineria si Managementul
Afacerilor

Programarea Calculatoarelor II - Laboratorul 7
Responsabil: Drd. Ing. Bogdan Tiganoaia, bogdantiganoaia@yahoo.com
Obiectivele laboratorului sunt urmatoarele:
Preentarea limba!ului "T#$
$ucrul cu "T#$
Prezentarea limbajului HTML
Nu ai nevoie de vreun editor special pentru a folosi acest ghid, orice editor de text
este perfect atata timp cat stii sa il folosesti. Invatand HTML vei avea mai mult
control asupra aspectului paginei tale web, si vei descoperi cu usurinta cai pentru a
imbunatati chiar mai mult aspectul paginei web. HTML este un limbaj independent
de platforma pe care ruleaa adica nu se schimba de la un calculator la altul sau de
la un program la altul. !ele mai intalnite editoare HTML sunt Notepad pentru
"indows si #i pentru Linux. !a sa accesati programul Notepad intrati in $tart %& 'un
si scrieti notepad.
(
)ocumentele HTML au doua parti, *head*%ul si *bod+*%ul. *,od+* este partea mai
mare a documentului in care se va gasi continutul paginii. *Head*%ul unui document
contine titlul acelui document si o scurta descriere folosita de motoarele de cautare
pentru indexarea site%ului.
$tructura unui document HTML, exemplu-
.html&
.head&
.title&Titlul aici./title&
./head&
.bod+&
.0%% 1ici vei introduce continutul paginii web %%&
!ontinut pagina aici
./bod+&
./html&
Task 1: Copiati (si testati in browser) codul scris cu rosu in fereastra de
notepad astfel:
2
#eti salva aceasta pagina in format HTML astfel- File - Save As
In casuta File name scrieti numele in genul acesta- index.html. 3ste foarte important
sa nu uitati extensia html pentru ca fisierul sa fie corect interpretat de browserele de
Internet.
4agina principala trebuie denumita *index.html*, majoritatea serverelor fiind
setate sa recunoasca pagina principala dupa aceasta denumire. In caul in care
*index.html* nu functioneaa ca pagina principala, contactati persoana care
administreaa server%ul si intrebati%l ce denumire are server%ul setata pentru a
recunoaste pagina principala.
)upa ce ati creat pagina puteti sa o deschideti dand dublu clic5 pe fisierul nou
creat. #eti folosi in continuare aplicatia notepad pentru a scrie codul in aceasta si un
browser de Internet pentru a viualia pagina.
)upa ce introduceti noi linii de cod in notepad salvati- Save. 4entru a vedea
modificarile noi in browser%ul de Internet dati un refresh- F5.
Intr%un document HTML poti avea caractere bold, italice, mici si mari
4entru a crea propoitia de mai sus, codul HTML va arata asa-
Intr%un document HTML poti avea caractere .b&bold./b& , .i&italice./i&, .font sie6%
2&mici./font& si .font sie672&mari./font&
,ine, bine...dar ce inseamna aceste *.* si *&* 8 !and scrii un anumit lucru intre
aceste doua semne, creei un lucru cunoscut sub numele de tag. )e exemplu, tagul
.b& da comanda de a incepe scriere cu caractere bold, si tagul ./b& da comanda de
a opri scrierea cu caractere bold. Tagul cu semnul slash9/: este cunoscut ca tag de
inchidere. !ele mai multe taguri necesita si un tag de inchidere, dar nu toate.
Tagurile formeaa intreaga structura a unui document HTML.
;
.b&1cest text are caractere bold../b& ,
.b& este tag de deschidere iar ./b& este tag de inchidere.
Task ! Ce se a"isea#a in bro$ser in urma rularii codului %T&L urmator'
Corectati greseala'
<(-3u .b&invat./b& html. 6 3u invat html.
<2-3u .b&invat.b& html. 6 3u invat html'
)ocumentele HTML sunt fisiere ce contin texte, si care primesc extensia .htm,
.html, .shtml. )ocumentele HTML au doua parti, *head*%ul si *bod+*%ul. *,od+* este
partea mai mare a documentului in care se va gasi continutul paginii.*Head*%ul unui
document contine titlul acelui document si o scurta descriere.
$tructura unui document HTML, exemplu-
.html&
.head&
.title&Titlul aici./title&
./head&
.bod+&
!ontinut pagina aici
./bod+&
./html&
4entru a intelege mai bine si usura munca, poti lasa spatii intre liniile
documentului.
(ota! Spatiile libere vor "i ignorate de catre bro$ser in momentul interpretarii'
=
Tot ceea ce se gaseste intre tagurile title va fi titlul documentului, acesta va aprea in
momentul viionarii documentului in susul paginii in bara pentru titlu 9in stanga
butoanelor de minimaliare/maximaliare/inchidere ale paginii:.
Task )! *eali#ati prima voastra pagina $eb+ "olosind notiunile invatate in acest
laborator'
,ibliografie- http:%%&&&.e'laboratory.net
>