Ti 10

Program postuniversitar de conversie profesional
pentru cadrele didactice din mediul rural

Specializarea TEHNOLOGIA INFORMAIEI
Forma de nvmnt ID - semestrul III
REALIZAREA PAGINILOR WEB
Ana Magdalena ANGHEL Adriana OLTEANU

Radu PIETRARU
2006
Ministerul Educaiei i Cercetrii
Proiectul pentru nvmntul Rural
TEHNOLOGIA INFORMAIEI
Realizarea paginilor WEB
Ana Magdalena ANGHEL Adriana OLTEANU

Radu PIETRARU
2006
2006 Ministerul Educaiei i Cercetrii
Nici o parte a acestei lucrri

nu poate fi reprodus fr
acordul scris al Ministerului Educaiei i Cercetrii
ISBN 10 973-0-04551-8;
ISBN 13 978-973-0-04551-2.
Cuprins

CUPRINS
Unitate Titlu Pagin

de nvare
INTRODUCERE 1
1 INTERNET I WORD WIDE WEB 4

Obiectivele Unitii de nvare nr.1 5
1.1 Introducere n Internet 5
1.2 Arhitectura Word Wide Web 7
1.3 Editarea i vizualizarea unei pagini WEB 8
Rspunsuri i comentarii la ntrebrile din testele de autoevaluare 11
Bibliografie Unitate de nvare nr.1 11
2 LIMBAJUL HTML 12
2.1 Introducere n HTML 13
2.2 Sintaxa Directivelor HTML 13
2.3 Structura de baz a unui document HTML 19
3 FORMATAREA TEXTELOR IN LIMBAJUL HTML 23

3.1 Limbajul HTML i formatarea textelor 24
3.2 Titluri i paragrafe HTML 24
3.3 Definirea caracteristicilor fontului 29
3.4 Formatarea fixic a textelor 32
3.5 Formatarea logica a textelor 33
3.6 Preformatarea textului cu ajutorul directivei <PRE> 34
Lucrare de verificare Unitate de nvare nr.1, 2, i 3 35
4 LISTE N LIMBAJUL HTML 38

4.1 Tipuri de liste n limbajul HTML 39
4.2 Liste HTML neordonate 40
4.3 Liste HTML ordonate 42
4.4 Liste definite 44
Proiectul pentru nvmntul Rural I

Cuprins
5 HYPERLINKS N LIMBAJUL HTML 49

5.1 Hypertext i hyperlink 50
5.2 URL identificator unic de resurse web 51
5.3 Realizarea legaturilor n HTML 51
5.4 Folosirea imaginilor pentru legturi 55
6 FOLOSIREA IMAGINILOR N LIMBAJUL HTML 58

6.1 nelegerea formatelor grafice folosite n WEB 59
6.2 Folosirea imaginilor n cadrul paginilor WEB 60
6.3 Imagini cu arii sensibile (Image Maps) 65
Lucrare de verificare Unitate de nvare nr.4, 5, i 6 67
7 REALIZAREA TABELELOR 72
7.1 Realizarea unui tabel simplu n limbajul HTML 73
7.2 Definirea proprietilor globale ale unui tabel HTML 75
7.3 Definirea rndurilor unui tabel 78
7.4 Definirea celulelor unui tabel 79
8 FORMULARE N PAGINA WEB 83

8.1 Ce sunt formularele? 84
8.2 Introducerea unui formular n pagina WEB 86
8.3 Elementele HTML folosite n formulare 88
8.4 Alte tipuri de elemente folosite n formulare WEB 90
9 SCRIPT, JAVASCRIPT 94
9.1 Ce este JavaScript? 95
9.2 Inserarea unui JavaScript ntr-un document HTML 95
9.3 Cum i cnd se execut un script ntr-o pagina WEB 97
9.4 Atribute de tip Event Handler 99
Lucrare de verificare Unitate de nvare nr. 7, 8 i 9 100
10 EXECUTABILE I MULTIMEDIA N PAGINA WEB 103

10.1 Java i Java APPLET 104
10.2 Obiecte ACTIVE X 106
II Proiectul pentru nvmntul Rural

Cuprins
10.3 Fiiere multimedia n pagina WEB 107

10.4 Adugarea clipurilor multimedia la o pagina Web 108
11 XML I FOLOSIREA LUI N PAGINA WEB 111

11.1 Introducere n XML 112
11.2 Caracteristici ale XML 113
11.3 Sintaxa XML 114
11.4 Modul de folosire a XML n pagina Web 116
12 FOI DE STIL 120

12.1 Foi de stil n HTML-CSS 121
12.2 Cum funcioneaz stilurile n HTML 122
12.3 Adugarea foilor de stil n documentele HTML 123
12.4 Proprieti CSS 126
Lucrare de verificare Unitate de nvare nr. 10, 11 i 12 127
BIBLIOGRAFIE 130
ANEXA 1 Lucrri de laborator 131
Proiectul pentru nvmntul Rural III

Cuprins
IV Proiectul pentru nvmntul Rural

Introducere

INTRODUCERE
Stimate cursant,
nc de la nceput doresc s i urez bun venit la studiul modulului,

destinat deprinderii utilizrii unor unelte pentru realizarea paginilor
WEB. Acest modul se adreseaz n principal personalului didactic din
aria nvmntului obligatoriu, ce activeaz n mediul rural n
vederea obinerii calificrii necesare prin intermediul Programului de
Educaie la Distan. Sper c acest modul va fi util personalului
didactic care dispune de cunotine despre universul calculatoarelor
ct i oricrei persoane interesate n dobndirea de cunotine
specifice de introducere in acest domeniu.
Exist totui anumite cunotine specifice necesare parcurgerii

acestui modul:
Cunoaterea modalitii de organizare i manipulare a
informaiei n format electronic (sistem de fiiere, directoare,
copierea, mutarea i deschiderea de fiiere electronice).
Operaii de baz utiliznd sistemul de operare Microsoft
Windows (pornirea unei sesiuni de lucru, deschiderea unei
aplicaii, comutarea ntre mai multe aplicaii ce ruleaz
simultan, nchiderea n mod corespunztor a sistemului),
Obiectivele modulului:
Dup studiul acestui modul vei fi suficient de pregtit pentru a fi

capabil s:
Descriei arhitectura World Wide Web
Descriei structura de baz a unui document HTML
Explicai sintaxa directivelor HTML
Descriei modul de specificare a culorilor pentru elementele
HTML
Definii titluri i paragrafe n cadrul unui document HTML
Modificai tipurile de caractere, mrimea sau culoarea
acestora ntr-un document HTML
Creai liste ordonate, neordonate i imbricate cu ajutorul
directivelor HTML specializate
Creai hyperlink-uri n documente HTML
Folosii imagini ca hyperlink-uri
Adugai imagini la o pagin HTML
Specificai modul de aliniere al imaginii n pagin i al textului
din jurul ei ; dimensiunea imaginii
Creai un tabel HTML si s modificai proprietile acestuia
Creai i s adugai elemente la un formular
Ce este un script pe partea de client
Proiectul pentru nvmntul Rural 1

Introducere
Folosii un script ntr-o pagin WEB

Folosii un applet Java ntr-o pagin WEB
Folosii un obiect Active X ntr-o pagin WEB
Folosii fiierele multimedia ntr-o pagin Web
Folosii un document XML ntr-o pagin HTML
Folosii sintaxa pentru definirea unei foi de stil
Prezentul modul este n format tiprit fiind conceput pentru educaia

prin coresponden. Modulul este de lungime medie: 14 ore pentru SI
(studiu individual), 7 ore pentru AT (activiti tutoriale), 7 ore pentru
TC (teme de cas) i 28 de ore pentru AA (activiti asistate).
Activitile tutoriale au ca scop stabilirea unui dialog ntre cursant i
tutore n vederea discutrii rezultatelor obinute n urma evalurii
temelor de cas i nu n ultimul rnd pentru lmurirea eventualelor
neclariti sau probleme ntlnite de cursant. Temele de cas
constau n rezolvarea lucrrilor de verificare care vor fi trimise
tutorelui. Cele 28 ore alocate activitilor asistate vor fi destinate
efecturii celor apte lucrri de laborator prezente n Anexa 1. Timpul
de nvare poate varia n funcie de cunotinele anterioare ale
cursantului despre realizarea paginilor WEB i de cantitatea de
munc dedicat subiectului n studiu, pe care cursantul este dispus
s o aloce.
Manualul de fa este organizat n 12 uniti de nvare, fiecare

dintre aceste uniti coninnd o parte de prezentare teoretic a
subiectului tratat, o parte de exerciii i rezolvrile acestora. Cele 12
uniti de nvare i propun s te nvee ce este i cum poi sa
construieti o pagin WEB. Prima unitate face o introducere n
Internet, World Wide Web, i prezint paii i uneltele necesare
pentru realizarea primei tale pagini de WEB. ncepnd cu unitatea de
nvare 2 pn la unitatea de nvare 8 manualul te va ghida pas cu
pas n tainele limbajului HTML. n unitatea de nvare 9 i 10 sunt
prezentate tehnologii folosite n World Wide Web pentru a realiza o
pagin capabil s interacioneze cu utilizatorul. La finalul manualului
n unitile de nvare 11 i 12 vom studia tehnici avansate pentru
structurarea ntr-un mod ct mai eficient i mai flexibil a informaiilor
ce trebuiesc prezentate n pagina Web.
Instruciuni de transmitere a lucrrilor de verificare:
Modulul Realizarea paginilor WEB conine patru lucrri de verificare

(LV). Fiecare LV va fi transmis spre corectare tutorelui, la care ai
fost alocat, ntr-un fiier separat, astfel nct s intre n posesia
acesteia nainte sau cel trziu la data specificat de calendarul
modului. Prima LV trebuie predat dup ce ncheiai studiul Unitii
de nvare nr. 3, a doua dup ncheierea studiului Unitii de
nvare nr. 6; a treia dup ncheierea studiului Unitii de nvare nr.
9; iar ultima, la sfritul modului.
2 Proiectul pentru nvmntul Rural

Introducere
Instruciuni de ntocmire a lucrrilor de verificare:

