Documente Academic
Documente Profesional
Documente Cultură
2006
TEHNOLOGIA INFORMAIEI
Adriana OLTEANU
Radu PIETRARU
2006
2006
ISBN 10 973-0-04551-8;
ISBN 13 978-973-0-04551-2.
Cuprins
Unitate
de nvare
Titlu
INTRODUCERE
Pagin
1
4
5
5
7
8
11
11
LIMBAJUL HTML
Obiectivele Unitii de nvare nr.2
2.1 Introducere n HTML
2.2 Sintaxa Directivelor HTML
2.3 Structura de baz a unui document HTML
Rspunsuri i comentarii la ntrebrile din testele de autoevaluare
Bibliografie Unitate de nvare nr.2
12
13
13
13
19
22
22
23
24
24
24
29
32
33
34
35
37
37
38
39
39
40
42
44
47
48
Cuprins
49
50
50
51
51
55
57
57
58
59
59
60
65
67
70
71
REALIZAREA TABELELOR
Obiectivele Unitii de nvare nr.7
7.1 Realizarea unui tabel simplu n limbajul HTML
7.2 Definirea proprietilor globale ale unui tabel HTML
7.3 Definirea rndurilor unui tabel
7.4 Definirea celulelor unui tabel
Rspunsuri i comentarii la ntrebrile din testele de autoevaluare
Bibliografie Unitate de nvare nr.7
72
73
73
75
78
79
82
82
83
84
84
86
88
90
93
93
SCRIPT, JAVASCRIPT
Obiectivele Unitii de nvare nr.9
9.1 Ce este JavaScript?
9.2 Inserarea unui JavaScript ntr-un document HTML
9.3 Cum i cnd se execut un script ntr-o pagina WEB
9.4 Atribute de tip Event Handler
Lucrare de verificare Unitate de nvare nr. 7, 8 i 9
Rspunsuri i comentarii la ntrebrile din testele de autoevaluare
Bibliografie Unitate de nvare nr.9
94
95
95
95
97
99
100
102
102
10
103
104
104
106
II
Cuprins
107
108
110
110
11
111
112
112
113
114
116
119
119
12
FOI DE STIL
Obiectivele Unitii de nvare nr.12
12.1 Foi de stil n HTML-CSS
12.2 Cum funcioneaz stilurile n HTML
12.3 Adugarea foilor de stil n documentele HTML
12.4 Proprieti CSS
Lucrare de verificare Unitate de nvare nr. 10, 11 i 12
Rspunsuri i comentarii la ntrebrile din testele de autoevaluare
Bibliografie Unitate de nvare nr.12
120
121
121
122
123
126
127
129
129
BIBLIOGRAFIE
130
131
III
Cuprins
IV
Introducere
Introducere
Introducere
11
Bibliografie
11
Care sunt
serviciile
Internet?
Pentru toate facilitile enumerate mai sus Internetul ofer mai multe
metode de access servicii Internet :
TCP/IP
protocolul
folosit n
Internet
Ce este o
adres IP?
Din ce este
format Web-ul?
Client
1.
Introduce
Utilizator
4.
Vizualizeaz
Web
Browser
3. Trimite
WEB
2. Trimite cerere
Internet
Web Site
{Fiiere HTML,
Imagini
Fiiere multimedia}
n Figura 1.1 este prezentat locul fiecrei entiti descrise mai sus
ca fiind parte din World Wide Web, i de asemenea ordinea etapelor
pentru accesul la resursele Web:
1. Utilizatorul introduce URL-ul care identific resursa Web
dorit n browserul care ruleaz pe calculatorul client,
10
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
11
Limbajul HTML
13
13
13
19
22
Bibliografie
22
12
Limbajul HTML
Definitie
Definitie
13
Limbajul HTML
<BODY BGCOLOR=red>
De obicei numele directivei este intuitiv fiind reprezentat de un cuvnt
sugestiv pentru funcia pe care o are.
Directive
HTML
pereche
Directiva
de sfrit
Atributele
Valoare
Atribut
Limbajul HTML
Caractere
speciale
15
Limbajul HTML
16
Limbajul HTML
#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
HTML
Imbricarea
directivelor
HTML
Va avea ca rezultat:
17
Limbajul HTML
Informaii
ignorate de
browser
18
spatii
Limbajul HTML
Test de autoevaluare
2.4 Ce sunt caracterele speciale i cum pot fi acestea folosite in
cadrul unui document HTML?
2.5 Identificai care din codurile de mai jos reprezint codul RGB
care specific culoarea roie :
a>
b>
c>
d>
19
Limbajul HTML
<HEAD>
Informaii generale despre documentul HTML
</HEAD>
<BODY>
Corpul principal al paginii
</BODY>
</HTML>
Directiva
HEAD
Directiva
BODY
20
Limbajul HTML
BGCOLOR=#FFFFFF TEXT=#FF0000
LINK=#0000FF VLINK=#FF00FF
ALINK=#00FF00>
</BODY>
Atributul BACKGROUND cu ajutorul acestui atribut al elementului
BODY se poate seta ca fundal pentru documentul HTML o imagine.
Imaginea specificat ca valoare a atributului trebuie s fie n format
.gif sau .jpg, i va fi poziionat astfel nct s acopere ntreaga arie a
paginii. Dac o singur imagine nu este destul de mare pentru a
satisface aceast condiie atunci aceasta va fi replicat i spaiul
rmas neocupat va fi umplut la dreapta i n jos cu aceste replici
pn cnd fereastra browserului este complet ocupat de imagine.
<BODY
BGCOLOR=#FFFFFF
BACKGROUND=logo.jpg>
21
Limbajul HTML
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.53-70
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.17-20, pg.28-29,
pg.48-49
22
24
24
24
29
32
33
34
35
37
Bibliografie
37
23
S definii
titluri i paragrafe n cadrul unui
document HTML
24
<HTML>
<HEAD>
<TITLE>
Exemplu titluri
</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">
Titlul H1 pozitionat central
</H1>
<H2>
Titlul de tip H2.
</H2>
<P>
Acesta nu este un titlu ci este text normal
</P>
<H3>
Titlul de tip H3.
</H3>
<H4 ALIGN="RIGHT">
Titlul H4 aliniat la dreapta
</H4>
<H5>
Titlul de tip H5.
</H5>
<H6>
Titlul de tip H6.
</H6>
</BODY>
</HTML>
Rezultatul va fi n browser de forma:
25
Directiva
<P></P>
26
Directiva
<BR>
27
28
<HR
NOSHADE
ALIGH=RIGHT
SIZE=10
WIDTH=20%>
Test de autoevaluare
3.1. Directiva <BR> se folosete :
a>
b>
c>
d>
linii
libere
29
Directiva
<FONT>
<P>
U
<FONT SIZE="+1">R
<FONT SIZE="+2">A
<FONT SIZE="+3">A
<FONT SIZE="+4">A
</FONT>
</FONT>
</FONT>
</FONT>
30
<P>
Ultimul cuvant are culoarea
<FONT COLOR="#0000FF" SIZE="5">
Albastra
<FONT>.
</P>
31
Test de autoevaluare
3.4 n ce cazuri este recomandat a se folosi directiva
<BASEFONT> n locul directivei <FONT>
32
Directiv
<B>
<BIG>
Funcionalitate
Afieaz textul ngroat
Afieaz textul cu o unitate mai mare dect
dimensiunea fontului de baz
<SMALL> Afieaz textul cu o unitate mai mic dect
dimensiunea fontului de baz
<I>
Afieaz textul nclinat.
<U>
Afieaz textul subliniat
<SUB>
Afieaz textul sub form de indice inferior
<SUP>
Afieaz textul sub form de indice superior
<TT>
Afieaz textul cu caractere teleprinter
<BLINK> Afieaz textul plpind
Toate directivele de formatare fizic de mai sus necesit specificarea
explicit a directivei pereche de sfrit.
33
34
35
36
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.71-82
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.20-27
3. T.Gugoiu HTML prin exemple, Editura Teora 2000
37
39
39
40
44
44
47
Bibliografie
48
38
39
<LI>
Funcionalitate:
Definete un element dintr-o
list
Atribute:
TYPE
VALUE
Directiva de sfrit:
</LI> este opional
Directiva <LI> este folosit att n cadrul listelor ordonate ct i
neordonate dup cum vom vedea n seciunile urmtoare.
Cum
definim
lista
<UL>
Funcionalitate:
Definete o list neordonat
Atribute:
TYPE
Directiva de sfrit:
</UL> este OBLIGATORIE
O list neordonat se definete folosind directiva HTML <UL>, iar
directiva de sfrit corespunztoare </UL> este obligatorie. nuntrul
acestui element fiecare element se specific folosind directiva <LI>.
Directiva de sfrit </LI> poate fi omis ns este recomandat ca
aceasta s fie totui specificat deoarece este util n cazul folosirii
stilurilor CSS despre care vom vorbii in unitatea de nvare 12.
<P> Acesta este un exemplu de lista neordonata:
<UL>
40
41
<OL>
Funcionalitate:
Definete o list ordonat
Atribute:
START
TYPE
Directiva de sfrit:
</OL> - OBLIGATORIE
O list ordonat are aceeai structur de baz ca o list neordonat.
Pentru a defini o list ordonat se folosete directiva <OL> nuntrul
creia fiecare element se specific folosind directiva <LI>.
<P> Acesta este un exemplu de lista ordonata:
<OL>
<LI>Primul element al listei</LI>
<LI>Al doilea element al listei</LI>
<LI>Al treilea element al listei</LI>
</OL>
</P>
42
Atributul TYPE.
Implicit numerotarea elementelor dintr-o list
ordonat se face automat folosindu-se cifre de tip arabice. Pentru a
modifica stilul de numerotare se poate folosi atributul TYPE n cadrul
directivei <OL>. Exist 5 tipuri de numerotare suportate. n funcie
de stilul de numerotare dorit se va specifica valoarea atributului
TYPE aa cum este specificat n tabelul de mai jos.
Valoare
atribut TYPE
A
a
I
i
1
Stilul generat
Litere majuscule
Litere mici
Cifre romane majuscule
Cifre romane mici
Cifre arabe
Exemplu
A, B, C, D...
a, b, c, d...
I, II, III, IV...
i, ii, iii, iv...
1, 2, 3, 4
43
fapt trebuie inut cont atunci cnd se folosesc mai multe nivele de
imbricare pentru liste.
Test de autoevaluare:
4.3 Cnd se folosesc listele ordonate n locul celor neordonate?
Dai cteva exemple de folosire.
<DL>
Funcionalitate:
Atribute:
COMPACT
Directiva de sfrit:
</DL> - OBLIGATORIE
O list de definiii este ncadrat de directiva pereche <DL>. n
interiorul acestor directive fiecare element al unei liste de definiii
este compus din 2 pri. Prima parte este un termen urmat n partea
a doua de definiia acestuia. Pentru definirea primei pari se folosete
directiva HTML <DT>, urmat de definiia acestuia care se face cu
ajutorul directivei <DD>.
n mod normal browserul plaseaz definiia termenului pe un rnd
nou, ns dac aceast definiie este foarte scurt (3 caractere) o va
plasa pe acelai rnd cu termenul.
44
<DT>
<DD>
Funcionalitate:
Funcionalitate:
Creeaz un termen
Creeaz o definiie
ntr-o list de definiii
pentru un termen
Atribute:
Nu are
Directiva de sfrit:
</DT> - opional
Atribute:
Nu are
Directiva de sfrit:
</DD> - opional
45
46
47
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.85-99
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.36-38
3. T.Gugoiu HTML prin exemple, Editura Teora 2000, pg.33-38
48
50
50
51
51
55
57
Bibliografie
57
49
Definitie
50
Componentele
URL-ului
51
<A HREF=URL>
Textul afiat cu care se face asocierea
</A>
Legturile vor fi afiate de ctre browser cu alt culoare i vor fi
scoase n eviden fa de restul textului, de obicei fiind subliniate.
Iat un exemplu de definire a unei legturi HTML:
...
<P>Definirea
<A HREF=http://www.invathtml.ro/despre_legaturi.html>
legaturilor HTML
</A>
este simpla!
</P>
...
<A>
Funcionalitate:
Creeaz o
ancor
legtur
sau
Atribute:
HREF
NAME
TITLE
TARGET
Directiva de sfrit:
52
Atributul
NAME
Atributul
HREF
53
Atributul
Target
54
Atributul
ACCESSKEY
55
Test de autoevaluare
5.2 Definii un hyperlink de tip imagine care s afieze un text
explicativ n locul imaginii n cazul n care imaginea nu poate fi
incrcat n browser.
56
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.100-108
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.29-32
3. T.Gugoiu HTML prin exemple, Editura Teora 2000, pg.65-74
4. Sabin Buraga Proiectarea siturilor Web. Design i
funcionalitate, Ediia a II-a, Editura Polirom 2002, pg. 23-30
57
59
59
69
65
67
70
Bibliografie
71
58
59
JPEG
<IMG>
Funcionalitate:
Introduce o imagine n pagin
Atribute:
SRC
ALT
ALIGN
BORDER
HEIGHT
WIDTH
HSPACE
VSPACE
Directiva de sfrit:
</IMG> este OPTIONAL
60
61
SRC="iepuras.gif"
ALT="Bugs Bunny"
ALIGN="left">
Un iepuras ... 9 x 9 x 19 h
<BR CLEAR=LEFT>
...
62
<IMG
SRC="iepuras.gif"
ALT="Bugs Bunny"
ALIGN="RIGHT">
Un iepuras ... 9 x 9 x 19 h
<BR CLEAR=RIGHT>
...
Va avea ca rezultat n browser:
...
Iepuras sus
<IMG SRC="iepuras.gif"
ALIGN="TOP">. Ce dragut este!
<BR CLEAR="ALL">
Iepuras la mijloc
<IMG SRC="iepuras.gif"
Proiectul pentru nvmntul Rural
63
64
Dimensiunea
imaginilor
Dimensiunea
spatiilor
65
<MAP>
<AREA>
Funcionalitate:
Funcionalitate:
Definete o hart de
Definete o suprafa
suprafee sensibile
sensibil n cadrul
unei hri
Atribute:
Atribute:
NAME
SHAPE
Directiva de sfrit:
COORDS
HREF
</MAP> este
NOHREF
OBLIGATORIE
Directiva de sfrit:
</AREA> este OPTIONAL
Iat paii pentru definirea suprafeelor sensibile pentru o anume
imagine:
SRC=imagine.gif
ISMAP
USEMAP=#harta>
Directiva
AREA
66
67
69
70
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.127-169
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.46-47
3. T.Gugoiu HTML prin exemple, Editura Teora 2000, pg.51-59
71
Realizarea tabelelor
73
73
75
78
79
82
Bibliografie
82
72
Realizarea tabelelor
73
Realizarea tabelelor
Pai
74
Realizarea tabelelor
Test de autoevaluare
7.1 Introducei un nou rnd n tabelul de mai sus
<TABLE>
Funcionalitate:
Definete un tabel
Atribute:
ALIGN
BORDER
BGCOLOR
WIDTH
HEIGHT
Directiva de sfrit:
</TABLE> este OBLIGATORIE
Atributul
ALIGN
Atributul
VALIGN
75
Realizarea tabelelor
Atributul
CELLSPACING
Atributul
Atributul CELLPADDING Specific spaiul minim n numr de pixeli
CELLPADDING dintre marginea unei celule i coninutul su. Implicit acest atribut
are valoarea de un pixel.
Toate atributele de mai sus se pot folosi n acelai timp pentru a
obine aspectul dorit pentru tabel.
Iat mai jos un exemplu de folosirea a acestor atribute. S-a folosit o
valoare intenionat exagerat pentru a identifica n figura rezultat
rolul fiecruia n parte. De asemenea n aceeai pagin a fost definit
un tabel pentru care aceste atribute nu au fost specificate i deci
pentru care browserul a folosit la afiarea lui valorile implicite.
76
Realizarea tabelelor
...
<TABLE BORDER="1">
<TR>
<TD>celula11</TD>
<TD>celula12</TD>
</TR>
<TR>
<TD>celula21</TD>
<TD>celula22</TD>
</TR>
</TABLE>
...
<TABLE
BORDER="15"
CELLPADDING="15"
CELLSPACING="15"
>
<TR>
<TD>celula11</TD>
<TD>celula12</TD>
</TR>
<TR>
<TD>celula21</TD>
<TD>celula22</TD>
</TR>
</TABLE>
...
BORDER
CELLPADDING
CELLSPACING
Figura 7.1 Exemplu folosire atribute pentru directiva TABLE
Atributele WIDTH i HEIGHT. n mod implicit browserul va
dimensiona tabelul n funcie de dimensiunea ferestrei browserului i
n funcie de dimensiunea coninutului tabelului. Dac este necesar
se poate specifica o dimensiune explicit a tabelului cu ajutorul
atributului WIDTH. Aceast dimensiune poate fi fie o valoare
absolut, adic un ntreg reprezentnd numrul de pixeli ocupai de
tabel pe orizontal, fie o valoare procentual caz n care browserul
va afia tabelul ocupnd procentul specificat din dimensiunea
ferestrei browserului.
77
Realizarea tabelelor
3
4
78
Realizarea tabelelor
<TR >
Funcionalitate:
Atribute:
ALIGN
VALIGN
BGCOLOR
NOWRAP
Directiva de sfrit:
79
Realizarea tabelelor
Atributul
COLSPAN
<TABEL>
<TR>
<TH COLSPAN="4">
Titlul principal
</TH>
</TR>
<TR>
<TD COLSPAN=4>
Subtitlul tabelului
</TD>
</TR>
<TR>
<TD>Col1</TD>
<TD>Col2</TD>
<TD>Col3</TD>
<TD>Col4</TD>
</TR>
</TABEL>
Rezultatul n browser va fi de
forma:
Realizarea tabelelor
Atributul
ROWSPAN
Si va avea ca rezultat n
browser:
81
Realizarea tabelelor
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.171-198
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.32-36
3. T.Gugoiu HTML prin exemple, Editura Teora 2000, pg.39-50
82
84
84
86
88
90
93
Bibliografie
93
83
S creeai un formular
S cunoatei elementele unui formular
S adugai elemente la un formular
S specificai o aciune pentru un formular
S nelegei ce nseamn CGI
84
1.
2.
3.
4.
5.
1. Completeaza
formular
Utilizator
2. Apasa buton
TRIMITE
3. Trimite formular
Browser
5. Trimite raspuns
WEB server
4. Prelucrare
informaii
Figura 8.1 Prelucrare formular la server
CGI
n scenariu descris mai sus informaia din formular este trimis la un
server spre a fi prelucrat, exist ns i posibilitatea ca aceast
informaie s fie prelucrat de ctre browser. Prelucrarea se face n
acest caz cu ajutorul unui limbaj de script pe partea de client despre
care vei nva n unitatea de nvare numrul 9. Fluxul operaiilor
pentru acest caz este prezentat n figura 8.2.
3. Prelucrare
informatii
1. Completeaza
formular
Utilizator
2. Apasa buton
TRIMITE
Browser
Java Script
VB Script
85
<FORM>
Funcionalitate:
Definete un formular
Atribute:
ACTION
METHOD
NAME
TARGET
Directiva de sfrit:
</FORM> - OBLIGATORIE
86
Atributul
ACTION
Atributul
METHOD
87
<INPUT>
Funcionalitate:
Definete un cmp ntr-un
formular
Atribute:
TYPE
NAME
ALIGN
MAXLENGTH
SIZE
CHECKED
Directiva de sfrit:
</INPUT> este opional
Cmpul
TEXTBOX
Cmpul
PASSWORD
88
<INPUT TYPE=PASSWORD>
Browserul va afia:
Se observ c pentru fiecare caracter introdus de utilizator se
afieaz un caracter sau n loc. Aceasta cu scopul de a proteja
informaia introdus n acest cmp de alte persoane neautorizate
care vd ecranul utilizatorului n timp ce acesta introduce parola.
Cmpul
CHECKBOX
- neselectat
- selectat
Cmpul
RADIOBUTTON
...
<INPUT TYPE="RADIO" NAME="RADIO1" CHECKED>
...
<INPUT TYPE="RADIO" NAME="RADIO1">
...
Browserul va afia:
Cmpurile CHECKBOX folosesc urmtoarele atribute:
89
Butonul
TRIMITE
Browserul va afia:
Butonul SUBMIT folosete urmtoarele atribute:
Butonul
ANULEAZ
Browserul va afia:
Butonul RESET folosete urmtorul atribut:
90
<SELECT>
<OPTION>
Funcionalitate:
Definete o list
de selecie ntr-un
formular
Atribute:
NAME
SIZE
MULTIPLE
Directiva de sfrit:
</SELECT> Obligatorie
Funcionalitate:
Definete o
opiune ntr-o list de
selecie
Atribute:
SELECTED
VALUE
Directiva de sfrit:
</OPTION> Obligatorie
Neextins:
i extins:
91
3.
Introducerea
directivei
pereche
<SELECT>
</SELECT>
Stabilirea cu ajutorul atributului SIZE a tipului de list
de selecie
i. SIZE =1 Dropdown List
ii. SIZE > 1 ListBox
Adugarea elementelor la list cu ajutorul directivei
<OPTION>. Un element din list este introdus de o
directiv <OPTION> ca n exemplul de mai jos:
92
Atributul
MULTIPLE
Atributul
SELECTED
Bibliografie
1. Dave Taylor - Crearea paginilor WEB, Editura Teora 1999,
pg.253-277
2. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.38-46
3. T.Gugoiu HTML prin exemple, Editura Teora 2000, pg.82-95
93
Script Javascript
95
95
95
97
99
100
102
Bibliografie
102
94
Script Javascript
Animaii
Prelucrarea unor informaii introduse de utilizator fr a fi
nevoie de trimiterea datelor la server pentru a fi prelucrate de
un CGI
Realizarea de meniuri dinamice n pagina WEB.
95
Script Javascript
<HEAD>
...
<SCRIPT LANGUAGE=JavaScript>
Aici intr scriptul tu
</SCRIPT>
...
</HEAD>
<BODY>
...
<SCRIPT LANGUAGE=JavaScript>
Aici intr scriptul tu
</SCRIPT>
...
</BODY>
Exemplul 9.1 Inserare script n document HTML
Browserele care nu suport JavaScript vor trata scriptul din interiorul
acestei directive ca pe un text normal i prin urmare l va afia n
pagin. Acest lucru nu este de dorit adesea. Pentru a nu ajunge ntro astfel de situaie se recomand ca scriptul din interiorul acestei
directive s fie inclus ntr-un comentariu HTML, ca n exemplul de
mai jos:
<SCRIPT LANGUAGE=JavaScript>
<!
Aici intr scriptul tu
-->
</SCRIPT>
<SCRIPT>
Funcionalitate:
Insereaz
un
script
documentul HTML
Atribute:
LANGUAGE
SRC
TYPE
Directiva de sfrit:
</SCRIPT> OBLIGATORIE
Script Javascript
97
Script Javascript
Script Javascript
Test de autoevaluare
9.2 Cnd se execut un script JavaScript ntr-o pagin WEB?
a>
b>
c>
d>
La ncrcarea paginii
La apariia unui eveniment
la cererea vizitatorului paginii WEB
la o anumita ora stabilita de ctre vizitatorul paginii
WEB
99
Script Javascript
Test de autoevaluare
9.3 Ce rol au atributele Event Handler?
100
Script Javascript
101
Script Javascript
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
102
104
104
106
107
108
110
Bibliografie
110
103
Avantaj
APPLET
Java
104
<APPLET>
Funcionalitate:
Introduce un
Java n pagin
Atribute:
CODE
CODEBASE
ALIGN
WIDTH
HEIGHT
<PARAM>
Funcionalitate:
Applet
Permite
setarea
unui parametru de
intrare pentru un
applet
Directiva de sfrit:
</APPLET> OBLIGATORIE
Pai folosii
Atribute:
NAME
VALUE
Directiva de sfrit:
</PARAM> OPTIONAL
105
Atributul
CODE
Atributul
CODEBASE
Atributele
WIDTH si
HEIGHT
106
Avantaj
Dezavantaj
107
Streaming
Avantaje si
dezavantaje
108
<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 AUTOSTART poate lua una din valorile TRUE sau FALSE
Atributul
AUTOSTART i specific browserului s ruleze la ncrcarea paginii clipul
specificat de atributul SRC.
Atributul
LOOP
Atributul LOOP poate lua una din valorile TRUE sau FALSE i
specific browserului s ruleze sau nu n bucl clipul specificat de
atributul SRC.
Atributul
HIDDEN
Atributul HIDDEN poate lua una din valorile TRUE sau FALSE i
specific browserului s afieze sau s nu afieze interfaa grafic de
control n pagina Web.
Test de autoevaluare
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
109
Bibliografie
1. Cioata Mihai ActiveX. Concepte i aplicaii Editura Polirom,
pg.95-102, 174-175
2. Clin Ioan Acu Optimizarea paginilor Web, Editura Polirom
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
110
112
112
113
114
116
119
Bibliografie
119
111
Limbajul XML
nu poate
executa nici o
operaie
112
113
Un exemplu complet:
Declaraia
XML
Declaraia
DTD
Elementul
rdcin
114
Atribute
XML
115
Test de autoevaluare
11.1 XML poate fi considerat ca fiind o alta versiune de HTML?
116
Fiierul listaadmitere.xml:
Fiierul publicListaAdmitere.html
<HTML>
<HEAD>
<TITLE>
Exemplu Insula Date
</TITLE>
</HEAD>
<BODY>
<XML ID="admitere"
SRC="listaadmitere.xml"
async="false"></XML>
<TABLE BORDER="1"
DATASRC="#admitere">
<THEAD>
<TH> Nume Student </TH>
<TH> Nota </TH>
</THEAD>
<TR>
<TD>
<SPAN DATAFLD="nume">
</SPAN>
</TD>
<TD>
<SPAN DATAFLD="nota">
</SPAN>
</TD>
</TR>
</TABLE>
</BODY>
<HTML>
117
118
Bibliografie
1. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.59-82
2. http://www.w3schools.com/default.asp
119
Foi de stil
121
121
122
123
126
127
129
Bibliografie
129
120
Foi de stil
Avantaje
Dezavantaje
121
Foi de stil
O foaie de stil const n una sau mai multe reguli care descriu modul
n care un element dintr-o pagin HTML va fi afiat. O regul ntr-o
foaie de stil are urmtorul format:
selector{proprietate:valoare}
unde:
Selector
Proprietate
-valoare
Declaratie
Gruparea
stilurilor
122
Foi de stil
Test de autoevaluare
12.1 Care este principalul avantaj al folosirii foilor de stil la
realizarea paginilor de WEB?
cu
stilul
definit
123
Foi de stil
Legarea
<LINK>
124
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
REL
Atributul
HREF
Atributul
TYPE
<STYLE
TYPE="text/css">
<!-@import url(http://stiluri.ro/stilulmeu.css);
@import url(altstil.css);
DT { background: yellow;
color: black }
-->
</STYLE>
Declaraia @import trebuie s fie nainte de orice alt declaraie de
stil.
125
Foi de stil
Test de autoevaluare
12.3 Enumerai metodele de adugare a informaiilor de stil ntr-o
pagin HTML.
126
Foi de stil
Exemplu de utilizare:
P {letter-spacing: 0.1em;
text-align: center
text-intend: 5em
}
Proprietati
pentru
spatierea
elementelor
Proprietati
pentru
definirea
culorilor
Proprietati
pentru
definirea
fundalului
127
Foi de stil
128
Foi de stil
Bibliografie
1. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.51-53
2. Sabin Buraga Proiectarea siturilor Web. Design i
funcionalitate, Ediia a II-a, Editura Polirom 2002, pg. 163-195
3. Clin Ioan Acu Optimizarea paginilor Web, Editura Polirom
2003, pg. 35-73
4. Richard Wagner, R.Allen Wyke Java Script, Editura Teora
2000, pg.481-495
129
Bibliografie
BIBLIOGRAFIE
130
Anexa 1
131
Anexa 1
132
Anexa 1
133
Anexa 1
134
Anexa 1
135
Anexa 1
136