Documente Academic
Documente Profesional
Documente Cultură
Investete n oameni!
REALIZAREA
PAGINILOR WEB
Traian C. IONESCU
Adriana OLTEANU
2011
2011
ISBN 973-0-04103-2
Cuprins
Unitate
de invatare
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 proprietatilor globale ale unui tabel HTML
7.3 Definira 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
107
108
II
Cuprins
110
110
11
111
112
112
114
116
119
122
125
125
12
126
138
140
140
13
141
142
142
143
144
146
149
149
14
FOI DE STIL
Obiectivele Unitii de nvare nr.14
14.1 Foi de stil n HTML-CSS
14.2 Cum funcioneaz stilurile n HTML
14.3 Adugarea foilor de stil n documentele HTML
14.4 Proprieti CSS
Lucrare de verificare Unitate de nvare nr. 10, 11, 12, 13 i 14
Rspunsuri i comentarii la ntrebrile din testele de autoevaluare
Bibliografie Unitate de nvare nr.14
150
151
151
152
153
156
157
159
159
BIBLIOGRAFIE
160
161
127
127
128
129
134
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?
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,
7
10
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.
Binenteles 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
11
Limbajul HTML
13
13
13
19
22
Bibliografie
22
12
Limbajul HTML
Definitie
Definitie
Limbajul HTML
Directiva
de sfrit
Atributele
Nume
Atribut
Valoare
Atribut
Limbajul HTML
15
Limbajul HTML
Caractere
speciale
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
17
Limbajul HTML
Va avea ca rezultat:
Numele meu este: Ana
Totui aceast imbricare trebuie facut avnd mereu grj ca ordinea
de nchidere a tagurilor s fie invers cu ordinea de deschidere
ultimul tag deschis s fie primul inchis.
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
<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
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>
Funcionaliate
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.
34
35
36
ntrebarea 3.2.
Elementul de tip paragraf va formata textul coninut astfel nct
dimesiunea liniei s nu depeasc lungimea ferestrei. La nceputul
i sfritul unui paragraf se va adaug automat o linie liber. Vezi
seciunea 3.2.
ntrebarea 3.3.
Directiva HTML pentru a desena aceast linie se scrie n felul
urmtor:
<HR
ALIGH=CENTER
WIDTH=50%>
Vezi seciunea 3.2.
ntrebarea 3.4.
Directiva <BASEFONT> se folosete n cazul n care se dorete
schimbarea
caracteristicilor
fontului
pentru
ntreg
textul
documnetului. Directiva FONT se folosete pentru a schimba
caracteristicile pentru un numr oareacare de cuvinte din text. Vezi
seciunea 3.4.
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
38
39
39
40
44
44
47
Bibliografie
48
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 corepunztoare </UL> este obligatorie. nauntrul
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.
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
careia 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 valoara 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
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 definia 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.
Atributul COMPACT. Specific browserului s afieze lista ocupnd
ct mai puin spaiu posibil.
44
<DT>
<DD>
Funcionalitate:
Funcionalitate:
Creeaz o definiie
Creeaz un termen
pentru un termen
ntr-o list de definiii
Atribute:
Nu are
Directiva de sfrit:
</DT> - opional
Atribute:
Nu are
Directiva de sfrit:
</DD> - opional
45
46
ntrebarea 4.2.
Codul HTML pentru realizarea acestei liste este:
<UL>
<LI TYPE=SQARE>Element 1</LI>
<LI>Element 2 </LI>
<LI TYPE=SQARE><LI>Element 3</LI>
</UL>
Consultai seciunea 4.2.
ntrebarea 4.3.
Listele ordonate sunt folosite n cazul n care ordinea elementelor
este relevant. Exemple de folosire pentru listele ordonate: Cuprinsul
lucrarilor, lista de pai a unui algoritm etc. Consultai seciunea 4.3.
ntrebarea 4.4.
Codul HTML pentru realizarea acestei liste este:
<DL>
<DT>Neordonate</DT>
<DD>
Lista fara numere de ordine
</DD>
<DT>Ordonate</DT>
<DD>
Lista cu numere de ordine
</DD>
<DT>Lista de definitii</DT>
<DD>
Lista compusa din termeni si definitii ale
acestora
</DD>
</DL>
Consultai seciunea 4.4.
Indicaii la problemele propuse
Problemele propuse n lucrrile de verificare se fac dup modelele
de exemple prezentate n unitatea de nvare sau dup tipicul
acestora.
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
Atributul
Target
54
Atributul
ACCESSKEY
55
Test de autoevaluare
5.2 Definii un hyperlink de tip imagine care s afiseze un text
explicativ n locul imaginii n cazul n care imaginea nu poate fi
inrcat 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
SRC="iepuras.gif"
ALT="Bugs Bunny"
ALIGN="left">
Un iepuras ... 9 x 9 x 19 h
<BR CLEAR=LEFT>
...
<IMG SRC="iepuras.gif"
62
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"
ALIGN="MIDDLE">Ce dragut este!
<BR CLEAR="ALL">
63
Iepuras jos
<IMG SRC="iepuras.gif"
ALIGN="BOTTOM">Ce dragut este!
...
Va avea ca rezultat n browser:
Dimensiunea
imaginilor
64
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
72
73
73
75
78
79
82
Bibliografie
82
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
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 adaugai 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:
Definiete un cmp ntr-un
formular
Atribute:
TYPE
NAME
ALIGN
MAXLENGTH
SIZE
CHECKED
Directiva de sfrit:
</INPUT> este opional
Cmpul
TEXTBOX
Browserul va afia:
Cmpurile TEXTBOX folosesc urmtoarele atribute:
NAME: Numele variabilei ce conine textul introdus de utilizator
ce va fi trimis ctre scriptul CGI
SIZE specific lungimea vizibil a cmpului text. Dimensiunea
implicit, n cazul n care acest cmp nu este specificat este
20
VALUE textul implicit ce va fi afiat n acest cmp atunci cnd
acesta va fi prima oar afiat de ctre browser.
MAXLENGTH specific numrul maxim de caractere pe care le
poate accepta cmpul.
Cmpul
PASSWORD
88
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:
Funcionalitate:
Defininete o list
Defininete o
de selecie ntr-un
opiune ntr-o list de
formular
selecie
Atribute:
Atribute:
NAME
SELECTED
SIZE
VALUE
MULTIPLE
Directiva de sfrit:
Directiva de sfrit:
</OPTION> Obligatorie
</SELECT> Obligatorie
Exist dou tipuri de liste de selecie:
1. Dropdown List care iniial afieaz un singur element pe un
singur rnd iar n momentul n care utilizatorul selecteaz
aceast list se va extinde afind toate opiunile disponibile.
Dac valoarea atributului SIZE este 1 atunci lista de opiuni va
fi afiat n aceast form.
Neextins:
i extins:
1.
2.
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
ntrebarea 8.2.
Exist dou metode de transmitere a datelor dintr-un formular ctre
server: GET i POST. Cea mai nesigurte metoda este GET
deoarece aceasta trimite datele din formular ca parte din URL care
poate fi vizualizat de ctre utilizatori neautorizai. Consultai
seciunea 8.2.
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
Script Javascript
98
Script Javascript
Atribute
Event
Handler
Test de autoevaluare
9.2 Cnd se execut un script JavaScript ntr-o pagin WEB?
a>
b>
c>
d>
La incarcarea paginii
La aparitia unui eveniment
la cererea vizitatorului paginii WEB
la o anumita ora stabilita de catre vizitatorul paginii
WEB
Script Javascript
Test de autoevaluare
9.3 Ce rol au atributele Event Handler?
Script Javascript
101
Script Javascript
ntrebarea 9.2.
Un scrip Java Script se execut la ncrcarea paginii dac acesta
este definit n interiorul directivei<BODY> sau la apariia unui anumit
eveniment. Variante corecte de raspuns: 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.
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
<PARAM>
Applet
Atribute:
CODE
CODEBASE
ALIGN
WIDTH
HEIGHT
Directiva de sfrit:
</APPLET> OBLIGATORIE
Pai folosii
Funcionalitate:
Permite
setarea
unui parametru de
intrare pentru un
applet
Atribute:
NAME
VALUE
Directiva de sfrit:
</PARAM> OPTIONAL
105
Atributul
CODE
Atributul
CODEBASE
Atributele
WIDTH si
HEIGHT
106
Dezavantaj
Metode
Avantaj
Dezavantaj
Streaming
Avantaje si
dezavantaje
108
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
ntrebarea 10.2.
Codul HTML corespunztor pentru a include acest clip este:
<EMBED
SRC=http://www.multamuzica.ro/melo1.wav
LOOP=TRUE
AUTOSTART=TRUE
>
Revedei indicaiile din seciunea 10.4.
Indicaii la problemele propuse
Problemele propuse n lucrrile de verificare se fac dup modelele
de exemple prezentate n unitatea de nvare sau dup tipicul
acestora.
Bibliografie
1. Cioata Mihai ActiveX. Concepte i aplicatii 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
114
116
119
122
125
Bibliografie
125
111
113
Cum testm
fiierele PHP?
elseif($today == "Thursday")
{ $bgcolor = "#E6EDFF"; }
// verificm dac este vineri (friday)
elseif($today == "Friday")
{ $bgcolor = "#E9FFE6"; }
// dac nu este nici una din zilele de mai sus
atunci este smbt (Saturday)
else { $bgcolor = "#F0F4F1"; }
print("<body bgcolor=\"$bgcolor\">\n");
?>
<br>Culoarea de fundal a acestei pagini se modifica
in functie de ziua saptamanii.
</body>
</html>
Dac vom accesa pagina de mai sus prin intermediul unui browser
web de pe un server care are extensia PHP instalat vom obine
urmtorul rezultat:
Constante
n PHP
Variabile i
constante
predefinite
116
Operaie
Negaie
Adunare
Scdere
nmulire
mprire
Modulo
Exemplu
-$a
$a+$b
$a-$b
$a*$b
$a/$b
$a%$b
Exemplu
$a=$b
117
+=
-=
*=
/=
%=
&=
|=
^=
<<=
>>=
nsumare
Diferen
Multiplicare
mprire
Modul
i la nivel de bit
Sau la niv de bit
Sau exclusiv
Deplasare st
Deplasare dr
Operaie
Atribuire
Concatenare
Atribuire cumulativ
Exemplu
$a="Test"
$a="Te"."st"
$a.= nr.11
118
Test de autoevaluare
11.1 Scriei un script PHP care s calculeze aria unui cerc
bazndu-se pe o constant PI i o variabil $raza.
121
Test de autoevaluare
11.2 Scriei o funcie proprie care s returneze elementul cel mai
mare element dintr-un vector primit ca parametru.
}
public function afisare()
{
printf("Elevul %s are %d ani.", $this->nume,
$this->varsta);
}
}
$elev_VIIIA = new elev("Ionescu Gabriel",14);
$elev_VIIIA->afisare();
?>
n acest caz elev identific clasa definit pentru a putea fi instaniat
pentru mai multe obiecte similare. Dup cum se poate observa
instanierea se face utiliznd cuvntul cheie new ce primete ca
parametrii valorile iniiale pentru componentele de date interne ale
obiectului. Aceste valori pot fi modificate ulterior pe parcursul utilizrii
obiectului. n momentul instanierii unei clase se apeleaz n mod
automat funcia intern __construct care efectueaz iniializarea
structurii de date interne a obiectului n cauz aceast funcie
poart denumirea de constructor. Exist posibilitatea ca la instaniere
s existe valori predefinite pentru valorile interne ale obiectului fr a
fi nevoie s le transmitem n momentul declarrii iniiale. Valorile
interne ale unui obiect se numesc i proprieti ale obiectului.
Dup cum se poate observa am adugat i o funcie intern clasei
elev funcia afiare. Aceasta poart denumirea de metod a clasei.
n cadrul declarrii acestei funcii apare cuvntul cheie public care
indic faptul c aceast metod (funcie) este accesibil din exterior
pentru obiectele instaniate din aceast clas. n momentul n care
omiteam aceast declaraie metoda era implicit accesibil din
exterior (toate proprietile i metodele sunt implicit publice). n afar
de posibilitatea de a declara o metod sau o proprietate public mai
exist variantele private acele metode sau proprieti sunt
accesibile doar metodelor interne clasei, nu pot fi accesate prin
intermediul obiectului instaniat sau protected acele metode sau
proprieti sunt accesibile doar intern n cadrul clasei sau n cadrul
claselor derivate din clasa iniial. Prin intermediul acestor metode de
limitare a accesului la componentele interne ale unei clase se poate
realiza o iniializare controlat a proprietilor clasei (de exemplu, nu
pot iniializa proprietatea varsta n mod direct ci doar prin intermediul
unei metode care verific dac valoarea introdus este un ntreg
pozitiv mai mic de 100.
Test de autoevaluare
11.3 Definii o clas care s poat fi utilizat pentru gestionarea
mrfii ntr-un depozit de textile.
Rspunsul corect i comentarii asupra acestuia se gsesc la pagina 125.
124
Bibliografie
1. Luke Welling i Laura Thomson, Dezvoltarea aplicaiilor web
cu PHP i MySQL, Editia a II-a, Editura Teora, 2005
2. Manualul PHP - http://php.net/manual/ro/index.php
125
127
127
128
129
134
138
140
Bibliografie
140
126
128
129
130
133
12.4 Folosirea PHP pentru accesul la baze de date din cadrul paginilor
Web
Prin intermediul utilizrii limbajului PHP pentru accesul informaiilor
din sisteme de baze de date putem genera pagini web dinamice sau
interactive a cror coninut s fie generat pe baza informaiilor
stocate n baza de date.
Limbajul PHP permite accesul sistemelor de baze de date prin mai
multe metode:
Metode abstracte:
o DBA Oracle Berkley DB
o dbx
o ODBC
o PDO PHP Data Object
Biblioteci specifice unor sisteme de baze de date (selecie):
o dBase
o Firebird/InterBase
o Informix
o IBM DB2 IBM DB2, Cloudscape and Apache Derby
o Mssql Microsoft SQL Server
o MySQL
o OCI8 Oracle OCI8
o Paradox Paradox File Access
o PostgreSQL
o SQLite
o Sybase
Funciile utilizate pentru conectarea i transmiterea comenzilor ctre
sistemul de baze de date depind de metoda aleas. Exemple de
comenzi de conectare pentru diverse metode de acces:
ODBC:
odbc_connect(denumire_bd, user, parola, driver);
PDO (MySQL):
new PDO(mysql:host=...;dbname=...,user, parola);
MSSQL (Microsoft SQL Server):
mssql_connect(server, user, parola);
MySQL:
myssql_connect(server, utilizator, parola);
Cele mai multe aplicaii web scrise n PHP ce utilizeaz baze de date
sunt scrise pentru serverul de baze de date MySQL. Acest lucru se
datoreaz tehnologiilor similare ale celor dou produse ambele
produse sunt open-source i ruleaz cu performane bune sub
sistemul de operare Linux. Pentru aplicaii web de dimensiune mic
i mijlocie (magazine virtuale, pagini de socializare, site-uri de
134
<?php
$db_numebd = "test";
mysql_select_db($db_numedb) or die ("Nu ma pot
conecta la baza de date. Motiv: ". mysql.error());
?>
Comanda or permite ca n cazul n care prima procedur
(mysql_select_db) se ncheie cu o eroare intr n execuie cea de a
doua instruciune (die).
Pentru a lansa n execuie o fraz SQL avem la dispoziie funcia
mysql_query. Prin intermediul acesteia putem executa att fraze
SQL la nivel de structur de tabel (CREATE, ALTER, DELETE) ct
i fraze SQL de prelucrare sau filtrare a informaiilor (SELECT,
UPDATE).
Exemplu de execuie a unei fraze SQL de modificare a unei tabele.
<?php
$query = "ALTER TABLE tabela_catalog
ADD nr_clasa integer FOREIGN KEY;";
$result = mysql_query($query);
if (!$result) die ("Executie esuata.
Motiv: ". mysql.error());
?>
Exemplu de execuie a unei fraze SQL de filtrare a informaiilor.
Scriptul va afia datele rezultate n cadrul unei pagini web.
<?php
$query = "SELECT nume, medie_istorie
FROM tabela_catalog
WHERE (medie_istorie>5)
ORDER BY nume ASC;";
$result = mysql_query($query);
if (!$result) die ("Executie esuata.
Motiv: ". mysql.error());
$nr_linii = mysql_num_rows($result);
echo "<table><tr> <th>Nume </th> <th>Medie
istorie</th></tr>";
for ($j = 0 ; $j < $nr_linii ; ++$j)
{
$linie = mysql_fetch_row($result);
echo "<tr>";
echo "<td>$linie["nume"]</td>";
echo "<td>$linie["medie_istorie"]</td>";
echo "</tr>";
}
echo "</table>";
?>
136
Test de autoevaluare
12.2 Utiliznd urmtoarea tabelele definite n seciunea anterioar
(tabela_catalog i tabela_clasa) realizai un script PHP care
afieze ntr-un tabel HTML toi elevi grupai pe clase i ordonai
descresctor dup media de la matematic.
137
<html>
<head>
<title>Exemplu de formular cu validare</title>
</head>
<body>
<form method="POST" action="insert.php"
name="info_form">
<p>Nume:
<input type="text" name="nume" size="50"></p>
<p>Medie matematica:
<input type="text" name="medie_mat" size="2"></p>
<p><input type=button value="TRIMITE"
onclick="javascript:
if(window.document.info_form.nume.value=='')
{window.alert('Completati numele!');
window.document.info_form.nume.focus();}
else {window.document.info_form.submit();}"></p>
</form>
</body>
</html>
Iar pe partea de server putem avea urmtorul script PHP
(insert.php):
<?php
$nume = $HTTP_POST_VARS[nume];
$medie_mat = $HTTP_POST_VARS[medie_mat];
$query = "INSERT nume, medie_matematica VALUES ('".
$nume."'," . $medie_mat. ") ".
"INTO tabela_catalog";
$result = mysql_query($query);
if (!$result) die ("Introducere esuata.
Motiv: ". mysql.error());
?>
Test de autoevaluare
12.3 Completai funcia JavaScript din exemplul de mai sus pentru
a verifica i corectitudinea completrii cmpului medie matematic.
139
Bibliografie
3. Luke Welling i Laura Thomson, Dezvoltarea aplicaiilor web
cu PHP i MySQL, Editia a II-a, Editura Teora, 2005
4. Manualul PHP - http://php.net/manual/ro/index.php
140
142
142
143
144
146
149
Bibliografie
149
141
Limbajul XML
nu poate
executa nici o
operaie
142
Un exemplu complet:
Declaraia
XML
Declaraia
DTD
Elementul
rdcin
144
Atribute
XML
145
Test de autoevaluare
13.1 XML poate fi considerat ca fiind o alta versiune de HTML?
146
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>
147
148
ntrebarea 13.2.
Conceptul de insul de date se refer la separarea datelor de afiat
de instruciunile de afiare dintr-un document HTML. Datele vor fi
citite dintr-un document XML i afiate conform instruciunilor de
afiare din documentul HTML. Pentru nelmuriri revedei seciunea
11.4.
Indicaii la problemele propuse
Problemele propuse n lucrrile de verificare se fac dup modelele
de exemple prezentate n unitatea de nvare sau dup tipicul
acestora.
Bibliografie
5. Dorin Crstoiu, Ecaterina Oltean Introducere n HTML i
XML, Editura Printech Bucureti 2004, pg.59-82
6. http://www.w3schools.com/default.asp
149
Foi de stil
151
151
152
153
156
157
159
Bibliografie
159
150
Foi de stil
Foie de stil
Avantaje
Dezavantaje
151
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
foie de stil are urmtorul format:
selector{proprietate:valoare}
unde:
Selector
Proprietate
-valoare
Declaratie
Gruparea
stilurilor
152
Foi de stil
Test de autoevaluare
14.1 Care este principalul avantaj al folosirii foilor de stil la
realizarea paginilor de WEB?
cu
stilul
definit
Foi de stil
Legarea
<LINK>
Funcionalitate:
Import o foaie de stil dintr-un fiier
Atribute:
HREF
REL
TYPE
Directiva de sfrit:
</LINK> OBLIGATORIE
154
Foi de stil
Test de autoevaluare
14.3 Enumerai metodele de adugare a informaiilor de stil ntr-o
pagin HTML.
155
Foi de stil
Exemplu de utilizare:
P {letter-spacing: 0.1em;
text-align: center
text-intend: 5em
}
156
Foi de stil
Proprietati
pentru
spatierea
elementelor
Proprietati
pentru
definirea
culorilor
Proprietati
pentru
definirea
fundalului
Foi de stil
paginii.
Predai fiierul HTML n format electronic ca rezultat al rezolvrii
lucrrii de verificare
Ca ajutor suplimentar n rezolvarea lucrii se recopmand
utilizarea reperului bibliografic numrul 1 din bibliografia unitii de
nvare nr.10.
Nr. puncte: 6 (3p. utilizarea corect a directivei APPLET, 2p utilizarea atributului PARAM, 1p - poziionarea apletului pe centrul
paginii )
3. Realizai un document XML care s descrie i s conin
informaii despre produsele unui magazin, precum: Nume produs,
descriere, pret, 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.
Ca ajutor suplimentar n rezolvarea lucrii se recopmand
utilizarea reperului bibliografic numrul 1 din bibliografia unitii de
nvare nr.11.
Nr. puncte: 6 (3p realizarea corect a fiierului XML, 3p
realizarea fiierului HTML care s afieze infirmaiile din cadrul
documentului XML)
4. 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
Ca ajutor suplimentar n rezolvarea lucrii se recopmand
utilizarea reperului bibliografic numrul 1 din bibliografia unitii de
nvare.
Nr. puncte: 6 (4p definirea corect n cadrul foii de stil a
atributelor cerute, 2p folosirea foii de stil in cadrul documentului
HTML)
158
Foi de stil
ntrebarea 14.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 14.2.
ntrebarea 14.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.
Consultai seciunea 14.3.
Indicaii la problemele propuse
Problemele propuse n lucrrile de verificare se fac dup modelele
de exemple prezentate n unitatea de nvare sau dup tipicul
acestora.
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
159
Foi de stil
BIBLIOGRAFIE
160
Discuie despre structura de baz a unui document HTML (schelet) i despre reguli
ce privesc sintaxa directivelor 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
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
Discuie asupra tipurilor de formate grafice folosite pentru realizarea paginilor WEB,
avantajele i dezavantajele fiecrui tip de format.
Explicarea modului de folosire al fiecrui tip de element din cadrul unui formular
HTML
nelegerea rolului limbajului JavaScript
Utilizarea informaiilor din cadrul unei baze de date n cadrul unei pagini web.
n cadrul lucrrii de laborator numarul 7 se recomand efectuarea urmtoarelor tipuri de
activiti:
164
Discuie asupra modului de utilizare al paginilor de stil n cadrul unei pagini WEB
165
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!
166
Proiect cofinanat din Fondul Social European prin Programul Operaional Sectorial Dezvoltarea Resurselor Umane 2007-2013
Investete n oameni!
Unitatea de Management al
Proiectelor cu Finanare Extern
Str. Spiru Haret nr. 12, Etaj 2,
Sector 1, Cod potal 010176,
Bucureti
Tel: 021 305 59 99
Fax: 021 305 59 89
http://conversii.pmu.ro
e-mail: conversii@pmu.ro
IS
BN
97
8-
60
6-
51
5-
13
0-