LV-urile sunt o component important a modulului, care ngduie o
corect evaluare a experienei pe care o cptai studiind modulul i
a capacitii dvs. de a-i aplica ideile n practic. Rezolvarea
problemelor propuse din lucrrile de verificare este asemntoare cu
cea din exemplele din cadrul unitii de nvare respective. Ceea ce
trebuie s facei este s prezentai ct mai concis ideile cele mai
importante, ncercnd s nu depii limita de 3000 de cuvinte.
Suma maxim a punctelor care vi se acord pentru tratarea
subiectelor unei lucrri de verificare este 25.
Criteriile de evaluare si ponderile evalurii continue i final:
Notele pe care le vei obine la sfritul acestui modul se calculeaz

n funcie de nota pe care o vei primi la examen i de media obinut
la LV-uri (evaluare pe parcurs). Cele dou componente particip la
nota final cu ponderi de 60% (pentru LV), respectiv 40% (pentru
evaluarea final realizat prin examen). In notarea evalurii pe
parcurs, notele celor patru LV-uri intr cu ponderi egale. De aceea,
v recomand insistent s predai toate cele patru LV-uri, deoarece
pentru o lucrare pe care nu o realizai vei primi nota 0.
Testele de autoevaluare (TA) reprezint o form de autoevaluare a

cursantului i face parte din tehnologia ID de parcurgere a
materialului de studiu. Testele de autoevaluare sunt incluse n
manual pentru a te ajuta s i testezi cunotinele i felul n care ai
neles materialul deja parcurs dintr-o unitate de nvare. TA sunt
concepute astfel nct s nu i consume mai mult de cteva minute.
Rspunsurile la testele de autoevaluare se vor completa n spaiile
libere din chenar, acestea ncadrndu-se strict n spaiul rezervat.
La nceputul fiecrei Unitii de nvare vor fi detaliate obiectivele

propuse, aceast seciune fiind indicat de imaginea alturat ( o
sgeat). Modulul nu integreaz alte materiale suplimentare de
studiu individual, dar recomanda la finalul fiecrei Unitii de nvare
un decupaj minimal din bibliografia manualului, decupaj necesar
pentru aprofundarea i nelegerea complet a noiunilor expuse pe
durata Unitii de nvare.
Pe tot parcursul prezentrilor teoretice, importana anumitor

paragrafe va fi semnalizat n partea stng a textului prin imaginea
unei goarne.
Paragrafele care conin testele de autoevaluare vor fi semnalizate

prin folosirea imaginii unei pene i vor fi ncadrate ntr-un chenar.
n cazul n care nu vei reui s rezolvai problemele propuse trebuie

recitite zonele de text care apar nainte de lucrarea de verificare. n
sperana c nu vor exista probleme v urm:
Spor la treab!

Internet i World Wide Web
Unitatea de nvare Nr. 1
INTERNET I WORLD WIDE WEB
Obiectivele Unitii de nvare Nr.1 5
1.1 Introducere n Internet 5
1.2 Arhitectura World Wide Web 7
1.3 Editarea i vizualizarea unei paginii WEB 8
Rspunsuri i comentarii la ntrebrile din testele de evaluare 11
Bibliografie 11

Obiectivele Unitii de nvare Nr. 1:
Principalele obiective ale Unitii de nvare 1 sunt:
nsuirea unor noiuni de baz din domeniul reelelor

de calculatoare
nsuirea unor noiuni de baz din domeniul Internet
Descrierea arhitecturii World Wide Web
nsuirea pailor necesari ntr-un ciclu de creare-
vizualizare rezultat, pentru o pagin Web
1.1 Introducere n Internet
nainte de a putea nelege ce nseamn i cum funcioneaz World

Wide Web, va trebui s clarificm anumite noiuni, definiii, tehnologii
pe care se bazeaz.
Ce este o reea O Reea de calculatoare este o colecie de calculatoare (zeci sau

de sute) interconectate ntre ele prin cabluri speciale cu scopul de a
calculatoare? putea interschimba sau folosi n comun anumite resurse (fiiere,
imprimante, etc.).
Pentru a comunica ntre ele calculatoarele folosesc un set de reguli

care definesc noiunea de protocol de comunicaie.
Reelele de calculatoare locale pot fi la rndul lor interconectate ,

Ce este formnd reele globale de calculatoare, adic inter-reele. Cea mai
Internetul? mare inter-reea cu access public este reeaua Internet.
Definiia de mai sus este foarte general i mai necesit cteva

completri:
Internetul este un mijloc de comunicare este un mediu foarte

eficient de expunere a ideilor unei audiene foarte mari.
Internetul este o resurs de informare este un imens depozit
de informaii. Oricnd ai nevoie de o informaie legat de orice
domeniu vei putea gsi undeva publicat pe Internet o lucrare
care s te ajute.
Internetul este o comunitate face posibil i foarte eficient
comunicarea ntre oameni cu aceleai preocupri.
Care sunt Pentru toate facilitile enumerate mai sus Internetul ofer mai multe
serviciile metode de access servicii Internet :
Internet?
World Wide Web serviciul ce permite accesul la informaia
stocat pe un calculator aflat oriunde n lume,

E-Mail este un serviciu de mesagerie electronic. Permite

schimbul de mesaje ntre utilizatorii Internet,
FTP este prescurtarea de la File Transfer Protocol care
nseamn n limba romn protocol pentru transferul fiierelor,
Telnet serviciul ce permite accesul la resursele altui
calculator din Internet.
TCP/IP Protocolul de comunicaie folosit n Internet pentru oricare din

protocolul serviciile de mai sus este TCP/IP (i pentru altele). Acesta definete:
folosit n modul n care calculatoarele ar trebui s fie conectate n
Internet Internet,
modul n care se stabilete o legtur de la un calculator la
altul din Internet,
modul n care sunt transmise date ntre calculatoarele din
Internet.
Pentru a se putea conecta i a fi identificat n reea un calculator

Ce este o
trebuie s aib o adres de reea unic n Internet aceast adres se
adres IP?
numete adresa IP. O adres de IP este format din 4 numere
cuprinse ntre 0 i 255 separate prin caracterul ..
66.249.85.99 este un exemplu de adres IP
Deoarece acest format de adrese este greu de reinut de ctre om

exist posibilitatea asocierii unei forme mai prietenoase de adresare
fiecrei adrese IP. Aceast form de adresare poart denumirea de
Nume de Domeniu.
De exemplu pentru adresa IP de mai sus este asociat urmtorul

nume de domeniu:
www.google.com
Test de autoevaluare
1.1 Ce este un protocol de comunicaie?
1.2 Cum este identificat un calculator n Internet?
Rspunsurile corecte i comentarii asupra acestora se gsesc la pagina 11.

1.2 Arhitectura World Wide Web
Ce este World World Wide Web sau pe scurt Web este un sistem de calculatoare n
Wide Web? Internet care poate efectua schimb de fiiere ntr-un anumit format,
denumit HTML care suport existena de legturi ctre alte
documente sau ctre fiiere grafice sau audio.
Din ce este Acest schimb de fiiere se face folosind tehnologia client-server care
format Web-ul? presupune existena urmtoarelor entiti:
Pagini Web Fiiere cu un anumit format ce permite

organizarea asociativ a informaiilor HTML,
Web Site Este o mulime organizat de pagini Web
Server Un calculator conectat la Internet pe care sunt
stocate paginile Web i pe care ruleaz un program - Web
server - care poate servi aceste pagini Web la cerere unui alt
calculator din Internet,
Client - Un calculator conectat la Internet pe care ruleaz un
program - Web Browser - ce permite comunicaia cu HTTP
server la care face cerere pentru a primii o resurs Web
specificat de un URL introdus de utilizator pe care este apoi
capabil s l interpreteze i s l afieze.
URL - Fiecare pagin sau resurs WEB are asociat o adres
unic n Internet cunoscut sub acronimul de URL (Uniform
Resource Locator).
Client
1.
Introduce
3. Trimite
Utilizator Web
4. Browser WEB
Vizualizeaz
2. Trimite cerere
Internet
Web Site
{Fiiere HTML,
Imagini
Fiiere multimedia}
Figura 1.1 Arhitectura World Wide Web
n Figura 1.1 este prezentat locul fiecrei entiti descrise mai sus
Sensul de
ca fiind parte din World Wide Web, i de asemenea ordinea etapelor
circulaie al
pentru accesul la resursele Web:
datelor n Web
1. Utilizatorul introduce URL-ul care identific resursa Web
dorit n browserul care ruleaz pe calculatorul client,

2. Clientul conectat la Internet formuleaz o cerere de resurs

ctre Web-Serverul identificat de URL,
3. Web Serverul primete, analizeaz cererea i ntoarce ca
rspuns la client resursa cerut dac aceasta exist. In caz
contrar ntoarce un rspuns ce conine un mesaj de eroare.
4. Web Browserul de pe calculatorul client primete rspunsul
de la Web-server i l afieaz.
1.3 Un Web Browser poate rula pe acelai calculator cu un Web

Server?
Rspunsul corect i comentarii asupra acestuia se gsesc la pagina 11.
1.3 Editarea i vizualizarea unei paginii WEB
Un document HTML implementeaz o pagin Web. Documentele

HTML sunt simple fiiere text ceea ce permite ca editarea lor s fie
posibil prin folosirea oricrui editor de texte.
n prezent exist o serie de editoare specializate pentru editarea

Cum editez o
paginilor HTML. Acestea permit realizarea de documente HTML
pagin Web? rapid i uor doar prin apsarea a ctorva butoane fr ca utilizatorul
s aib cunotine de HTML. Aceast facilitate este foarte bun
pentru utilizatorii nceptori, ns este foarte important cunoaterea
temeinic i nelegerea limbajului. deoarece dezavantajul principal al
acestor unelte este c genereaz adesea cod redundant i uneori
chiar incorect. n aceste cazuri fiind necesar intervenia direct in
codul generat pentru a corecta aceste neajunsuri.
Exemple de astfel de editoare: Microsoft FrontPage, Macromedia
DreamWaver, Eclipse, Bluefish etc.
n acest modul se va folosi editorul de text standard care este livrat

cu sistemul de operare Windows: Notepad. Acesta precum bnuieti
nu are nici o facilitate special pentru HTML ci este un simplu editor
de text.
Dac nu foloseti sistemul de operare Windows poi folosi n mod

asemntor orice editor de text disponibil pe sistemul tu:
1. Pentru a porni programul Notepad pe un sistem Windows XP:
Click pe butonul Start din colul stnga jos al ecranului

Click pe meniul All Programs -> Accessories
Localizai iconia NotePad din acest meniu i facei click pe ea

2. Odat ce ai pornit aplicaia poi ncepe s scrii documentul HTML.

