1

Imagini. Harti de culori posibile) si browser, mouse-ul .-hspace-Acest

JPEG (24biti pentru peste imagine. atribut este pentru
imagini.Formulare. o culoare, spatiu orizontal pe
16777216 de culori .-align-Acest atribut ambele parti ale
Lectia 3. permite asezarea imaginii, specificat
Programare WEB posibile). imagini in locuri
diferite pe pagina. in pixeli. De
Imagini Adaugarea unei Pot fi folosite exemplu o valoare
imagini intr-o de 5 va pune un
.Formatele pagina web urmatoarele spatiu invizibil, de 5
imaginelor utilizate optiuni:
.Pentru a introduce pixel, in partile
in retea Internet.
Imaginile sunt o imagine intr-un .Bottom , Middle , orizontale ale
Top , Left , Right , imaginii.
stocate in fisiere cu format HTML se TextTop ,
diverse formate. foloseste elementul ABSMiddle , .-vspace-Acest
Formatele acceptat Baseline , atribut este pentru
<img/>:
de browsere pentru ABSBottom spatiu vertical pe
fisierele imagine <img ambele parti ale
sunt: .GIF (Graphics src="imagine.jpg" .-width-Valoarea imaginii, specificat
Interchange alt="puteti adauga acestui atribut in pixeli. De
Format) cu extensia orice text" reprezinta lungimea exemplu o valoare
.gif; .JPEG (Joint align="top" imaginii, in pixeli. de 5 va pune un
Photographic Daca nu este scris spatiu invizibil, de 5
Experts Group) cu width="100"
imaginea va fi pixel, in partile
height="120"
extensia .jpeg sau prezentata cu verticale
.jpg; border="4"
hspace="10" lungimea originala. ale imaginii.
.XPM (X PixMap) cu vspace="7“/> .-height-Valoarea
extensia .xmp; Harti de imagini
Atribute pentru acestui atribut
.XBM (X BitMap) cu imagini reprezinta inaltimea .Hartile de imagini
extensia .xbm; (latimea) imaginii, sunt parti din
.-src-Valoarea in pixeli. Daca nu aceeasi imagine
.BMP (BitMap) cu acestui atribut este scris imaginea care este
extensia .bmp determina locatia va fi prezentata cu "impartita" in mai
(numai cu Internet fisierului care inaltimea originala. multe zone, apoi in
Explorer); contine imaginea. functie de
.-border-Prin
.TIFF (Tagged Image .-alt-La acest atribut adaugarea acestui zona pe care se
File Format) cu se scrie textul care atribut imaginea va executa click,
extensia .tif sau va aparea daca aparea inconjurata browserul poate
.tiff; imaginea nu e de un chenar, afisa o
afisata (de unele
.Cele mai valoarea acestui alta pagina.
raspandite formate browsere) sau cand atribut reprezinta
sunt GIF(8biti utilizatorul va Crearea hartii de
grosimea
pentru o culoare, pozitiona, in chenarului, in pixeli. imagini
256
 2

.Pentru formarea imaginea. pagina, are .hidden-cand este

unei harti de urmatoarele TRUE va ascunde
Crearea hartii de
imagini, se adauga atribute: controalele,
in interiorul tag- imagini standard este FALSE
.src-Defineste
.forma regiunii: rect
ului "<img>" locatia fisierului .loop-defineste de
atributul "usemap" sau rectangle audio folosit cate ori se va
(dreptunghi), circle
a carui valoare (midi .au sau wav) repeta sunetul
reprezinta numele sau circ (cerc), point .loop-defineste de .volume-seteaza
(punct), poly sau
hartii, apoi se cate ori se va volumul sunetului
incepe formarea polygon (poligon) repeta sunetul (sonorul)
hartii prin .coordonateleunei
elementul: .delay-defineste .height-inaltimea in
regiuni (in pixeli); se timpul dintre pixeli a consolei
calculeaza in
<map repetari
name="nume_harta .width-lungimea in
functie de coltul din .title-Textul care va pixeli a consolei.
"> stanga sus al descrie sunetul.
<area imaginii (care are Adaugarea de
Adaugarea de sunet imagini Flash
shape=“forma" coordonatele (0, 0),
coords=“x1, y1, x2, la o pagina HTML2.
adica x = 0, y = 0); <embed></embed> ."<embed>" se
y2" href="url"> variaza in functie foloseste si pentru
-afiseaza o consola
</map> pentru sunet, are adaugarea de
de SHAPE = forma imagini flash (cu
regiunii: urmatoarele
Crearea hartii de extensia ".swf"),
imagini -pentru rect atribute: .src-
pentru aceasta este
(dreptunghi) se dau Defineste locatia
<area fisierului audio incadrat in alt
shape=“forma" coordonatele celor element, <object>
4 colturi sau a celor folosit (midi .au sau
coords=“coord" wav) </object>
href="url"alt = din stg. sus si dr. jos
ale regiunii --Iata un exemplu
"text"> .controls-ofera
posibilitatea de cod prin care
.-acestea definesc Adaugarea de sunet puteti adauga
la o pagina HTML alegerii mai multor
zonele hartii controale care imagini flash in
imaginii si forma Pentru a adauga pagina web:
includ:
sunet intr-o pagina
acestora (prin console, console .<object
valorile atributelor), web, puteti folosi width="580"
elementele mici, butoane de
play si altele height="400">
.-numarul de <embed>
elemente "AREA" <param
sau <bgsound>: .autostart-cand este
reprezinta numarul TRUE sunetul name="movie"
de 1.<bgsound></bgso value="fisier.swf">
incepe in timp ce
und>-introduce un sunetul este
suprafete (cu link- <embed
uri specifice) in care background src="fisier.swf"
(fundal) audio in descarcat de
este "impartita" browser
 3

width="580" element. Cel mai important cuvinte-cheie,

height="400"> este tag-ul motorul de cautare
Are urmatoarele <title></title> ne da o lista
</embed> atribute:
.Alte elemente de pagini; pentru
</object> .loop-defineste de importante pentru fiecare pagina (site)
cate ori se va misca motoarele de din lista apare titlul
.Unde "width" si textul
"height" sunt cautare sunt cele ei (dat cu marcajul
dimensiunile .height-inaltimea in META,
TITLE) urmat de o
cadrului in care este pixeli a zonei in care (numite si "meta fraza (cea de la
afisata imaginea se misca textul tag-uri). name="description"
flash, iar la
.width-lungimea in content="o fraza
atributele "value" si .Acestea au 2
"src" se scrie calea pixeli a zonei in care atribute:.name(care care descrie ...");
se misca textul
catre fisierul ".swf" determina tipul daca nu avem in
(trebuie scrisa .bgcolor-culoarea meta tag-ului) si marcajul META
aceeasi zonei in care se acea fraza, motorul
.content(care va indexa dupa
cale la ambele misca textul determina prima fraza din
atribute). .direction-directia continutul meta pagina; tot ea va fi
de miscare (left, tag-ului).
Afisarea in pagina a data la o eventuala
right, up, down) - cautare.
elementelor cu <meta
(stanga, dreapta, content="text/html;
EMBED necesita sus, jos) .-textul adaugat cu
charset=UTF-8" acest tag pentru
folosirea unui plug- http-
in, care de cele mai .behavior-defineste descriere are
cum se va misca equiv=Content- prioritate inaintea
multe ori, daca Type>
acesta textul (scroll, slide, frazelor
alternate) .-indica browserului din continut.
nu este deja ca este un fisier
instalat, este ceruta .scrolldelay-seteaza (folositi maxim 40,
numarul, in HTML 50 caractere).
automat incarcarea milisecunde, intre .-charset stabileste
lui de catre refreshuri de <meta
tipul de caractere name="keywords"
miscare. (in general se
browser. content="lista,
Elemente pentru cuvinte, separate,
Elemente de foloseste ISO-8859-
optimizarea 1 sau UTF-8), dar prin, virgula">
animatie text indexarii paginii exista si altele. .-motoarele de
HTML are un tag .Aceste elemente <meta cautare tin cont de
special, <marquee> de optimizare se name="description" cuvintele din meta
</marquee>, prin adauga in sectiunea content="descrie
care puteti crea un HEAD a "keywords" in
pe scurt continutul momentul indexarii
efect de miscare a paginii">
documentului site-ului pentru
unui text (sau HTML. .-in cazul unei atunci
imagine) care este
incadrat de acest cautari dupa
 4

cand sunt afisate zone active alcatuit cuprinde odata ce acestea

rezultate de cautari. din butoane urmatoarele etape: ajung
(folositi maxim 15-
,casete de .Utilizatorul la destinatie. De
20 cuvinte). selectie,campuri de completeaza regula ,valoarea
editare etc. formularul si il atributului action
<meta expedieaza unui este adresa URL a
name="author" .Formularele va unui script aflat pe
content="numele asigura construirea server. un
dvs., e-mail, etc"> unor pagini Web
.O aplicatie
care permit server WWW care
.-acesta nu este dedicata de pe primeste datele
neaparat necesar, utilizatorilor sa server analizeaza formularului
dar nu introduca efectiv formularul ,efectueaza o
informatii si sa le
strica sa-l folositi. completat si (daca prelucrare a lor si
transmita expedieaza
Arata autorul este necesar)
serverului. stocheaza datele
documentului. catre utilizator un
intr-o raspuns.
.Formularele pot
<meta http- varia de la o simpla baza de date.
equiv="Refresh" .Atributul
caseta de text methodprecizeaza
,pentru .Daca este necesar
content="4;url=http serverul expedieaza metoda utilizata de
://www.nume_site/ browser pentru
introducerea unui un raspuns
pagina"> sir de caractere pe expedierea datelor
utilizatorului.
.acesta determina post de cheie de formularului. Sunt
browser-ul sa cautare - Formulare posibile
incarce o noua urmatoarele valori:
element Un formular este
pagina, cea care caracteristic tuturor definit intr-un bloc .get(valoarea
este adaugata la motoarelor de implicita).In acest
cautare din Web delimitat de
url-ul din caz ,datele din
pina la etichetele
formular sunt
acest tag (aici corespondente
o structura adaugate la adresa
http://www.nume_
complexa ,cu <form> si </form>. URL precizata de
site/pagina),
multiple sectiuni
Atributele esentiale atributul action,
dupa un anumit ,care ofera facilitati
ale formei -intre adresa URL si
numar de secunde
puternice de date este inserat un
(aici 4). Exista 2 atributele
transmisie a "?". Neajuns-nu
.Practic, face un esentiale ale sunt permise
datelor.
elementului < cantitati mari
redirect.
Formulare form>.
Formulare de date (maxim 1
O sesiune cu o .Atributul Kb), informatia
.Un formular este pagina web ce actionprecizeaza ce transmisa este
un ansamblu de contine un formular se va intampla cu deschisa, avantaj
datele formularului
 5

foarte simplu de avantaj foarte atasarea unui nume alta forma va fi

utilizat si de simplu de utilizat si fiecarui initial selectata
de corectat aceasta (bifata).
corectat aceasta metoda. Cu aceasta element al
metoda. Cu aceasta formularului. .readonly-folosit
metoda datele sunt metoda datele sunt pentru campuri de
adagate conform adagate conform .Atributul tip text, impedica
valuepermite
sintaxei: sintaxei: modificarea valorii
nume_cimp = nume_cimp = atribuirea unei (textului) din
valori initiale unui
valoarea_cimp.
valoarea_cimp. acel camp
Intre diferite seturi Intre diferite seturi element al
formularului. .disabled-impedica
de date este de date este
introdus un ‚&’. introdus un ‚&’. folosirea campului
Proprietatile care are aceasta
elementului
.post In acest caz .POST proprietate. Va fi
datele sunt <input> ... </input> vizibil dar
In acest caz datele
expediate separat. .type-tipul de FORM
Sunt permise sunt expediate nu va putea fi
separat. Sunt folosit (caseta text, folosit, datele
cantitati mari de buton si altele ...)
date (ordinul MB). permise cantitati acestuia nu vor fi
mari de date .name-numele trimise din formular
Avantaje date sunt elementului la vreun script.
ascunse, pot fi (ordinul MB).
Avantaje:date sunt respectiv de Casete de text
codificate. Neajuns formular, folosit de
–greu de gasit ascunse, pot fi
codificate. Neajuns scripturile la care .-este folosit pentru
greseala. sunt trimise datele a crea in pagina un
–greu de gasit
Metodele GET si greseala. camp pentru text
.value-datele (cu o singura linie).
POST (valoarea) asociate
Elementele unui
.GET(valoarea formular acelui element de .-Codul este <input
formular si care type="text“/>
implicita).
.Majoritatea sunt trimise,
In acest caz ,datele elementelor unui .-Acest element
impreuna cu foloseste
din formular sunt formular sunt
adaugate la adresa definite cu numele, catre urmatoarele
scripturi (PHP, CGI, atribute: .type-text
URL precizata de
ajutorul tegului < JavaScript)
atributul action, input>. .name-numele
.size-specifica casutei de text,
-intre adresa URL si
date este inserat un .Pentru a preciza numarul de folosit de scriptul la
tipul elementului se caractere care dau care sunt trimise
"?". Neajuns-nu
sunt permise foloseste atributul lungimea zonei de datele.value-va
text.maxlength- reprezenta propriul
cantitati mari de typeal tegului input.
date (maxim 1 Kb), numarul maxim de context ca valoare
.Atributul caractere acceptate aleasa. Un sir de
informatia
transmisa este namepermite text care
.checked-specifica
deschisa, daca un buton sau
 6

apare in casuta de avea valorile : reprezenta parola .value-valoarea care

tex "VIRTUAL" default se doreste sa fie
transmisa prin acea
.size-specifica sau "PHYSICAL", din acea caseta.
numarul de astfel ca textul caseta ascunsa.
.size-specifica
caractere care dau wraps in browser sa
lungimea casutei de fie prezentat exact numarul de Check box
caractere care dau
text (default cum este scris de .-este folosit pentru
utilizator. lungimea casutei pt.
20).maxlength- adaugarea adaugarea mai
multor optiuni pe
numarul maxim de Casete pentru
caractere acceptate parole parolei (default 20)
care utilizatorul le
sa fie adaugate de .maxlength- poate alege (oricate
utilizator .-"password" este
folosit pentru a numarul maxim de din ele) prin
caractere acceptate
Camp textarea permite adaugarea bifarea lor
de parole. sa fie adaugate de
.-"textarea" este un utilizator .-Codul este <input
Caracterele
element ce creaza type="checkbox“/>
un camp in adaugate in aceasta Casete de formular
ascunse .In browser va
caseta nu sunt
pagina, in care afisate cu valoarea apare:
utilizatorul poate .-"hidden" este
lor reala, pentru a folosit pentru a
adauga mai multe .-Acest element
linii de text. nu se vedea parola adauga in formular foloseste
date care sa nu fie urmatoarele
scrisa.
.-Codul este vizibile in browser si atribute:
<textarea></textare .-Codul este <input care sunt trimise la
a> type="password“/> .type-checkbox
scripturi impreuna
.-Acest element .In browser va cu celelalte date din .name-numele
foloseste apare: .-Acest formular. casutei checkbox,
urmatoarele element foloseste folosit de scriptul la
.-Codul este <input care sunt
atribute: urmatoarele
atribute: type="hidden“/>
.name-numele trimise datele
.-Acest element
campului de text, .type-password
foloseste .value-valoarea
folosit de scriptul la
.name-numele urmatoarele casetei checkbox
care sunt
casutei pentru atribute: respective, care
trimise datele parole, folosit de poate fi
.type-hidden
scriptul la care sunt
.rows-numarul de selectata (bifata)
trimise .name-numele
linii a zonei de text
casutei ascunse, .checked-daca este
datele
.cols-numarul de folosit de scriptul la adaugat acest
coloane a zonei de .value-de obicei nu care sunt atribut, caseta
text este adaugat. Daca checkbox
este scris, va trimise datele
.wrap-standard este respectiva este
OFF. Dar poate selectata (bifata).
 7

Radio button permite pentru a efectua o urmatoarele

utilizatorului actiune cand este atribute:
.-este folosit pentru apasat
adaugarea mai sa incarce alte .type-submit
multor optiuni documente pe .-Codul este <input
.name-numele
dintre serverul web. type="button"
Aceasta butonului, poate fi
care utilizatorul value="Buton“/> folosit de scriptul la
poate alege una caseta este insotita
singura de un buton .In browser va care se trimit datele
apare:
"Browse" prin care .value-textul care
.-Codul este <input se alege
type="radio“/> .-Acest element apare pe buton.
documentul care va foloseste
fi transferat pe Imagine pentru
.In browser va urmatoarele
apare: server. atribute: buton Submit

(upload-ul se face .-permite aplicarea

.-Acest element .type-button
foloseste tot prin intermediul unei imagine in
unui script .name-numele locul
urmatoarele
atribute: (PHP,CGI) butonului, necesar
pentru a fi folosit butonului Submit
.-Codul este <input standard
.type-radio
type="file“/> de script
.name-numele .-Codul este <input
.In browser va .value-textul care type="image"
casutei radio,
folosit de scriptul la apare: apare pe buton.
src="locatie_imagin
care sunt .-Acest element Buton Submit e“/>
trimise datele foloseste
.-acest element .-Acest element
urmatoarele
face ca prin foloseste
.value-valoarea atribute: .type-file
casetei radio apasarea lui urmatoarele
.name-numele atribute:
respective, care browser-ul sa
poate fi selectata casutei upload,
trimita numele si .type-image
folosit de scriptul la
valoarea tuturor
(bifata) care sunt .name-numele
.checked-daca este celorlalte elemente butonului, poate fi
trimise datele
din formular la folosit de scriptul la
adaugat acest
atribut, caseta radio .size-specifica scriptul de peserver
care se trimit datele
numarul de
.-Codul este <input
respectiva este caractere care dau .src-locatia imaginii
selectata (bifata). type="submit"
lungimea casutei folosite.
value="Trimite“/>
Casete pentru upload. Buton Reset
upload .In browser va
Buton simplu .-permite
apare:
.-"file upload" este utilizatorului sa
folosit pentru a .-acesta este folosit
.-Acest element stearga toate datele
cu JavaScript sau
foloseste pe
VBScript
 8

care le-a scris in optiuni din lista

celelalte elemente care vor fi vizibile
din formular initial

.-Codul este <input .multiple-prezenta

type="reset" acestui atribut
specifica faptul ca
value="Sterge"></i utilizatorul poate
nput> selecta
.In browser va mai multe optiuni.
apare:
."<select></select>"
.-Acest element este folosit
foloseste impreuna cu
urmatoarele elemente "<option>
atribute: .type-reset
</option>" care
.value-textul care reprezinta lista
apare pe buton. elementelor ce sunt
Elemente select adaugate si afisate
in lista de selectare.
.-pentru acest
element se .-<option>
foloseste tag-ul </option>foloseste
"<select></select>", doua atribute:
care .selected-cand
formeaza o lista, un acesta este
meniu, cu date ce adaugat, optiunea
pot fi selectate. respectiva este
selectata cand
.-Atributete
elementului pagina web este
"<select>" sunt: initial incarcat.
Cand sunt adaugate
.name-numele mai multe optiuni,
acestui element, este indicat
necesar pentru a fi folosirea acestui
folosit de scriptul la atribut doar cu una
care sunt trimise singura.
datele.size-seteaza
inaltimea .value-specifica
elementului Select, valoarea variabilei
care reprezinta si numita in optiunea
numarul de respectiva
(necesara pt.

scriptul care va
primi datele).