ncearc s-l scrii pe cel de mai jos:
<HTML>
<HEAD>
<TITLE>Prima mea pagina</TITLE>
</HEAD>
<BODY>
<H1>Prima mea pagina Web</H1>
Curand am sa devin un
<STRONG>expert</STRONG> HTML
<P>
Pagina realizata de:
<CITE>numele tau aici</CITE>
</BODY>
</HTML>
3. n momentul n care documentul este complet i doreti s-ti

salvezi munca urmtoarele operaii sunt necesare:
Localizeaz n fereastra programului NotePad meniul File

De aici selecteaz opiunea Save As
n fereastra dialog care se deschide introdu numele sub care
vrei s salvezi fiierul urmat de extensia .htm sau .html. Spre
exemplu alege numele primapagin.html.
Atenie este important s specifici extensia deoarece altfel programul

NotePad va aduga automat extensia .txt la numele fiierului.
Cum vizualizez 4. Pentru a vizualiza fiierul .html proaspt creat de tine ntr-un
pagina Web browser, urmtoarele operaii sunt necesare:
creat de mine?
Pornete programul Microsoft Internet Explorer
n meniul File localizeaz opiunea Open
Click pe aceast opiune i se va deschide urmtorul dialog:
Click pe butonul Browse i navigheaz pn n folderul n

care ai salvat fiierul primapagina.html, selecteaz-l i. apas
butonul Open

Felicitri! Ai creat prima pagin HTML. Rezultatul ar trebui s fie

asemntor cu imaginea de mai jos :
Figura 1.2 Primul meu document HTML
Dac rezultatul nu este asemntor cu cel din figura de mai sus

nseamn c nu ai introdus corect codul HTML sau unul dintre pai
nu au fost executat corect.
Mai ncearc odat!

Rspunsuri i comentarii la ntrebrile din testele de evaluare
ntrebarea 1.1.
Un protocol de comunicaie este un set de reguli folosite de
calculatoarele ntr-o reea ca s comunice ntre ele. A se revedea
seciunea 1.1.
ntrebarea 1.2.
Un calculator este identificat n internet cu ajutorul unei adrese de IP
unic n Internet. Adresele de IP au form numeric i sunt greu de
reinut de ctre oameni. Din acest motiv o adres IP poate avea
asociat un nume de domeniu cu ajutorul cruia se poate identifica de
asemenea un calculator n Internet. A se revedea seciunea 1.1.
ntrebarea 1.3.
Bineneles c da! Nu este cea mai des ntlnit situaie ns este
posibil. A se revedea seciunea 1.2.
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.21-40
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.1-7
3. Sabin Buraga Proiectarea siturilor Web. Design i
funcionalitate, Ediia a II-a, Editura Polirom 2002, pg. 13-22

Limbajul HTML

LIMBAJUL HTML
Obiectivele Unitii de nvare Nr. 2 13
2.1 Introducere n HTML 13
2.2 Sintaxa Directivelor HTML 13
2.3 Structura de baz a unui document HTML 19
Bibliografie 22

Limbajul HTML
Principalele obiective ale Unitii de nvare nr. 2 sunt:
Definirea noiunii HTML

Descrierea structurii de baz a unui document
Explicarea sintaxei directivelor HTML
Descrierea modului de specificare a culorilor pentru
elementele HTML
2.1 Introducere n HTML
HTML este limbajul folosit pentru a structura informaia n

documentele World Wide Web. Numele su reprezint iniialele
urmtoarelor cuvinte in limba englez: HyperText Markup
Language.
Definitie Limbajul HTML este compus din instruciuni de afiare, care vor fi
folosite de ctre browser pentru a determina cum anume s afieze
informaia util din document. Aceste instruciuni de afiare poat
denumirea de directive HTML sau, tags n limba englez.
Definitie Un element este o component fundamental din structura unui

document. O pereche de directive delimiteaz un element HTML, iar
informaia cuprins ntre directiva de nceput i cea de sfrit
delimiteaz coninutul elementului. Un element poate conine text
simplu sau alte elemente.
2.2 Sintaxa Directivelor HTML
n cazul documentelor HTML mai mult de jumtate din textul surs

nu este afiat de ctre browser. Mai precis ceea ce lipsete este
textul cuprins nuntrul caracterelor pereche < i >, aceasta
datorit faptului c n limbajul HTML ceea ce este cuprins ntre
aceste caractere sunt interpretate ca fiind directive HTML (tags).
O directiv HTML const dintr-un nume care, opional, este urmat de

o list de atribute ale directivei HTML, toate acestea fiind plasate
ntre perechea de caractere < i >. Atributele unei directive HTML
pot lua diferite valori i permit autorului documentului s-i modifice
comportamentul. Iat un exemplu:
Dac directivei <BODY> i se adaug atributul BGCOLOR cu o

valoare dorit atunci browserul va afia pagina respectiv pe un
fundal de culoarea specificat de valoarea atributului. Pentru a afia
pagina pe fond rou vom scrie:

Limbajul HTML
<BODY BGCOLOR=red>
De obicei numele directivei este intuitiv fiind reprezentat de un cuvnt

sugestiv pentru funcia pe care o are.
Directive Directivele HTML apar de regul n perechi, de exemplu <html>

HTML </html> sau <body></body>, prima directiv fiind de nceput iar cea
pereche de-a doua de sfrit. Un text aflat ntre aceste directive va respecta
funcionalitatea directivei respective.
<B>Text afiat cu caractere Bold</B>
Directiva Directiva
de nceput de sfrit
Figura 2.1 Mod de folosire al directivelor HTML pereche.
Exemplu de mai sus prezint modul n care se pot folosi directivele

HTML pentru afiarea textului cu caractere de tip Bold.
O directiv de sfrit are acelai nume cu directiva corespunztoare

de nceput, dar este precedat de caracterul /. Tagurile de sfrit
nu conin niciodat atribute.
Directive O parte din directivele HTML nu au directive pereche de sfrit.

HTML far Acestea poart denumirea de stand-alone. Un exemplu de directiv
pereche stand-alone este <img>. Aceasta face ca browserul s plaseze o
imagine (specificat de valoarea atributelor directivei) n pagin.
Atributele sunt adugate directivelor HTML pentru a extinde sau

Atributele
pentru a modifica comportamentul acestora. Atributele apar
ntotdeauna n perechi de forma nume/valoare. Poi aduga mai
multe atribute la acelai tag, separnd fiecare tag printr-unul sau mai
multe spaii. Ordinea de apariie nu este relevant. Valorile atributelor
au lungimea limitat la 1024 caractere.
<IMG SRC=images/smile.gif ALT=vesel>
Nume Valoare
Atribut Atribut
Valoarea unui atribut trebuie scris de regul ntre caracterele i

, iar n cazurile speciale n care nsui valoarea atributului conine

Limbajul HTML
caracterul ghilimele se folosesc apostroafe, ca n exemplu de mai

jos:
<MAP NAME=nume cu caracterul >
Dac valoarea este un singur numr sau cuvnt i conine numai

litere (a-z) sau cifre (0-9) sau caracterele . i -, nu este obligatorie
ncadrarea ntre ghilimele sau apostroafe a valorii atributului, ea
putnd fi plasat imediat dup semnul =.
Totui atunci cnd nu eti sigur c regula de mai sus este respectat
este o idee bun folosirea ncadrrii ntre ghilimele a valorii
atributelor.
Mai jos sunt prezentate cteva exemple de directive care conin

atribute. Fii atent la faptul c prima directiv conine att atribute a
cror valoare este ncadrat de ghilimele ct i atribute care nu
necesit aceast ncadrare:
<IMG SRC="img/myimg.gif" ALIGN=right WIDTH=45

HEIGHT=60>
<BODY BGCOLOR="#000000">
<FONT FACE="Arial, Helvetica" SIZE=4>
n afar de textele care conin caractere obinuite, HTML ofer

posibilitatea de a insera i afia caractere care n mod normal nu ar
putea fi incluse n document sau care au un scop predefinit n
limbajul HTML cum ar fi, spre exemplu, caracterul < care este
folosit n limbajul HTML pentru a semnala nceputul unei directive.
2.1 Ce este un element HTML?
2.2 Ce este o directiv HTML?
2.3 Ce rol au atributele unui element?
Caractere n limbajul HTML, caracterul ampersand (&) instruiete browserul

speciale s insereze un caracter special n funcie de codul sau identificatorul

Limbajul HTML
ce l urmeaz. O astfel de construcie poart denumirea de

character entities i este format din trei pri:
Caracterul ampersand &

Un nume predefinit al caracterului sau semnul # urmat de
codul caracterului
Caracterul ; (punct i virgul)
Spre exemplu pentru a afia caracterul < se va scrie n text

urmtoarea construcie: <. Similar > introduce caracterul > iar
& introduce caracterul ampersand.
Numele predefinite pentru caracterele speciale trebuiesc ntotdeauna

scrise cu litere mici.
Se pot de asemenea introduce caractere speciale pentru care nu

exist identificatori predefinii, folosindu-se semnul # urmat de codul
ASCII al caracterului. Spre exemplu urmtoarea construcia <
are acelai efect ca < , adic introducerea caracterului <.
Specificarea Culoarea anumitor elemente din cadrul documentului HTML se poate

culorilor n specifica folosindu-se anumite directive HTML sau atribute ale
HTML acestora. Exist 2 metode de specificare a culorilor n cadrul
paginilor WEB:
prin valoarea codului RGB
folosind numele culorii
Cel mai adesea folosit i mai flexibil modalitate este folosirea

codului RGB. Fiecare culoare RGB conine 3 valori corespunztoare
concentraiei fiecrei componente rou (RED), verde (GREEN) sau
albastru (BLUE) din cadrul culorii alese. Aceste valori se ncadreaz
ntre 0 si 255. Specificarea concentraiei maxime (R=255, G=255,
B=255) n fiecare component rezult n culoarea alb, iar
specificarea valorii 0 pentru toate componentele rezult n culoarea
neagr.
Majoritatea utilitarelor de grafic au dialog care permite n mod grafic

alegerea culorii dorite furniznd pentru aceasta codul RGB
corespunztor. n figura de mai jos este prezentat un astfel de dialog:

Limbajul HTML
Se observ n imaginea de mai sus c n funcie de culoarea aleas

se genereaz concentraia corespunztoare fiecrei componente de
culori n cazul nostru (R=237, G=15, B=99).
Odat identificate aceste concentraii pentru culoarea dorit vor

trebui transformate n valori hexazecimale echivalente pentru a le
putea folosi ca valoare pentru un atribut n cadrul unei directive
HTML. Aceasta este sintaxa:
#RRGGBB
Cu ajutorul acestor valori se poate specifica orice culoare din spaiu
de culori true color.
Cea de-a doua metod este a identifica culorile dup nume. Exist
un set de 140 de culori predefinite.
Comentarii Comentariile sunt folosite n cadrul unui document HTML pentru a

HTML documenta codul HTML scris in pagina respectiv. Comentariile nu
sunt afiate de ctre browser. n procesul de creare sau de
mentenan a paginilor de Web aceste comentarii se pot dovedii
foarte utile oferind persoanei care creeaz sau modific pagina
informaii suplimentare despre ce anume s-a dorit a fi realizat n acea
pagin i eventual informaii suplimentare despre modul n care se
realizeaz acel obiectiv.
Pentru a definii un comentariu HTML se folosete o directiv special

cu urmtoarea sintax:

sau

Trebuie s existe obligatoriu un spaiu dup  , n rest se poate folosi aproape orice caracter sau
combinaie de caractere n interiorul comentariului fr a influena
modul n care pagina va fi afiat de ctre browser.
Imbricarea O directiv HTML poate fi folosit n interiorul unei alte directive
directivelor HTML cu scopul de a putea aplica efectul ambelor directive asupra
HTML unui anumit element. Spre exemplu dac se dorete ca un anumit
cuvnt din text s fie i n format italic i bold n acelai timp pentru
a-l scoate n eviden se folosete aceast metod de imbricare a
directivelor dup cum este artat n exemplul de mai jos:

Numele meu este: <B><I>Ana</I><B>.

Va avea ca rezultat:
Limbajul HTML
Numele meu este: Ana
Totui aceast imbricare trebuie fcut avnd mereu grij ca ordinea

de nchidere a tagurilor s fie invers cu ordinea de deschidere
ultimul tag deschis s fie primul nchis.
Exist anumite informaii, caractere sau chiar directive pe care

Informaii
browserele nu le afieaz. Acestea sunt:
ignorate de
browser
Sfritul de linie (CR/LF)
Caracterele de sfrit de linie folosite n interiorul
documentului HTML sunt ignorate i browserul va organiza
textul in funcie de dimensiunea ferestrei. Trecerea la linie
nou se va face explicit prin folosirea directivelor <P> sau
<BR>
Taburile sau spaiile multiple
Dac browserul ntlnete un caracter Tab sau mai multe
caractere spaiu liber consecutive l va afia ca un singur
caracter spaiu liber. Pentru a introduce spaii suplimentare se
poate folosi caracterul special: .
Spre exemplu:
Text, cu multe spatii

Va fi afiat ca:
Text, cu multe spatii
Directivele <p> care apar de mai multe ori.

Dac directiva <P> este folosit de mai multe ori consecutiv
fr coninut, browserul va interpreta aceast construcie ca
un singur paragraf i l va afia ca atare.
Comentariile
Browserele nu vor afia textul cuprins ntre caracterele 
</SCRIPT>
<SCRIPT>
Funcionalitate:
Insereaz un script n
documentul HTML
Atribute:
LANGUAGE
SRC
TYPE
Directiva de sfrit:
</SCRIPT> OBLIGATORIE
Atributele LANGUAGE i TYPE JavaScript sunt unele dintre cele

Atributele mai populare limbaje de script folosite n WEB, ns exist si altele
LANGUAGE precum VBScript. Rolul acestor atribute este de a specifica
Si TYPE browserului ce tip i ce versiune de script este inclus n interiorul
directivei.

Script Javascript
Este de ajuns folosirea fie a atributului LANGUAGE, fie a atributului

TYPE. NU este nevoie a fi folosite ambele n acelai timp.
Cele mai utilizate valori pentru atributul LANGUAGE sunt

JavaScript i VBScript. Acelai lucru se poate specifica utiliznd
valorile text/javascript respectiv text/vbscript pentru atributul
TYPE.
Atributul Atributul SRC. Pentru cazurile n care un anumit script are

SRC dimensiuni foarte mari sau este folosit de ctre mai multe pagini
WEB acesta poate fi scris ntr-un fiier separat. Includerea acestor
scripturi pentru a putea fi referite n pagina HTML curent se face
folosind atributul SRC.
Valoarea atributului este URL-ul la care se gsete fiierul ce conine

scriptul. Prin urmare pentru a include un script definit n alt fiier vom
scrie:
<SCRIPT LANGUAGE=JavaScript
SRC=scripts/scriptulmeu.js>
9.1 De ce este recomandat plasarea codului unui script n interiorul

unui comentariu HTML?
9.3 Cum i cnd se execut un script ntr-o pagin WEB
Scripturile se pot executa fie la ncrcarea paginii, dac scriptul este

definit n seciunea <BODY> fie la apariia unui eveniment care are
asociat un script.
Una din cele mai importante faciliti oferite de JavaScript este

posibilitatea de a detecta anumite evenimente care au loc n pagin
i de a reaciona la acestea.
Exemple de astfel de evenimente pot fi: trecerea cu cursorul mouse-
ului peste un anumit obiect (hyperlink, imagine, buton etc. ) ,
ncrcarea paginii, descrcarea paginii, apsarea unei taste etc.

Script Javascript
Majoritatea directivelor pot fi configurate s rspund la astfel de

evenimente prin executarea unui script JavaScript la producerea
acestuia.
Hai sa vedem ce scriem pentru ca o imagine s declaneze execuia

unui script JavaScript atunci cnd utilizatorul trece cu cursorul
mouse-ului pe deasupra imaginii:
<HEAD>
function mesajIepuras()
{
alert(Salut! Sunt iepurasul pinki!)
}
</SCRIPT>
</HEAD>
<BODY>
...
ALT="Bugs Bunny"
onMouseOver="mesajIepuras();">
...
n browser la ncrcarea paginii va fi ncrcat imaginea iar n

momentul n care cursorul mouse-ului va trece peste imagine va fi
afiat o fereastr cu mesaj ca n figura de mai jos:
Figura 9.1 Exemplu declanare execuie script
De ce a aprut mesajul? Deoarece la definirea directivei IMG mai

sus am adugat atributul onMouseOver care are ca valoare numele
unei funcii JavaScript.
Asemntor pentru fiecare tip de eveniment exist un atribut asociat.

Dac unul din aceste atribute este definit n cadrul directivei HTML,

Script Javascript
iar evenimentul asociat are loc la un anumit moment dat atunci se va

executa funcia JavaScript definit de valoarea atributului.
Atribute Acest tip de atribute se numesc Atribute Event Handler. n limba

Event romn aceasta se poate traduce prin atribute pentru procesarea
Handler evenimentelor. Pentru majoritatea directivelor HTML se pot defini
astfel de atribute asociind astfel un script care s fie executat la
apariia evenimentului. Exist doar cteva excepii de directive care
nu suport astfel de atribute, acestea sunt: <HEAD>, <BODY>,
<BASEFONT>, <FONT>, <BR>, <HTML>, <SCRIPT>, <TITLE>,
<APPLET>, <SCRIPT> i <FRAME>
Execuia scriptului declanat poate consta n simpla afiare a unui

mesaj ca mai sus sau poate fi o prelucrare complex de date
introduse de ctre utilizator.
9.2 Cnd se execut un script JavaScript ntr-o pagin WEB?
a> La ncrcarea paginii

b> La apariia unui eveniment
c> la cererea vizitatorului paginii WEB
d> la o anumita ora stabilita de ctre vizitatorul paginii
WEB
9.4 Atribute de tip Event Handler
Mai jos vom enumera cele mai utilizate atribute Event Handler
suportate de ctre directivele HTML, nsoite de o scurt explicaie
pentru fiecare n parte. Pentru o list complet a acestor atribute
consult una din lucrrile din bibliografia acestei Unitii de nvare.
Unele evenimente apar mai rar i nu pot fi asociate dect anumitor

directive. Pentru acestea vom enumera directivele care le suport.
Directive onClick Evenimentul apare atunci cnd utilizatorul execut un

suportate click de mouse pe elementul respectiv. Este suportat
de majoritatea directivelor.
onDblClick Evenimentul apare atunci cnd utilizatorul
execut un dublu click de mouse pe elementul
respectiv. Este suportat de majoritatea directivelor.
onMouseOver Evenimentul apare atunci cnd utilizatorul
trece cu cursorul mouseului pe deasupra elementului.
Este suportat de majoritatea directivelor.

Script Javascript
onSubmit Evenimentul apare atunci cnd exist un formular

n pagin n momentul n care utilizatorul apas un
buton de tip submit (Trimite). Directivele care
suport acest atribut sunt <FORM> i <BODY>.
onReset Evenimentul apare atunci cnd exist un formular n
pagin n momentul n care utilizatorul apas un buton
de tip reset (Anuleaz). Directivele care suport
acest atribut sunt <FORM> i <INPUT>.
onKeyPress Evenimentul apare atunci cnd utilizatorul apas
o tast. Este suportat de majoritatea directivelor.
9.3 Ce rol au atributele Event Handler?
1. S se realizeze un tabel HTML cu urmtoarele caracteristici:

1. tabelul s fie centrat i s ocupe 50% din lungimea
ferestrei browserului
2. S aib 4 rnduri
3. S aib 3 colane
4. Datele pe coloana 1 s fie aliniate la stnga
5. Datele pe coloana 2 s fie centrate
6. Datele pe coloana 3 s fie aliniate la dreapta
Predai fiierul HTML n format electronic ca rezultat al

rezolvrii lucrrii de verificare
Pe lng informaiile prezentate n manual se poate utiliza

reperul bibliografic numrul 2 i 3 din bibliografia unitii de
nvare nr.7.
Nr. de puncte 9 :
1 3p, 2 1p, 3 1p, 4 1p, 5 1p, 6 1p
2. Realizai un formular HTML care s poat fi folosit la un

sondaj de opinie (alege singur subiectul). Acesta trebuie s
conin cmpuri textbox, butoane radio i liste de selecie

Script Javascript

nvare nr.8.
Nr. de puncte 8 (2p utilizarea directivei FORM, 2p -utilizarea

cmpuri de tip textbox, 2p utilizarea cmpuri de tip buton
radio; 2p - utilizarea cmpurilor de tip list de selecie )
3. Realizai o pagin HTML care s conin o directiv HTML

<A> care s aib urmtorul comportament: cnd utilizatorul
execut dublu-click pe acest hyperlink s se afieze mesajul
De doua ori click! ntr-o fereastr separat (o fereastr de tip
dialog). Pentru aceasta se va utiliza JavaScript i atribute de tip
Event Handler.


nvare.
Nr. de puncte 8 (4p pentru definirea corect a atributului

EventHandler pentru directiva <A>, 4p definirea i folosirea
secvenei JavaScript pentru afiarea mesajului)

Script Javascript
ntrebarea 9.1.
Este recomandat definirea scripturilor n interiorul comentariilor
HTML pentru cazurile n care browserul cu care este vizualizat
pagina nu suport JavaScript. n aceste cazuri browserul va afia
textul scriptului n loc s l execute. Pentru a preveni afiarea
scriptului n pagin acesta trebuie introdus n interiorul unui
comentariu HTML. A se revedea seciunea 9.2.
ntrebarea 9.2.
Un script Java Script se execut la ncrcarea paginii dac acesta
este definit n interiorul directivei<BODY> sau la apariia unui anumit
eveniment. Variante corecte de rspuns: a) i b). A se revedea
seciunea 9.3.
ntrebarea 9.3.
Atributele Event Handler au rolul de a defini aciunea (scriptul) care
se va executa n momentul apariiei unui eveniment. Consultai
seciunea 9.4.

acestora.
Bibliografie
1. Richard Wagner, R.Allen Wyke Java Script, Editura Teora
2000, pg.47-59, 64-76
2. Mihaela Brut, Sabin Buraga - Prezentari multimedia pe Web.
Limbajele XHTML + TIME i SMIL Editura Polirom 2003, pg.
13-22, 30-33
3. Clin Ioan Acu Optimizarea paginilor Web, Editura Polirom
2003, pg.182-267

Executabile si multimedia in pagina WEB

EXECUTABILE I MULTIMEDIA N PAGINA WEB
10.1 Java i Java APPLET 104
10.2 Obiecte ACTIVE X 106
10.3 Fiiere multimedia n pagina WEB 107
10.4 Adugarea clipurilor multimedia la o pagin Web 108
Bibliografie 110

Obiectivele Unitii de nvare Nr.10:
Ce este un Applet Java

Cum se folosete un applet Java ntr-o pagin WEB
Ce este un obiect Active X
Cum se folosete un obiect Active X ntr-o pagin
WEB
Ce sunt i cum se pot folosi fiierele multimedia ntr-o
pagin Web
10.1 Java i Java APPLET
Java este un limbaj de programare dezvoltat de compania Sun

Java
Microsystems. Este un limbaj care ofer ntreg suportul pentru
programarea orientat pe obiecte i a fost creat cu scopul de putea
fi utilizat fr nici un fel de diferen pe orice sistem care suport
Java (cross-platform). Un alt mare avantaj al limbajului Java este
faptul c programele scrise n Java i compilate pentru un sistem de
Avantaj
operare vor rula fr a fi recompilate pe orice alt sistem de operare
care suport Java. Acest lucru este posibil deoarece programele
Java nu ruleaz folosind direct resursele oferite de sistemul de
operare ci ruleaz ntr-un alt program numit Java Virtual Machine
care se traduce prin Maina Virtual Java.
n literatura de specialitate se face referire la ea prin acronimul su -
JVM.
Dup cum i spune i numele acest program creeaz un mediu
virtual n care un program Java poate rula.
APPLET Programele Java pot fi folosite ntr-o pagin Web sub form de
Java APPLET Java. Un applet Java este un program executabil ntr-un
JVM. Aceste programe se gsesc n fiiere cu extensia .class, i pot
fi incluse direct n pagina Web folosind directiva HTML <APPLET>
mpreun cu directiva <PARAM> dup cum vom vedea mai jos.
Browserele care suport Java creeaz un astfel de mediu pe care

programele Java de tip APPLET pot s l foloseasc pentru a rula.
Dar atenie nu toate browserele suport Java! i deci la realizarea

unei pagini de Web trebuie inut cont de acest lucru.

<APPLET> <PARAM>
Introduce un Applet Permite setarea
Java n pagin unui parametru de
intrare pentru un
Atribute: applet
CODE
CODEBASE Atribute:
ALIGN NAME
WIDTH VALUE
HEIGHT
Directiva de sfrit:
Directiva de sfrit: </PARAM> OPTIONAL
</APPLET> OBLIGATORIE
Pai folosii Paii pentru a introduce un applet Java ntr-o pagin Web sunt
urmtorii:
Pasul 1: Fiierul .class ce conine appletul Java va trebui copiat n

directorul care se afl fiierul HTML, sau n directorul specificat de
ctre atributul CODEBASE.
Pasul 2: Appletul Java aflat n fiierul .class va fi introdus n pagina

Web folosind directiva HTML <APPLET>. Exemplul de mai jos
ilustreaz modul n care se poate introduce ntr-o pagin HTML un
simplu applet Java fr parametrii de intrare:
<APPLET CODE=appletulmeu.class
WIDTH=300
HEIGHT=200>
</APPLET>
Dac appletul are nevoie de anumii parametrii de intrare pentru a

rula acetia pot fi specificai cu ajutorul unui set de directive
<PARAM> n interiorul elementului <APPLET> ca n exemplul de mai
jos unde apletul primete ca parametrii de intrare un nume i o
parol:
<APPLET CODE=appletulmeu.class
WIDTH=300
HEIGHT=200>
<PARAM NAME=nume VALUE=ana>
<PARAM NAME=parola VALUE=bu12cc>
</APPLET>
Hai s vedem ce semnificaie are i unde poate fi folosit fiecare

atribut n parte:

Atributul CODE specific numele fiierului .class sau .jar care

Atributul conine codul executabil al applet-ului Java folosit. Acest parametru
CODE este obligatoriu.
Atributul Atributul CODEBASE specific locaia unde poate fi gsit fiierul

CODEBASE specificat de atributul CODE. Dac acest atribut lipsete fiierul
.class va fi cutat n directorul unde se afl documentul HTML.
Atributele Atributele WIDTH i HEIGHT specific dimensiunea pe orizontal

WIDTH si respectiv pe vertical a spaiului rezervat de browser pentru afiarea
HEIGHT appletului. Este recomandat specificarea acestor atribute pentru ca
appletul s afieze datele corect.
Pentru directiva <PARAM> atributul NAME este folosit pentru a

specifica numele, iar atributul VALUE pentru a specifica valoarea
parametrului de intrare care va fi transmis appletului.
Appleturile Java extind posibilitile oferite de HTML i/sau browser

permind realizarea unor pagini puternic interactive, cu interfa
grafic ce nu ar putea fi n mod normal creeat cu facilitile puse la
dispoziie de ctre limbajul HTML.
10.1 Un applet Java ruleaz pe calculatorul client sau ruleaz pe

server i prezint doar rezultatul n fereastra browserului?
10.2 Obiecte ACTIVE X
Active X este o tehnologie dezvoltat de ctre compania Microsoft

care permite adugarea unor componente executabile n pagina
WEB. Obiectele sau controalele Active X sunt asemntoare cu un
applet Java. Spre deosebire de acestea, ns, pot avea un control
mult mai puin restricionat asupra mainii pe care ruleaz, ceea ce
poate fi perceput ca o problem de securitate de ctre anumii
utilizatori.
Avantaj Marele avantaj al obiectelor Active X fa de appleturile Java este

c sunt transferate de la server o singur dat. Dup ce au fost
transferate ele devin parte integrant din sistemul de operare.
Execuiile ulterioare ale obiectului se vor face astfel rapid. Datorit
acestui avantaj i al altor caracteristici, Active X este folosit n special

pentru aplicaiile grafice livrate ctre utilizator prin intermediul

browserului.
Marele dezavantaj al obiectelor Active X este c acestea nu pot rula

Dezavantaj dect pe un calculator care ruleaz sistemul de operare Windows.
Controalele Active X pot fi dezvoltate folosind diferite limbaje de

programare, cum ar fi Microsoft Visual Basic, Microsoft Visual C++, i
chiar Java.
Un control Active X poate fi adugat ntr-o pagin Web folosind

directiva HTML <OBJECT> n mod similar cu directiva APPLET
pentru appleturi Java. Ca i n cazul elementului APPLET parametrii
de intrare pot fi specificai utiliznd directiva <PARAM>.
10.3 Fiiere multimedia n pagina WEB
Fiierele multimedia sunt fiiere care conin sunete, secvene

muzicale, sau chiar clipuri video. Acestea sunt din ce n ce mai
folosite n paginile Web.
n momentul n care browserul detecteaz un fiier multimedia fie va

lansa un program extern fie va folosi o facilitate intern (plug-in)
pentru a v rula clipul multimedia aflat n fiierul respectiv. Ce
program extern va folosi pentru a rula clipul multimedia depinde de
mai muli factori, precum tipul sistemului de operare sau tipul i
versiunea browserului. De aceea n calitate de creator al unei pagini
web nu poi controla direct programul n care va rula clipul
multimedia pe care l oferi n pagin.
Exist dou metode de a livra coninutul fiierelor multimedia ctre

Metode browserul unui utilizator:
Metoda static sau non-streaming caz n care fiierul

multimedia trebuie s fie complet descrcat pe calculatorul
utilizatorului nainte ca acesta s fie rulat.
Metoda dinamic sau streaming caz n care clipul coninut de
un fiier este rulat aproape imediat ce a fost referit transferul
restului de fiier fcndu-se pe msur ce clipul este rulat.
Avantajul primei metode este c nu necesit existena nici unui

Avantaj program pe partea de server care s fac posibil rularea clipului.
Principalul dezavantaj al acestei metode este c n cazul n care

Dezavantaj
dimensiunea fiierelor este mare, durata de transfer crete foarte
mult i deci si timpul pn cnd clipul poate fi rulat. De asemenea
datorit faptului c fiierul ajunge direct pe calculatorul utilizatorului
face mai dificil pentru creatorii acelor clipuri s i protejeze drepturile
de autor asupra unor lucrri.

Pentru a nltura aceste dezavantaje majore a fost dezvoltat

Streaming metoda dinamic de transfer a fiierelor multimedia referit n
literatura de specialitate cu termenul de streaming. Aceast
tehnologie presupune existena urmtoarelor componente software:
Streaming server este o component care gestioneaz

cererile de streaming pentru diferite formate multimedia de la
mai muli utilizatori simultan, folosind n mod eficient resursele
calculatorului server.
Encoder Este o component software care convertete un
fiier dintr-un anumit format multimedia ntr-un format potrivit
pentru streaming.
Player - este o aplicaie software care ruleaz pe maina
utilizatorului i care are rolul de a realiza la cerere conexiunea
cu serverul de streaming i de a rula clipul servit de acesta.
Avantajele acestei metode sunt clare dup cum am descris mai sus
deoarece utilizatorul nu trebuie s atepte transferul complet al
Avantaje si
clipului multimedia nainte de a putea s-l vizioneze. Dezavantajele
dezavantaje
ns se leag de faptul c aceast metod necesit existena unui
server de streaming care este de obicei scump i destul de dificil de
configurat i meninut.
10.4 Adugarea clipurilor multimedia la o pagin Web
Pentru a include un clip multimedia ntr-o pagin Web se poate folosi

fie directiva <A> fie directiva <EMBED>. Fiierele multimedia audio
pot fi de asemenea rulate ca fundal sonor la o pagin Web cu
ajutorul unor comenzi JavaScript.
Prin urmare poi folosi o directiv simpl de tip ancor ca n exemplul

de mai jos:
<A HREF=audio/clipulmeu.avi>
No.1 clip (1.3Mo)
</A>
Atunci cnd utilizatorul selecteaz hiperlinkul de mai sus browserul

va transfera pe hardiskul local clipul respectiv i l va rula cu ajutorul
unei aplicaii externe sau folosind facilitile oferite de ctre browser
n acest sens.
Directiva Folosirea directivei <EMBED> ofer mai multe opiuni pentru rularea
EMBED clipurilor multimedia dect n cazul folosirii unui simplu hiperlink.
Browserul va afia n pagin n locul acestei directive o interfa
grafic ce va permite utilizatorului s controleze derularea clipului
s-l opreasc sau s-l reporneasc, s deruleze nainte i napoi etc.
Cu ajutorul atributelor directivei <EMBED> se poate configura ca

clipul s fie rulat automat, ori s poat fi rulat n bucl sau doar o
singur dat. Iat un exemplu de folosire a acestei directive:

<EMBED
SRC=http://www.siteulmeu.ro/clip1.wav>
Singurul atribut obligatoriu pentru aceast directiv este SRC

Valoarea lui reprezint URL-ul unde se afl clipul multimedia care se
dorete a fi rulat n pagin.
Atributele WIDTH i HEIGHT permit definirea dimensiunilor interfeei
grafice de control afiate n browser.
Atributul Atributul AUTOSTART poate lua una din valorile TRUE sau FALSE
AUTOSTART i specific browserului s ruleze la ncrcarea paginii clipul
specificat de atributul SRC.
Atributul Atributul LOOP poate lua una din valorile TRUE sau FALSE i
LOOP specific browserului s ruleze sau nu n bucl clipul specificat de
atributul SRC.
Atributul Atributul HIDDEN poate lua una din valorile TRUE sau FALSE i
HIDDEN specific browserului s afieze sau s nu afieze interfaa grafic de
control n pagina Web.
10.2 Realizai o pagin web care s includ clipul de la URL-ul

http://www.multamuzica.ro/melo1.wav care s fie rulat automat la
ncrcarea paginii i care s fie cntat n bucl

ntrebarea 10.1.
Un applet Java ruleaz ntotdeauna direct pe maina client dup ce a
fost transferat de la server. Acesta fiind unul din avantajele acestei
tehnologii pentru c n acest fel serverul este eliberat de anumite
sarcini. n acelai timp, ns poate fi i un dezavantaj pentru cazurile
n care maina client nu este destul de puternic. Consultai
seciunea 10.1.
ntrebarea 10.2.
Codul HTML corespunztor pentru a include acest clip este:
<EMBED
SRC=http://www.multamuzica.ro/melo1.wav
LOOP=TRUE
AUTOSTART=TRUE
>

acestora.
Bibliografie
1. Cioata Mihai ActiveX. Concepte i aplicaii Editura Polirom,

pg.95-102, 174-175
2003, pg.95-99, 144-156
3. Mihaela Brut, Sabin Buraga - Prezentari multimedia pe Web.
Limbajele XHTML + TIME i SMIL Editura Polirom 2003, pg.
13-22 i 233-247

XML i folosirea lui n pagina WEB

XML I FOLOSIREA LUI IN PAGINA WEB.
11.1 Introducere n XML 112
11.2 Caracteristici ale XML 113
11.3 Sintaxa XML 114
11.4 Modul de folosire a XML n pagina Web 116
Bibliografie 119

Obiectivele Unitii de nvare Nr.11:
Ce este limbajul XML i la ce poate fi folosit

Ce este i care este structura unui document XML
Cum poate fi folosit un document XML ntr-o pagin
HTML
11.1 Introducere n XML

Limbajul XML (eXtended Markup Language) este un nou limbaj de
adnotare, care este folosit intens de tehnologiile software actuale
pentru schimburi de informaii ntre diverse aplicaii din Internet sau
reele. n cazul n care aceste aplicaii funcioneaz conform unor
standarde diferite, XML este limbajul comun n care acestea pot
schimba informaii. Aceast facilitate este foarte important n cazul
comunicrii datelor ntre companii i firme. Dac este folosit XML nici
una din companii nu trebuie s cunoasc modul de structurare a
datelor n baza de date a partenerului ci doar s tie structura XML
de export a acestor date pentru a avea acces la informaiile
necesare.
XML nu este un nlocuitor al HTML, ci este mai degrab un

complement al acestuia. n vreme ce n cazul HTML atenia este
orientat spre modul n care trebuie s fie afiat informaia coninut
de directivele HTML, XML este realizat cu unicul scop de a oferi
suport pentru structurarea informaiilor.
La realizarea acestui limbaj s-au stabilit urmtoarele obiective:
XML va fi compatibil cu SGML (un alt limbaj de adnotare).

Documentele XML vor putea fi uor citite i interpretate de
ctre om.
Documentele XML vor putea fi proiectate i realizate uor.
Programele pentru a interpreta documentul XML trebuie s
poat fi realizate uor.
S fie destul de flexibil pentru a putea fi utilizat ntr-o gam
larg de aplicaii.
Limbajul XML Limbajul XML nu este conceput s ofere instruciuni pentru execuia
nu poate unor operaii, ci este conceput pentru a mpacheta informaia cu
executa nici o scopul de a fi trimis sau stocat. Pentru a face ceva cu aceste date
operaie cineva trebuie s scrie un program ntr-un limbaj de programare
oarecare care s interpreteze aceste date i s le foloseasc ntr-un
anume scop.

Iat un exemplu de fiier XML:
<?xml version="1.0" encoding="iso-8859-1" ?>

<articol>
<titlu>
Impozitarea tranzactiilor imobiliare
</titlu>
<descriere>
Terenurile sunt din ce in ce mai
scumpe in Capitala dupa ce ...
</descriere>
<URL>
http://stiri.ro/articol123.html
</URL>
</articol>
<articol>
...
</articol>
n exemplul de mai sus se constat c este vorba despre un

document XML care ar putea fi folosit de o aplicaie ce afieaz
revista presei. Documentul XML din exemplul de mai sus conine
informaii despre articolele disponibile n ziarele de azi
Nume articol - <titlu>

O scurt descriere - <descriere>
Locaia unde poate fi gsit acest articol - <URL>
Se vede c n acest document sunt prezente numai informaii cu

privire la structura sau tipul datelor i bineneles datele propriu-zise.
Acestea vor putea fi folosite de ctre o aplicaie care s afieze
revista presei folosind datele din acest document XML care ar putea
fi transmise periodic de la un server.
11.2 Caracteristici ale XML
Principalele caracteristici ale XML sunt:
o XML nu are directive predefinite, acestea vor fi realizate n

momentul proiectrii documentului XML n funcie de scopul
acestuia i tipul sau structura datelor.
o Pentru descrierea directivelor folosite, XML utilizeaz un set
de reguli denumit DTD (Document Type Definition) sau o
schem XML. mpreun cu aceast schem se spune despre
XML c este autodescriptiv.
o Documentul XML trebuie s respecte strict regulile definite n
DTD pentru a fi un document valid.

o Documentele XML au o structur strict (Well-formed). Asta

nseamn c documentul trebuie s respecte anumite reguli
de sintax prezentate n Unitatea de nvare urmtoare.
o XML este un limbaj de adnotare complementar cu HTML i
NU nlocuiete HTML. Cele dou limbaje, dup cum s-a
artat, au scopuri distincte: HTML afieaz informaii ce apar
n pagin Web, n timp ce XML descrie aceste informaii.
11.3 Sintaxa XML

Un document XML este format din dou blocuri principale astfel:
Antetul documentului care cuprinde la rndul su:

o Declaraia XML Se afl ntotdeauna pe prima linia a
documentului i conine informaii despre versiunea
XML i standardul de codificare al caracterelor.
o Declaraia DTD care conine informaii despre
structura documentului. Documentul este verificat dac
este valid sau nu conform cu aceast declaraie
Documentul XML propriu-zis Un document XML are o
structur arborescent avnd un singur element rdcin
marcat de o pereche de directive XML. Toate celelalte
elemente sunt descendeni i coninute n interiorul
elementului rdcin Un element poate conine la rndul su
alte subelemente.
Un exemplu complet:
<? xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE mesaj [
Declaraia <!ELEMENT email (destinatie,sursa,mesaj)>
XML <!ELEMENT destinatie (#PCDATA)>
<!ELEMENT sursa (#PCDATA)>
<!ELEMENT mesaj (titlu,continut)>
<!ELEMENT titlu (#PCDATA)>
<!ELEMENT continut (#PCDATA)>
Declaraia
]>
DTD
<email>
<destinatie>Daniel</destinatie>
<sursa>Ana</sursa>
Elementul <mesaj>
rdcin <titlu>Intalnire diseara! </titlu>
<continut>
Ne intalnim diseara!
</continut>
</mesaj>
</email>
n exemplul de mai sus:

o Prima linie reprezint Declaraia XML,

o Este urmat de Declaraia DTD care conine reguli despre

structura documentului ntr-un anumit format
o Documentul XML propriu-zis are ca element rdcin
elementul reprezentat cu ajutorul directivei
<email></email>. Elementele care urmeaz marcate de
directivele <destinatie>, <sursa> i <mesaj> sunt
descendeni de rangul 1. Elementul <mesaj> are la rndul
su descendeni elementele marcate de directivele <titlu> i
<coninut>. Nivelul de imbricare poate continua att ct este
nevoie i nu sunt stabilite limite.
Directivele XML sunt identificatori pentru elementele XML i sunt

Directive plasate ca i n cazul directivelor HTML ntre paranteze ascuite < i
XML > Iat care sunt regulile pentru folosirea directivelor XML:
Orice directiv, ex. <directiv>, trebuie s aib o directiv pereche de

ncheiere ex </directiv>. Omiterea directivei de ncheiere nu este
permis ca n cazul unor directive HTML
Directivele XML sunt sensibile la scrierea cu majuscule sau litere
mici prin urmare directiva <Titlu> este diferit de directiva <titlu>.
n cazul n care se folosesc mai multe niveluri de imbricare ordinea
nchiderii directivelor trebuie s fie invers dect ordinea n care au
fost deschise.
Pentru elementele care nu conin text se poate folosi o alt
modalitate de definire a directivelor. Iat cum:
<directiva />
Se observ c s-a folosit un caracter / dup numele

elementului. n acest caz NU se mai specific directiva pereche de
ncheiere
Directivele XML pot avea atribute pentru a putea specifica informaii

Atribute
suplimentare despre acel element. Atributele sunt definite sub form
XML
de perechi nume-valoare. Valorile atributelor se scriu obligatoriu ntre
ghilimele ca n exemplul de mai jos:
...
<mesaj data=01/08/2005>
...
</mesaj>
...
n XML se pot folosi comentarii care au o sintax similar cu cea din

HTML, adic:
. Aceasta este pentru cazul
n care pagina este vizualizat ntr-un browser care nu suport foi de
stil, pentru a evita afiarea informaiilor din cadrul acestui element n
pagin.
O foaie intern de stil se poate aplica unui singur document HTML.

Aceasta poate modifica aspectul paginii pstrnd n acelai timp
nealterat coninutul documentului HTML.
Cea mai puternic metod de folosire a foilor de stil este de a le

Foi defini pe toate n interiorul unui fiier separat la care s se fac
externe referire n toate documentele HTML care vor folosi acest stil. Aceste
de stil foi de stil poart denumirea de foi externe de stil, iar pentru referirea
lor exist dou modaliti.
Legarea Legarea (linking) Este cea mai des folosit metod i const n
folosirea directivei <LINK>. Aceast directiv se definete n
interiorul headerului .
<LINK>

Foi de stil
Funcionalitate:
Import o foaie de stil dintr-un fiier
Atribute:
HREF
REL
TYPE
Directiva de sfrit:
</LINK> OBLIGATORIE
Iat un exemplu de folosire a acestei directive pentru importarea unei

foi de stil definit ntr-un fiier stilulmeu.css extern aflat n acelai
director cu documentul HTML:
<HEAD>
<LINK
REL="STYLESHEET"
HREF="stilulmeu.css"
TYPE="text/css">
</HEAD>
Atributul
Atributul REL Definete relaia dintre documentul HTML i fiierul
REL
cu care se face legtura o foaie de stil: STYLESHEET.
Atributul
Atributul HREF Reprezint URL-ul fiierului care conine
HREF
declaraiile de stil.
Atributul Atributul TYPE Definete formatul fiierului ce conine informaiile

TYPE de stil. Se folosete valoarea text/css.
Import O metod alternativ pentru folosirea foilor externe de stil

este folosirea directivei <STYLE> mpreun cu declaraia @import
dup cum este artat n exemplul de mai jos:
<STYLE
TYPE="text/css">

</STYLE>
Declaraia @import trebuie s fie nainte de orice alt declaraie de

stil.

Foi de stil
12.3 Enumerai metodele de adugare a informaiilor de stil ntr-o

pagin HTML.
12.4 Proprieti CSS
O foaie de stil este compus dintr-un set de instruciuni de afiare.

Fiecare instruciune este la rndul su compus dintr-un selector
care identific elementul cruia i se aplic stilul i o declaraie care
definete modul n care va fi afiat elementul respectiv. O declaraie
este o colecie de proprieti CSS.
O proprietate CSS este o construcie de forma nume/valoare. CSS

mparte aceste proprieti in cteva categorii principale. Vom
enumera aceste categorii i vom trece n revist proprietile din
fiecare categorie n parte. Pentru o list complet a proprietilor
disponibile recomandm consultarea materialelor din bibliografie.
Proprietati
Proprieti ale fontului - Aceste proprieti definesc aspectul grafic al
ale
textului afiat. Majoritatea modific caracteristicile fontului cu care
fontului
este afiat textul. Iat cteva exemple de astfel de proprieti:
font-family definete tipul fontului folosit pentru afiarea

textului
font-size definete dimensiunea fontului folosit pentru
afiarea textului
font-style definete modul de afiare a fontului: bold,
italic, subliniat
Exemplu de utilizare
P {font-family: Arial;
font-size: 14pt;
font-style: italic
}
Proprietati Proprieti pentru text - Aceste proprieti definesc modul de aliniere,

pentru text i spaiere la afiarea unui text. Iat cteva exemple de astfel de
proprieti:
letter-spacing definete dimensiunea spaiului ntre litere

text-align definete modul de aliniere al textului

Foi de stil
text-intend definete spaiul folosind pentru intendarea

textului
Exemplu de utilizare:
P {letter-spacing: 0.1em;
text-align: center
text-intend: 5em
}
Proprietati Proprieti pentru spaierea elementelor - Aceste proprieti sunt
pentru folosite pentru a definii spaiul dintre elemente HTML, marginile
spatierea acestora i alte aspecte privind poziionarea lor. Iat cteva exemple
elementelor de astfel de proprieti:
padding-top definete dimensiunea spaiului ce va fi pus

ntre coninutul elementului i marginea superioar
padding-right - definete dimensiunea spaiului ce va fi pus
ntre coninutul elementului i marginea dreapt
padding-left similar cu padding-right pentru stnga.
Proprietati Proprieti pentru definirea culorilor:

pentru
definirea color - Aceast proprietate este folosit pentru a defini
culorilor culoarea textului din cadrul elementului specificat de ctre
selector. Culoarea poate fi specificat fie prin codul RGB, fie
prin numele predefinit.
Proprieti pentru definirea fundalului - Aceste proprieti sunt folosite

Proprietati
pentru a definii caracteristicile fundalului pentru elementul specificat
pentru
de ctre selector. Iat cteva exemple de astfel de proprieti:
definirea
fundalului
background-color definete culoarea fundalului
backround-image definete imaginea ce va fi afiat ca
fundal.
Lucrare de verificare a Unitilor de nvare Nr. 10, 11, 12
1. Realizai o pagin Web care s includ un applet Java al crui

cod se afl n fiierul film.class. Appletul are deja scris codul
pentru a rula un film de la un anumit URL ns acest URL trebuie
transmis ca parametru de intrare. Poziionai appletul n centrul
paginii.
Ca ajutor suplimentar n rezolvarea lucrrii se recomand

Foi de stil
utilizarea reperului bibliografic numrul 1 din bibliografia unitii de

nvare nr.10.
Nr. puncte: 9 (4p. utilizarea corect a directivei APPLET, 3p -
utilizarea atributului PARAM, 2p - poziionarea apletului pe centrul
paginii )
2. Realizai un document XML care s descrie i s conin

informaii despre produsele unui magazin, precum: Nume produs,
descriere, pre, cantitate etc. Realizai pe urm un document
HTML care s afieze aceste date din fiierul XML sub form de
tabel.
Predai documentele n format electronic (un fiier HTML i un
fiier XML) ca rezultat al rezolvrii lucrrii de verificare.

nvare nr.11.
Nr. puncte: 8 (4p realizarea corect a fiierului XML, 4p

realizarea fiierului HTML care s afieze informaiile din cadrul
documentului XML)
3. Definii un fiier stilulmeu.css pe care s l folosii pentru a

construi o pagin HTML care s formateze elementele folosind
foaia de stil din fiierul stilulmeu.css. Stilurile definite n acest fiier
trebuie s afecteze urmtoarele elemente din pagina HTML:
H1, H2 , H3 s fie scris cu font Veranda cu culoarea
galbena
Textul din documentul HTML s fie scris cu font de
dimensiunea 10pt, culoarea textului s fie alb, iar
culoarea de fundal s fie neagr.
Predai fiierul stilulmeu.css precum i documentul HTML n format
electronic ca rezultat al rezolvrii lucrrii de verificare
nvare.
Nr. puncte: 8 (5p definirea corect n cadrul foii de stil a

atributelor cerute, 3p folosirea foii de stil in cadrul documentului
HTML)

Foi de stil
ntrebarea 12.1.
Principalul avantaj este separarea informaiilor de formatare de

structura documentului HTML i posibilitatea modificrii modului de
afiare a paginii fr a intervenii n documentul HTML. Pentru
nelmuriri revedei seciunea 12.1.
ntrebarea 12.2.
Un selector, este acea parte dintr-o regula CSS care identific

elementul HTML pentru care se specific modul de afiare. A se
revedea seciunea 12.2.
ntrebarea 12.3.
Informaiile de stil pot fi adugate ntr-un document HTML folosind

una din cele 3 metode: adugarea informaiilor inline, folosirea foilor
interne de stil, folosirea foilor de stil definite ntr-un fiier extern.

acestora.
Bibliografie

2003, pg. 35-73
4. Richard Wagner, R.Allen Wyke Java Script, Editura Teora
2000, pg.481-495

Bibliografie
BIBLIOGRAFIE
1. Clin Ioan Acu Optimizarea paginilor Web, Editura Polirom 2003

2. Cioata Mihai ActiveX. Concepte si aplicaii Editura: Polirom 2003
3. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i XML, Editura Printech
Bucureti 2004
4. Mihaela Brut, Sabin Buraga - Prezentari multimedia pe Web. Limbajele XHTML +
TIME i SMIL Editura Polirom 2003
5. McFedries Paul, Trad Voin, Doru Sorin Crearea paginilor WEB, Editura ALL 2003
6. Negrino Tom, Smith Dori - JavaScript pentru World Wide Web. Ghid de nvare
rapid prin imagini, Editura Corint 2004
7. Richard Wagner, R.Allen Wyke Java Script, Editura Teora 2000
8. Sabin Buraga Proiectarea siturilor Web. Design i funcionalitate, Ediia a II-a,
Editura Polirom 2002
9. T.Gugoiu HTML prin exemple, Editura Teora 2000
10. http://www.w3schools.com/default.asp

Anexa 1
ANEXA 1 Lucrri de laborator
Sesiunea de lucru de laborator L1
Setul de lucrri are ca structur aprofundarea i consolidarea

cunotinelor dobndite n cadrul Unitilor de nvare Nr.1 i 2.
Sesiunii de laborator i sunt alocate 4 ore. Se recomand a se
efectua sub supravegherea cadrului didactic.
Pentru efectuarea laboratorului este necesar utilizarea unui editor de

texte, spre exemplu: Windows Notepad, i a unui program de
navigare internet: Internet Explorer
Obiectivele acestei sesiuni de lucru sunt:

nsuirea unor noiuni de baz din domeniul reelelor de
calculatoare
nsuirea pailor necesari ntr-un ciclu de realizare-vizualizare
rezultat, pentru o pagin Web
nsuirea regulilor de sintax pentru directivele HTML
nsuirea modului de definire a culorilor pentru elementele
HTML
n cadrul lucrrii de laborator numrul 2 se recomand efectuarea

urmtoarelor tipuri de activiti:
Discuie pe tema noiunilor introduse n Unitatea de nvare

numrul 1 cu scopul de a clarifica nelmuriri n ceea ce
privete arhitectura World Wide Web sau Internet
Efectuarea unui exerciiu la calculator, asistat de tutore pas cu
pas care s urmreasc clarificarea pailor necesari ntr-un
ciclu de realizare-vizualizare rezultat, pentru o pagin WEB
Discuie despre structura de baz a unui document HTML
(schelet) i despre reguli ce privesc sintaxa directivelor HTML
Efectuarea unui exerciiu la calculator care s urmreasc
definirea i utilizarea corect a culorilor ntr-un document
HTML

cunotinelor dobndite n cadrul Unitilor de nvare Nr.3 i 4.

Anexa 1


Definirea i folosirea titluri i paragrafe n HTML
Definirea i folosirea directivelor HTML pentru formatare
logic
Definirea i folosirea directivelor HTML pentru formatare fizic
Definirea i folosirea listelor n limbajul HTML

Discuie pe tema formatrii textelor HTML n care se vor

clarifica noiunile nsuite n Unitatea de nvare numrul 3
legate de formatare textelor cu ajutorul HTML
nsuirea noiunilor i tehnicilor de formatare a textelor HTML.
Discuie pe tema celor 3 tipuri de liste HTML n care se vor
clarifica noiunile nsuite n Unitatea de nvare numrul 4
legate de utilizarea listelor HTML
nsuirea modului de definire a listelor in limbajul HTML.

cunotinelor dobndite n cadrul Unitilor de nvare Nr. 5, i 6.


nelegerea conceptelor de Hypertext, Hyperlink i URL
Definirea i folosirea legturilor n cadrul paginilor Web
nelegerea formatelor grafice folosite in Web
nelegerea modului de adugare i utilizare a imaginilor ntr-o
pagina Web

Discuie teoretic pe marginea conceptelor de Hypertext,

Hyperlink i URL. Se va urmri clarificarea acestor concepte,

Anexa 1
i nelegerea modului de folosire al acestor concepte n

cadrul paginilor WEB
nsuirea noiunilor i tehnicilor de utilizare a linkurilor n
cadrul paginilor HTML.
Discuie asupra tipurilor de formate grafice folosite pentru
realizarea paginilor WEB, avantajele i dezavantajele fiecrui
tip de format.
Discuie teoretic pe tema utilizrii imaginilor n cadrul
paginilor WEB cu scopul clarificrii noiunilor din cadrul Unitii
de nvare numrul 6
nsuirea modului de folosire a imaginilor, integrare, aliniere,
dimensionare n pagina HTML

cunotinelor dobndite n cadrul Unitii de nvare Nr.7


nelegerea modului de realizare i de configurare al tabelelor
HTML
Explicarea prilor componente ale unui tabel HTML i a
modului n care proprietile acestora pot fi schimbate
Prezentarea diferitelor moduri de folosire a tabelelor n pagina
HTML
In cadrul lucrrii de laborator numrul 4 se recomand efectuarea

Explicarea modului de utilizare a tabelelor i clarificarea

noiunilor prezentate n Unitatea de nvare numrul 7.
nsuirea modului de definire i folosire a tabelelor HTML

cunotinelor dobndite n cadrul Unitii de nvare Nr. 8.

Anexa 1



Clarificarea conceptului de formular HTML
Explicarea modului de folosire al fiecrui tip de element din
cadrul unui formular HTML
nelegerea modului de folosire al formularelor HTML

Discuie asupra modului de utilizare a tabelelor i clarificarea

nsuirea modului de definire i folosire a formularelor HTML.
Exerciiul ar trebui sa acopere modul de folosire al fiecrui tip
de element din cadrul unui formular HTML

cunotinelor dobndite n cadrul Unitilor de nvare Nr. 9 i 10.

navigare internet: Internet Explorer, precum i accesul la
componente JavaApplets i/sau ActiveX.

nelegerea rolului limbajului JavaScript
Clarificare noiunilor de tip script pe partea de client,
Evenimente i tratarea acestora
nelegerea modului de folosire al JavaScript n cadrul unui
document HTML
Clarificarea aspectelor legate de folosirea executabilelor i
componentelor multimedia n pagina WEB


Anexa 1
Discuie asupra modului de utilizare a tabelelor i clarificarea

nsuirea modului de definire i folosire a formularelor HTML.
Exerciiul ar trebui sa acopere modul de folosire al fiecrui tip
de element din cadrul unui formular HTML
nsuirea modului de folosire al diferitelor tipuri de
componente multimedia i executabile n cadrul unei pagini
WEB

cunotinelor dobndite n cadrul Unitilor de nvare Nr. 11 i 12


Clarificarea noiunilor legate de XML precum definiii, sintax,
caracteristici
Clarificarea modului de folosire al XML n cadrul unei pagini
WEB, i a conceptului de separare a datelor utile de interfaa
grafic
Clarificarea noiunii de pagin de stil.
Evidenierea avantajelor folosirii paginilor de stil

Discuie asupra conceptelor de baz XML i clarificarea

noiunilor de baz
nsuirea noiunilor fundamentale ale limbajului XML.
Discuie asupra modului de utilizare al paginilor de stil n
cadrul unei pagini WEB
nsuirea modului de folosire al paginilor de stil

Anexa 1
Felicitri pentru parcurgerea acestui modul! Acesta reprezint un

prim pas in vastul domeniu al Internetului care este ntr-o continu
evoluie. Si acum va dorim succes n realizarea paginilor de WEB pe
care le vei realiza!

Ti 10

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ti 10

Uploaded by

Copyright:

Available Formats

Program postuniversitar de conversie profesional

pentru cadrele didactice din mediul rural

REALIZAREA PAGINILOR WEB

Ana Magdalena ANGHEL Adriana OLTEANU

Realizarea paginilor WEB

Ana Magdalena ANGHEL Adriana OLTEANU

Nici o parte a acestei lucrri

Proiectul pentru nvmntul Rural

Unitate Titlu Pagin

1 INTERNET I WORD WIDE WEB 4

3 FORMATAREA TEXTELOR IN LIMBAJUL HTML 23

4 LISTE N LIMBAJUL HTML 38

Proiectul pentru nvmntul Rural I

5 HYPERLINKS N LIMBAJUL HTML 49

6 FOLOSIREA IMAGINILOR N LIMBAJUL HTML 58

8 FORMULARE N PAGINA WEB 83

10 EXECUTABILE I MULTIMEDIA N PAGINA WEB 103

II Proiectul pentru nvmntul Rural

10.3 Fiiere multimedia n pagina WEB 107

11 XML I FOLOSIREA LUI N PAGINA WEB 111

12 FOI DE STIL 120

ANEXA 1 Lucrri de laborator 131

Proiectul pentru nvmntul Rural III

IV Proiectul pentru nvmntul Rural

Proiectul pentru nvmntul Rural

nc de la nceput doresc s i urez bun venit la studiul modulului,

Exist totui anumite cunotine specifice necesare parcurgerii

Dup studiul acestui modul vei fi suficient de pregtit pentru a fi

Proiectul pentru nvmntul Rural 1

Folosii un script ntr-o pagin WEB

Prezentul modul este n format tiprit fiind conceput pentru educaia

Manualul de fa este organizat n 12 uniti de nvare, fiecare

Instruciuni de transmitere a lucrrilor de verificare:

Modulul Realizarea paginilor WEB conine patru lucrri de verificare

2 Proiectul pentru nvmntul Rural

Instruciuni de ntocmire a lucrrilor de verificare:

Criteriile de evaluare si ponderile evalurii continue i final:

Notele pe care le vei obine la sfritul acestui modul se calculeaz

Testele de autoevaluare (TA) reprezint o form de autoevaluare a

La nceputul fiecrei Unitii de nvare vor fi detaliate obiectivele

Pe tot parcursul prezentrilor teoretice, importana anumitor

Paragrafele care conin testele de autoevaluare vor fi semnalizate

n cazul n care nu vei reui s rezolvai problemele propuse trebuie

Proiectul pentru nvmntul Rural 3

Unitatea de nvare Nr. 1

INTERNET I WORLD WIDE WEB

Obiectivele Unitii de nvare Nr.1 5

1.1 Introducere n Internet 5

1.2 Arhitectura World Wide Web 7

1.3 Editarea i vizualizarea unei paginii WEB 8

Rspunsuri i comentarii la ntrebrile din testele de evaluare 11

4 Proiectul pentru nvmntul Rural

Obiectivele Unitii de nvare Nr. 1:

Principalele obiective ale Unitii de nvare 1 sunt:

nsuirea unor noiuni de baz din domeniul reelelor

1.1 Introducere n Internet

nainte de a putea nelege ce nseamn i cum funcioneaz World

Ce este o reea O Reea de calculatoare este o colecie de calculatoare (zeci sau

Pentru a comunica ntre ele calculatoarele folosesc un set de reguli

Reelele de calculatoare locale pot fi la rndul lor interconectate ,

Definiia de mai sus este foarte general i mai necesit cteva

Internetul este un mijloc de comunicare este un mediu foarte

Proiectul pentru nvmntul Rural 5