Crearea Site-Uri 2

nvmntul profesional i tehnic n domeniul TIC
Proiect cofinanat din Fondul Social European n cadrul POS DRU 2007-2013
Beneficiar Centrul Naional de Dezvoltare a nvmntului Profesional i Tehnic
str. Spiru Haret nr. 10-12, sector 1, Bucureti-010176, tel. 021-3111162, fax. 021-3125498, vet@tvet.ro
CREAREA SITE-URILOR WEB

Material de nvare partea II
Domeniul: informatic
Calificarea: Analist programator
Nivel 3 avansat
2009
AUTOR:
Obogeanu Gheorghia Profesor grad didactic I
COORDONATOR:
MARIANA VIOLETA CIOBANU - Profesor, grad didactic I
CONSULTAN:
IOANA CRSTEA expert CNDIPT
GABRIELA CIOBANU expert CNDIPT
ANGELA POPESCU expert CNDIPT
DANA STROIE expert CNDIPT
Acest material a fost elaborat n cadrul proiectului nvmntul profesional i tehnic n

domeniul TIC, proiect cofinanat din Fondul Social European n cadrul POS DRU 20072013
Cuprins
I. Introducere...................................................................................................................................5
II. Resurse........................................................................................................................................9
Tema 1. Structura site-urilor Web..............................................................................................10
Fia de documentare 1.1 Elemente de coninut.....................................................................10
Activitatea de nvare 1.1.1. Elemente de coninut ale site-ului.....................................17
Fia de documentare 1.2 Marcarea elementelor....................................................................25
Activitatea de nvare 1.2.1. Tag-uri html.......................................................................33
Activitatea de nvare 1.2.2 Elemente de coninut ale unui document HTML................34
Tema 2. Limbaje de scriptare pentru Web.................................................................................36
Fia de documentare 2.1 - Limbajul JavaScript...................................................................36
Activitatea de nvare 2.1.1 Noiuni de baz ale limbajului JavaScript: constante,
variabile, tipuri de date, operatori......................................................................................43
Activitatea de nvare 2.1.2 Instruciuni JavaScript.........................................................44
Activitatea de nvare 2.1.3 Funcii JavaScript................................................................45
Activitatea de nvare 2.1.4 obiecte JavaScript................................................................46
Fia de documentare 2.2 Limbajul PHP................................................................................47
Activitatea de nvare 2.2.1 Noiuni de baz ale limbajului PHP: constante, variabile,
tipuri de date, operatori......................................................................................................51
Tema 3. Utilizarea scripturilor n cadrul site-urilor Web...........................................................52
Fia de documentare 3 - Utilizarea scripturilor n cadrul site-urilor Web............................52
Activitatea de nvare 3.1.1 Scripturi JavaScript scripturi PHP....................................59
Tema 4. Interfee........................................................................................................................61
Fia de documentare 4. Interfee............................................................................................61
Activitatea de nvare 4.1.1 Elemente de coninut ale unei pagini web...........................66
Activitatea de nvare 4.1.2 Amplasarea elementelor ntr-o pagin web.........................67
Tema 5. Baze de date pentru site-uri Web.................................................................................69
Fia de documentare 5.1 Tipuri de baze de date....................................................................69
Activitatea de nvare 5.1.1 Baze de date pentru Web....................................................74
Activitatea de nvare 5.1.2 Caracteristici baze de date...................................................75
Fia de documentare 5.2 Crearea bazelor de date..................................................................75
Activitatea de nvare 5.2.1 Crearea i utilizarea bazelor de date...................................81
Activitatea de nvare 5.2.2 Aplicaii cu baze de date......................................................83
Fia de documentare 5.3 Serverul Apache..........................................................................84
Activitatea de nvare 5.3.1 Serverul Apache...................................................................93
Activitatea de nvare 5.3.2 Instalarea Serveru-lui Apache..............................................94
Fia de documentare 5.4 Interogarea i prelucrarea bazelor de date................................102
Activitatea de nvare 5.4.1 Limbajul SQL....................................................................106
Activitatea de nvare 5.4.2 Comenzi SQL....................................................................107
Fia de documentare 5.5 Interfee de acces. Drivere de acces la baze de date.................109
Activitatea de nvare 5.5.1 Interfee de acces la baze de date.......................................112
Activitatea de nvare 5.5.2 Drivere Interfee de acces la baze de date.........................113
Tema 6. Accesarea bazelor de date n site-urile Web...............................................................114
Fia de documentare 6 Accesarea bazelor de date n site-urile Web................................114
Activitatea de nvare 6.1.1 Accesarea bazelor de date n site-urile WEB.....................118
Activitatea de nvare 6.1.2 utilizarea baselor de date n site-urile WEB......................119
Tema 7. Partajarea datelor.......................................................................................................132
Fia de documentare 7 Partajarea datelor.........................................................................132
Activitatea de nvare 7.1 Partajarea datelor..................................................................138
Activitatea de nvare 7.2. Partajarea datelor disponibile pe web..................................140
Tema 8. Legislaie specific....................................................................................................141
Fia de documentare 8. Legea drepturilor de autor.............................................................141

Activitatea de nvare 8.1 Legea drepturilor de autor....................................................143
Tema 9. Testarea i validarea site-urilor create.......................................................................145
Fia de documentare 9 Testarea i validarea site-urilor create.........................................145
Activitatea de nvare 9.1. Testarea i validarea site-urilor create.................................149
Tema 10 Publicarea site-urilor Web......................................................................................150
Fia de documentare 10 Publicarea site-urilor Web.........................................................150
Activitatea de nvare 10.1.1 Publicarea site-urilor Web...............................................157
Activitatea de nvare 10.1.2. Achiziionare domeniu...................................................161
Activitatea de nvare 10.1.3. Stabilire gazd site Web................................................162
Activitatea de nvare 10.1.4 Transferul datelor pe server............................................163
Activitatea de nvare 10.1.5 Administrarea unui site Web............................................165
III. Glosar.....................................................................................................................................167
IV. Bibliografie............................................................................................................................174
I. Introducere
Materialul de nvare are rolul de a conduce elevul la dobndirea competen ei:
-
Utilizeaz resursele web i tehnologii pentru realizarea site-urilor web.
Domeniul - Informatic
Calificarea - Analist programator
Nivelul de calificare - 3 avansat
Materialul cuprinde:
-
Fie de documentare
Activiti de nvare
glosar
Prezentul material de nvare se adreseaz elevilor din cadrul colilor postliceale,

domeniul Informatic, calificarea Administrator reele locale i de comunicaii.
Competena /
Rezultatul
nvrii
Competena 2Formateaz
elementele de
coninut ale siteului cu ajutorul
software-ului
specific
Teme
Elemente componente
Tema 1- Structura site-urilor

Web
Tema 2 Limbaje
scriptare pentru Web
de
Fisa 1.1 Elemente de

coninut
Activitatea de nvare
1.1.1 Elemente de
coninut ale site-lui
Fia 1.2 Marcarea
elementelor
1.2.1 Tag-uri html
1.2.2 Elemente de
coninut ale unui
document html
Fisa 2.1 Limbajul
JavaScript
2.1.1 Noiuni de baz ale
limbajului JavaScript:
constante, variabile, tipuri
de date, operatori
2.1.2 Instruciuni
JavaScript
2.1.3 Funcii JavaScript
Competena /
Rezultatul
nvrii
elementele de
software-ului
specific
Teme
Elemente componente
Tema 2 Limbaje de scriptare

pentru Web
Tema 3 Utilizarea scripturilor n

cadrul site-urilor Web
2.1.4 Obiecte JavaScript

Fisa 2.2 Limbajul PHP
2.2.1 Noiuni de baz ale
limbajului PHP:
constante, variabile, tipuri
de date, operatori
Fia 3 Utilizarea
scripturilor n cadrul siteurilor Web
Activitatea de nvare 3.1
Scripturi JavaScript
scripturi PHP
Tema 4 Interfee
Fia 4 Interfee
Elemente de coninut ale
unei pagini Web
Amplasarea
elementelor
ntr-o pagin Web
Tema 5 Baze de date pentru

site-uri Web
Fia 5.1 Tipuri de baze de

date
Activitatea
de
nvare
5.1.1 Baze de date pentru
Web
Activitatea
de
nvare
5.1.2
Caracteristici
ale
bazelor de date
Fia 5.2 Crearea bazelor

de date
5.2.1 Crearea i utilizarea
bazelor de date
5.2.2 Aplicaii cu baze de
date
Competena /
Rezultatul
nvrii
Teme
Elemente componente
Fia 5.3 Serverul Apache
elementele de
software-ului
specific
Tema 5 Baze de date

pentru site-uri Web
Activitatea
de
nvare
5.3.1 Serverul Apache
Activitatea
de
nvare
5.3.2 instalarea serveru-lui
Apache
Fia 5.4 Interogarea i
prelucrarea bazelor de date
Activitatea
de
nvare
5.4.1 Limbajul SQL
Activitatea
de
nvare
5.4.2 Comenzi SQL
Fia 5.5 Interfee de

acces. Drivere de acces la
baze de date
Activitatea
de
nvare
5.5.1 Interfee de acces la
baze de date
Activitatea
de
nvare
5.5.2 Drivere de acces la
baze de date
Tema 6 Accesarea bazelor de
date n site-urile Web
Fia 6 Accesarea bazelor

de date n site-urile Web
Accesarea bazelor de date
n site-urile Web
Utilizarea bazelor de date
n site-urile Web
Tema 7 Partajarea datelor
Fia 7 Partajarea datelor

Partajarea dtelor
Competena /
Rezultatul
nvrii
Teme
Elemente componente
Partajarea
datelor
disponibile pe Web
elementele de
software-ului
specific
Tema 8 Legislaie specific
Competena 3Realizeaz
publicarea siteului Web creat
Tema 9 Testarea i validarea

site-urilor create
Fia 8 Legea dreptului de

autor
Legea dreptului de autor
Fia 9 Testarea i
validarea site-urilor create
Testarea i validarea siteurilor create
Tema 10 Publicarea site-urilor

Web
Fia 10 Publicarea siteurilor Web

Publicarea site-urilor Web
Achiziionare domeniu
Stabilire gazd site Web
Transferul datelor pe server
Administrarea unui site
Web
Absolvenii nivelului 3 avansat, coal postliceal, specialitatea Analist programator,

trebuie s fie capabili s utilizeze tehnologiile informatice i ale comunicrii pentru
conceperea, proiectarea, elaborarea, testarea, implementarea i dezvoltarea sistemelor
informatice, a programelor i a documentaiei tehnice aferente.
II. Resurse
Prezentul material de nvare cuprinde diferite tipuri de resurse care pot fi folosite
de elevi:
-
Fie de documentare
activiti de nvare
Elevii pot folosi att materialul prezent (in forma printata) cat i varianta echivalenta
online.
Tema 1. Structura site-urilor Web

Fia de documentare 1.1 Elemente de coninut
Pentru a realiza un site sunt folosite o serie de tehnici cu ajutorul crora paginile sunt
concepute, din punct de vedere vizual, din punct de vedere al organizrii legturilor i al
amplasrii coninutului n pagini. Dup ce se stabilete structura unui site este indicat s
se realizeze o schi a ntregului site. Se realizeaz apoi o list a elementelor grafice
care vor fi incluse: imagini, formulare, fiiere multimedia, formulare, tabele, cadre,
legturi, nsoite de indicaii privind aezarea lor n pagin.
O metod eficient pentru a realiza schia site-ului o constituie graficul (sau harta) siteului. Se deseneaz cte un dreptunghi pentru fiecare pagin din site, specificnd n
interiorul su scopul i obiectivele paginii, elementele i aranjarea lor n pagin. Se
unesc apoi dreptunghiurile prin sgei pentru a specifica traseele pe care le poate
parcurge utilizatorul. Sgeile reprezint de fapt legturile dintre pagini. Spre pagina
Home trebuie asigurat o legtur cu ea din orice pagin a site-ului.
Modul cum sunt aranjate elementele constitutive ale unei pagini Web: con inut, grafica,
legturi, sistem de navigare, elemente multimedia este definit de no iunea de
machetare a unei pagini web.
O pagina web poate sa fie simpla sau mprit n:
cadre
tabele simple
tabele multiple sau imbricate
o combinaie a acestor elemente
Pentru un site Web sunt importante urmtoarele elemente:
stilul imprimat paginilor. Elementele componente ale unei pagini web
coninut
grafica
- imagini GIF & JPEG
- fundal
- animaii
- hri grafice
- logo i icon-uri
legturi
sistem de navigare
elemente multimedia
cadre (frames)
tabele
Documentele care se citesc online trebuie sa fie concise i structurate pentru o scanare
rapid. Informaiile cele mai importante trebuiesc puse n primul paragraf, pentru ca
cititorul s le gseasc cel mai repede.
10
Pagina web nu trebuie s arate ca un bloc masiv de text. Este indicat mpr irea
coninutului n paragrafe, separate ntre ele i de titlu prin spa ii goale.
Stilul de scriere (felul fonturilor, dimensiunea, culorile, etc.) trebuie s fie similar pentru
toate paginile. Fonturile uzuale sunt ARIAL i TIMES NEW ROMAN
Coninutul unui sit web - n construcia unui site trebuie acordat o aten ie
deosebit coninutului, deoarece pe baza acestuia se dezvolt structura site-ului i
machetarea paginii.
Principalul motiv pentru care oamenii acceseaz Internetul este cutarea de informa ii
ntr-un domeniu sau altul.
Pentru o mai bun organizare a site-ului i dezvoltarea unei structuri de navigare
corespunztoare, coninutul site-ului va fi mpr it pe categorii i subcategorii. La
realizarea unui site complex, apar dificulti n mpr irea con inutului n categorii clare i
distincte, care sa fie u or de neles de ctre cititori Titlurile acestor categorii pot deveni
etichete pentru butoanele sau hrile grafice utilizate pentru navigare.
Grafica se folose te pentru mbuntirea aspectului unui site i cre terea

atractivitii acestuia. Imaginile mai sunt folosite i pentru sublinierea unui text sau al
mesajului transmis de o pagina web. Este indicat ca un site s con in numai imaginile
absolut necesare i care sunt valoroase.
Dimensiunile fi ierelor grafice trebuie sa fie reduse la minimum posibil, fr a afecta
calitatea acestora, pentru a mic ora timpul de ncrcare al acestora.
Pentru reducerea timpul de ncrcare al fi ierelor grafice sunt folosite atributele
"HEIGHT" i "WIDTH" alturate etichetei "IMG". n acest caz, browserul cunoa te ct de
mult spaiu este ata at fiecrei imagini i ncepe ncrcarea textului imediat, n paralel
cu ncrcarea imaginii respective, cititorii vor putea s nceap citirea textului fr s
atepte ncrcarea tuturor imaginilor. n caz n care nu sunt folosite aceste op iuni
browserul va calcula mai nti dimensiunile imaginii n compara ie cu celelalte elemente
i apoi va ncepe ncrcarea efectiv a imaginii respective.
Cele mai folosite fi iere grafice i care sunt acceptate de toate browserele web sunt:
GIF (Graphics Interchange Format) - pentru grafice i imagini cu o rezolu ie mai

redus
JPEG (JPG) - pentru imagini fotografice sau cu o varietate de tonuri de culori,
Alegerea formatului corect are importan pentru calitatea i claritatea imaginii folosite
ct i pentru pstrarea unei dimensiuni reduse a fi ierului grafic .
Fiierelor GIF au urmtoarele caracteristici:
imaginile folosesc numai culori pe 8 biti
11
se folose te o metoda de compresie numit "lossless", deci nu se pierde nici o

informaie, iar imaginea obinut se poate recomprima din nou
se pot reduce dimensiunile imaginilor folosind mai pu ine culori
culoare din imagine poate fi setata ca fiind i culoarea fundalului(transparent).
se pot crea imagini animate, folosind combina ii de mai multe imagini GIF
Imaginile n format GIF se folosesc pentru obinerea unor elemente grafice ca:
banere
logo
titluri
iconuri simple
imagini animate
Imagini JPEG se folosesc pentru grafice complicate sau imagini complexe, cu multe
nuane de culori(fotografiile). Pentru a pstra dimensiunea redus a fi ierelor grafice se
folose te procedeul " built-in compression". Imaginile JPEG mai sunt folosite pentru
realizarea unor efecte metalice (auriu, argintiu, etc.), sau cnd se dore te ob inerea de
tonaliti de culori diferite.
Caracteristicele fi ierelor JPG sunt:
pot avea pana la 16.7 milioane de culori ( 24 biti )
folosesc o metod de compresie numita "lossy" ,deci unele detalii se pot pierde
sau pot apare unele mici distorsiuni, ceea ce duce implicit la o scdere u oar a
calitii imaginii respective. Majoritatea editoarelor grafice permit un control al
raportului compresie / calitate
nu permit realizarea unui fundal transparent
Harta grafic reprezint o imagine, care permite utilizatorilor s acceseze diferite

pagini web n interiorul unui site. La un clic cu mouse-ul pe una dintre diferitele por iuni
ale imaginii grafice se acceseaz o hiperlegtur ctre o alt pagin. Ele pot fi realizate
n format GIF sau JPEG. n ultimul timp, sunt folosite ca metod de navigare deoarece
se ncarc mai repede dect un set de butoane de navigare i sunt mai atractive. Hr ile
grafice nu se vor folosi niciodat ca singur mod de navigare, datorita urmtoarelor :
muli utilizatori au dezactivat opiunea "Load images" pentru a ncrca paginile

mai repede
se mai folosesc nc browsere bazate pe text i care nu ncarc imaginile grafice

motoarele de cutare nu pot urmri legturile furnizate de o hart grafic
12
Un logo este un nume, un simbol sau o marc nregistrat a unei companii sau
organizaii. O imagine bine aleas are un impact mult mai puternic dect cuvintele.
Logo se folose te pentru stimularea memoriei vizuale a audientei. Un logo trebuie sa fie
simplu, unic i u or de recunoscut.
Un logo poate fi realizat n mai multe feluri:
un simplu text
imagine stilizata cu numele companiei respective

un text n jurul unei imagini
un simbol
combinaie a acestora
Prin folosirea iconurilor (simboluri grafice) se mbunt e te aspectul unei pagini

web. Cele mai cunoscute iconuri:
sgeile direcionale
simbolul "casa" pentru pagina iniial

simbolul "cutie po tala" pentru transmiterea de emailuri
simbolul "carte" pentru guestbook
Pentru a fi eficiente, iconurile trebuie sa ndeplineasc anumite caracteristici:
s foloseasc un design simplu i elocvent
s aib o dimensiune redus a fi ierului

poziionarea n fiecare pagin sa rmn neschimbata
s fie u or de recunoscut
s fie dublate de un sistem de meniuri alternativ (legturi text)
La alegerea unui fundal se au n vedere urmtoarele:
culoarea fundalului nu trebuie s interfereze cu culoarea textului
pentru text i fundal se folosesc culori contrastante, care sa permit citirea

uoar a coninutului
imaginile pentru fundal, trebuie s fie fi iere GIF sau JPEG de dimensiuni mici,
pentru a reduce timpul de ncrcare a paginii
imaginea folosit pentru fundal trebuie sa fie n concordan , din punct de vedere
cromatic, cu aspectul paginii web i restul imaginilor
nu este recomandabil folosirea imaginilor animate pentru fundal
Culoarea standard pe care un browser o afi eaz pentru fundal este gri.
13
Imaginile animate, se folosesc pentru a sublinia un mesaj sau pentru a da un

impact deosebit unei pagini web. Cu toate c anima iile atrag cititorii, pagina web
trebuie s atrag cititorii prin coninutul ei ,nu prin folosirea unor imagini animate viu
colorate.
Restricii impuse n folosirea imaginilor animate:
dimensiunea fi ierului folosit
utilitatea lor
browserele folosite nu toate browserele suport anima ii
n realizarea unui site Web se acord o mare aten ie legturilor (hyper - legturi).
Acestea pot fi:
interne (ctre alte pagini din interiorul site-ului)

externe (ctre alte situri din Internet)
Pentru a crea o legtura extern trebuie s se cunoasc URL-ul site-ului respectiv.

Textul legturilor trebuie s fie scurt i la obiect. Toate legturile interne i externe
trebuie s fie testate.
Internetul, prin chiar natura sa, permite saltul de la o pagina web la alta cu ajutorul
butoanelor de navigare. Meniul de navigare este o reprezentare grafica sau de tip text a
coninutului i este ncorporat n tema general a site-ului. Meniul principal trebuie s
furnizeze trimiteri rapide i directe la seciunile i informa iile disponibile dntr-un site
web. Locul de amplasare a meniului principal este, de obicei, n partea stng a
ecranului dar el mai poate fi plasat i n partea dreapta sau n partea superioar a
paginii web. El trebuie repetat pe fiecare pagin exact n acela i loc, pentru a nu deruta
vizitatorii.
Cele mai des ntlnite scheme de navigare cuprind :
legturi text
hri grafice
butoane de navigare
meniuri tip lista derulanta (generate cu Javascript)
pagini generate dinamic
harta site-ului (site map)
Butoanele de navigare dau atractivitate paginilor web. Pot fi folosite ca mijloc de

navigare i de ctre persoanele care au dezactivat op iunea de ncrcare a imaginilor.
Butoanele de navigare pot fi create cu ajutorul editoarelor grafice.
14
Meniurile tip list derulant sunt realizate cu ajutorul limbajului Javascript sau
folosind scripturi CGI.
Principalele dezavantaje:
versiunile mai vechi de browsere nu suport Javascript

la folosirea scripturilor CGI trebuie aleas o gazd care dispune de un server
care suport scripturile CGI
Avantaj :
ocup un spaiu minim, nefiind afi ate toate variantele n acela i timp. La
accesare va apare o list cu toate opiunile posibile. Fiecare op iune reprezint o
legtur ctre o alt pagin sau seciune a site-ului.
Pagini generate dinamic reprezint o metod de navigare ce se folose te n

siturile web care dispun de o baz de date. De exemplu, magazinele on-line pun la
dispoziia utilizatorilor o funcie de cutare. Atunci cnd se dore te afi area
caracteristicilor unui produs, utilizatorul va introduce cuvntul cheie aferent. n urma
cutrii se va genera dinamic pagina web corespunztoare produsului respectiv.
Principalul dezavantaj al acestei scheme de navigare este faptul ca realizarea i
ntreinerea unui astfel de site sunt costisitoare. n plus, este dificil promovarea cu
ajutorul motoarelor de cutare deoarece acestea nu pot urmri legturile generate
dinamic.
Harta site-ului (site MAP) - trebuie sa fie clar i logic i s afi eze corect
structura site-ului. Poate fi realizat sub form de tabel sau arbore de legturi.
Harta este util i atunci cnd se dore te cutarea rapid a unei informa ii sau a unui
subiect, fr a fi nevoie s se navigheze prin tot site-ul. Este necesar furnizarea n
meniul principal a unei legturii directe ctre pagina web care con ine harta site-ului.
Tabelele sunt folosite pentru o machetare eficient i pentru a face mai atractive
diversele elemente componente ale unei pagini web. Tabelele permit mpr irea paginii
n seciuni i o poziionarea precis a textului sau imaginilor n interiorul paginii.
Se poate mpri pagina n doua coloane, cu meniul de navigare n stnga i con inutul
propriu-zis n dreapta, textul fiind aliniat la stnga. Se pot crea margini sau borduri de
diferite dimensiuni i culori. Se poate ncapsula con inutul n celulele tabelului pentru a
permite alinierea textului i limitarea lungimii liniilor.
Cadrele permit afi area a dou sau mai multe pagini web, n acela i timp, prin
mprirea ecranului n mai multe seciuni independente.
Avantajele folosirii cadrelor:
15
Cadrele se pot folosi atunci cnd coninutul site-ului se modific frecvent.

Un cadru va fi folosit pentru meniul de navigare iar n cellalt cadru va apare
coninutul propriu-zis. La modificarea sau actualizarea con inutului, este suficient
s se modifice numai un fi ier.
Nu este necesar schimbarea fiecrei pagini a site-ului pentru a actualiza
legturile. Folosirea cadrelor permite utilizatorilor sa aleag ce vor sa vad.
Dezavantajele folosirii cadrelor

flexibilitate limitat i posibila confuzie a cititorilor
apariia bordurilor care reduc spa iul afi at pe ecran
browserele mai vechi nu recunosc siturile care con in cadre
timpul de ncrcare al paginilor este mai mare
Exist multe programe ce pot fi folosite la crearea paginilor web. Editoarele de text sunt
cele mai simple editoare care permit crearea i salvarea fiierelor fr coduri de
formatare ascunse, care pot afecta modul de afiare a unei pagini web n browsere.
Editoarele specializate HTML le permit utilizatorilor s creeze documente web ntr-un
mod rapid i uor. Aceste programe genereaz ele nsele acest cod n locul
programatorului, reprezint unelte excelente pentru dezvoltatorii web cu experien.
Pentru editarea paginilor Web i dezvoltarea site-urilor Web exist o mare varietate de
limbaje, dar la baza oricrei pagini Web este limbajul HTML.
Activitatea de nvare 1.1.1. Elemente de coninut ale site-ului

Competena: Formateaz elementele de coninut ale sistemului cu ajutorul software-lui
specific
Obiectivul/obiective vizate:
La sfritul acestei activiti vei fi capabil s:
-
identifici diferitele elemente de coninut ale unui site web
caracterizezi fiecare element de coninut
utilizezi elementele de coninut
organizezi diferite elemente de coninut
Durata: 40 minute
Tipul activitii: Reducere

16
Sugestii:
-
elevii vor lucra individual
Sarcina de lucru:
Citii cu atenie textul urmtor. La final realizai un rezumat care s conin informa ii
legate de elemente de coninut ale unui site web: text, imagini, sunet, filme, hr i de
imagini, obiecte ce conin animaii i interactivitate, formulare, tabele, cadre, baze de
date, fi iere, legturi. Pentru fiecare element se va nota:
-
Rolul su ntr-o pagin web
Descriere
Poziia n pagin
Reguli ce vor fi respectate
Pentru a realiza un site sunt folosite o serie de tehnici cu ajutorul crora paginile sunt
concepute, din punct de vedere vizual, din punct de vedere al organizrii legturilor i al
amplasrii coninutului n pagini. Dup ce se stabilete structura unui site este indicat s
se realizeze o schi a ntregului site. Se realizeaz apoi o list a elementelor grafice
care vor fi incluse: imagini, formulare, fiiere multimedia, formulare, tabele, cadre,
legturi, nsoite de indicaii privind aezarea lor n pagin.
O metod eficient pentru a realiza schia site-ului o constituie graficul (sau harta) siteului. Se deseneaz cte un dreptunghi pentru fiecare pagin din site, specificnd n
interiorul su scopul i obiectivele paginii, elementele i aranjarea lor n pagin. Se
unesc apoi dreptunghiurile prin sgei pentru a specifica traseele pe care le poate
parcurge utilizatorul. Sgeile reprezint de fapt legturile dintre pagini. Spre pagina
Home trebuie asigurat o legtur cu ea din orice pagin a site-ului.
Modul cum sunt aranjate elementele constitutive ale unei pagini Web: con inut, grafica,
legturi, sistem de navigare, elemente multimedia este definit de no iunea de
machetare a unei pagini web.
O pagina web poate sa fie simpla sau mprit n:
cadre
tabele simple
tabele multiple sau imbricate
o combinaie a acestor elemente
Pentru un site Web sunt importante urmtoarele elemente:
stilul imprimat paginilor. Elementele componente ale unei pagini web
coninut
grafica
- imagini GIF & JPEG
17
- fundal
- animaii
- hri grafice
- logo i icon-uri
legturi
sistem de navigare
elemente multimedia
cadre (frames)
tabele
Documentele care se citesc online trebuie sa fie concise i structurate pentru o scanare
rapid. Informaiile cele mai importante trebuiesc puse n primul paragraf, pentru ca
cititorul s le gseasc cel mai repede.
Pagina web nu trebuie s arate ca un bloc masiv de text. Este indicat mpr irea
coninutului n paragrafe, separate ntre ele i de titlu prin spa ii goale.
Stilul de scriere (felul fonturilor, dimensiunea, culorile, etc.) trebuie s fie similar pentru
toate paginile. Fonturile uzuale sunt ARIAL i TIMES NEW ROMAN
Coninutul unui sit web - n construcia unui site trebuie acordat o aten ie
deosebit coninutului, deoarece pe baza acestuia se dezvolt structura site-ului i
machetarea paginii.
Principalul motiv pentru care oamenii acceseaz Internetul este cutarea de informa ii
ntr-un domeniu sau altul.
Pentru o mai bun organizare a site-ului i dezvoltarea unei structuri de navigare
corespunztoare, coninutul site-ului va fi mpr it pe categorii i subcategorii. La
realizarea unui site complex, apar dificulti n mpr irea con inutului n categorii clare i
distincte, care sa fie u or de neles de ctre cititori Titlurile acestor categorii pot deveni
etichete pentru butoanele sau hrile grafice utilizate pentru navigare.
Grafica se folose te pentru mbuntirea aspectului unui site i cre terea

atractivitii acestuia. Imaginile mai sunt folosite i pentru sublinierea unui text sau al
mesajului transmis de o pagina web. Este indicat ca un site s con in numai imaginile
absolut necesare i care sunt valoroase.
Dimensiunile fi ierelor grafice trebuie sa fie reduse la minimum posibil, fr a afecta
calitatea acestora, pentru a mic ora timpul de ncrcare al acestora.
Pentru reducerea timpul de ncrcare al fi ierelor grafice sunt folosite atributele
"HEIGHT" i "WIDTH" alturate etichetei "IMG". n acest caz, browserul cunoa te ct de
mult spaiu este ata at fiecrei imagini i ncepe ncrcarea textului imediat, n paralel
cu ncrcarea imaginii respective, cititorii vor putea s nceap citirea textului fr s
atepte ncrcarea tuturor imaginilor. n caz n care nu sunt folosite aceste op iuni
browserul va calcula mai nti dimensiunile imaginii n compara ie cu celelalte elemente
i apoi va ncepe ncrcarea efectiv a imaginii respective.
18
Cele mai folosite fi iere grafice i care sunt acceptate de toate browserele web sunt:
GIF (Graphics Interchange Format) - pentru grafice i imagini cu o rezolu ie mai

redus
JPEG (JPG) - pentru imagini fotografice sau cu o varietate de tonuri de culori,
Alegerea formatului corect are importan pentru calitatea i claritatea imaginii folosite
ct i pentru pstrarea unei dimensiuni reduse a fi ierului grafic .
Fiierelor GIF au urmtoarele caracteristici:
imaginile folosesc numai culori pe 8 biti
se folose te o metoda de compresie numit "lossless", deci nu se pierde nici o

informaie, iar imaginea obinut se poate recomprima din nou
se pot reduce dimensiunile imaginilor folosind mai pu ine culori
culoare din imagine poate fi setata ca fiind i culoarea fundalului(transparent).
se pot crea imagini animate, folosind combina ii de mai multe imagini GIF
Imaginile n format GIF se folosesc pentru obinerea unor elemente grafice ca:
banere
logo
titluri
iconuri simple
imagini animate
Imagini JPEG se folosesc pentru grafice complicate sau imagini complexe, cu multe
nuane de culori(fotografiile). Pentru a pstra dimensiunea redus a fi ierelor grafice se
folose te procedeul " built-in compression". Imaginile JPEG mai sunt folosite pentru
realizarea unor efecte metalice (auriu, argintiu, etc.), sau cnd se dore te ob inerea de
tonaliti de culori diferite.
Caracteristicele fi ierelor JPG sunt:
pot avea pana la 16.7 milioane de culori ( 24 biti )
folosesc o metod de compresie numita "lossy" ,deci unele detalii se pot pierde
sau pot apare unele mici distorsiuni, ceea ce duce implicit la o scdere u oar a
calitii imaginii respective. Majoritatea editoarelor grafice permit un control al
raportului compresie / calitate
nu permit realizarea unui fundal transparent
Harta grafic reprezint o imagine, care permite utilizatorilor s acceseze diferite

pagini web n interiorul unui site. La un clic cu mouse-ul pe una dintre diferitele por iuni
19
ale imaginii grafice se acceseaz o hiperlegtur ctre o alt pagin. Ele pot fi realizate
n format GIF sau JPEG. n ultimul timp, sunt folosite ca metod de navigare deoarece
se ncarc mai repede dect un set de butoane de navigare i sunt mai atractive. Hr ile
grafice nu se vor folosi niciodat ca singur mod de navigare, datorita urmtoarelor :
muli utilizatori au dezactivat opiunea "Load images" pentru a ncrca paginile

mai repede
se mai folosesc nc browsere bazate pe text i care nu ncarc imaginile grafice

motoarele de cutare nu pot urmri legturile furnizate de o hart grafic
Un logo este un nume, un simbol sau o marc nregistrat a unei companii sau
organizaii. O imagine bine aleas are un impact mult mai puternic dect cuvintele.
Logo se folose te pentru stimularea memoriei vizuale a audientei. Un logo trebuie sa fie
simplu, unic i u or de recunoscut.
Un logo poate fi realizat n mai multe feluri:
un simplu text
imagine stilizata cu numele companiei respective

un text n jurul unei imagini
un simbol
combinaie a acestora
Prin folosirea iconurilor (simboluri grafice) se mbunt e te aspectul unei pagini

web. Cele mai cunoscute iconuri:
sgeile direcionale
simbolul "casa" pentru pagina iniial

simbolul "cutie po tala" pentru transmiterea de emailuri
simbolul "carte" pentru guestbook
Pentru a fi eficiente, iconurile trebuie sa ndeplineasc anumite caracteristici:
s foloseasc un design simplu i elocvent
s aib o dimensiune redus a fi ierului

poziionarea n fiecare pagin sa rmn neschimbata
s fie u or de recunoscut
s fie dublate de un sistem de meniuri alternativ (legturi text)
La alegerea unui fundal se au n vedere urmtoarele:
culoarea fundalului nu trebuie s interfereze cu culoarea textului

20
pentru text i fundal se folosesc culori contrastante, care sa permit citirea

uoar a coninutului
imaginile pentru fundal, trebuie s fie fi iere GIF sau JPEG de dimensiuni mici,
pentru a reduce timpul de ncrcare a paginii
imaginea folosit pentru fundal trebuie sa fie n concordan , din punct de vedere
cromatic, cu aspectul paginii web i restul imaginilor
nu este recomandabil folosirea imaginilor animate pentru fundal
Culoarea standard pe care un browser o afi eaz pentru fundal este gri.
Imaginile animate, se folosesc pentru a sublinia un mesaj sau pentru a da un

impact deosebit unei pagini web. Cu toate c anima iile atrag cititorii, pagina web
trebuie s atrag cititorii prin coninutul ei ,nu prin folosirea unor imagini animate viu
colorate.
Restricii impuse n folosirea imaginilor animate:
dimensiunea fi ierului folosit
utilitatea lor
browserele folosite nu toate browserele suport anima ii
n realizarea unui site Web se acord o mare aten ie legturilor (hyper - legturi).
Acestea pot fi:
interne (ctre alte pagini din interiorul site-ului)

externe (ctre alte situri din Internet)
Pentru a crea o legtura extern trebuie s se cunoasc URL-ul site-ului respectiv.

Textul legturilor trebuie s fie scurt i la obiect. Toate legturile interne i externe
trebuie s fie testate.
Internetul, prin chiar natura sa, permite saltul de la o pagina web la alta cu ajutorul
butoanelor de navigare. Meniul de navigare este o reprezentare grafica sau de tip text a
coninutului i este ncorporat n tema general a site-ului. Meniul principal trebuie s
furnizeze trimiteri rapide i directe la seciunile i informa iile disponibile dntr-un site
web. Locul de amplasare a meniului principal este, de obicei, n partea stng a
ecranului dar el mai poate fi plasat i n partea dreapta sau n partea superioar a
paginii web. El trebuie repetat pe fiecare pagin exact n acela i loc, pentru a nu deruta
vizitatorii.
Cele mai des ntlnite scheme de navigare cuprind :
legturi text
hri grafice
butoane de navigare
21
meniuri tip lista derulanta (generate cu Javascript)

pagini generate dinamic
harta site-ului (site map)
Butoanele de navigare dau atractivitate paginilor web. Pot fi folosite ca mijloc de

navigare i de ctre persoanele care au dezactivat op iunea de ncrcare a imaginilor.
Butoanele de navigare pot fi create cu ajutorul editoarelor grafice.
Meniurile tip list derulant sunt realizate cu ajutorul limbajului Javascript sau
folosind scripturi CGI.
Principalele dezavantaje:
versiunile mai vechi de browsere nu suport Javascript

la folosirea scripturilor CGI trebuie aleas o gazd care dispune de un server
care suport scripturile CGI
Avantaj :
ocup un spaiu minim, nefiind afi ate toate variantele n acela i timp. La
accesare va apare o list cu toate opiunile posibile. Fiecare op iune reprezint o
legtur ctre o alt pagin sau seciune a site-ului.
Pagini generate dinamic reprezint o metod de navigare ce se folose te n

siturile web care dispun de o baz de date. De exemplu, magazinele on-line pun la
dispoziia utilizatorilor o funcie de cutare. Atunci cnd se dore te afi area
caracteristicilor unui produs, utilizatorul va introduce cuvntul cheie aferent. n urma
cutrii se va genera dinamic pagina web corespunztoare produsului respectiv.
Principalul dezavantaj al acestei scheme de navigare este faptul ca realizarea i
ntreinerea unui astfel de site sunt costisitoare. n plus, este dificil promovarea cu
ajutorul motoarelor de cutare deoarece acestea nu pot urmri legturile generate
dinamic.
Harta site-ului (site MAP) - trebuie sa fie clar i logic i s afi eze corect
structura site-ului. Poate fi realizat sub form de tabel sau arbore de legturi.
Harta este util i atunci cnd se dore te cutarea rapid a unei informa ii sau a unui
subiect, fr a fi nevoie s se navigheze prin tot site-ul. Este necesar furnizarea n
meniul principal a unei legturii directe ctre pagina web care con ine harta site-ului.
Tabelele sunt folosite pentru o machetare eficient i pentru a face mai atractive
diversele elemente componente ale unei pagini web. Tabelele permit mpr irea paginii
n seciuni i o poziionarea precis a textului sau imaginilor n interiorul paginii.
Se poate mpri pagina n doua coloane, cu meniul de navigare n stnga i con inutul
22
propriu-zis n dreapta, textul fiind aliniat la stnga. Se pot crea margini sau borduri de
diferite dimensiuni i culori. Se poate ncapsula con inutul n celulele tabelului pentru a
permite alinierea textului i limitarea lungimii liniilor.
Cadrele permit afi area a dou sau mai multe pagini web, n acela i timp, prin
mprirea ecranului n mai multe seciuni independente.
Avantajele folosirii cadrelor:
Cadrele se pot folosi atunci cnd coninutul site-ului se modific frecvent.

Un cadru va fi folosit pentru meniul de navigare iar n cellalt cadru va apare
coninutul propriu-zis. La modificarea sau actualizarea con inutului, este suficient
s se modifice numai un fi ier.
Nu este necesar schimbarea fiecrei pagini a site-ului pentru a actualiza
legturile. Folosirea cadrelor permite utilizatorilor sa aleag ce vor sa vad.
Dezavantajele folosirii cadrelor

flexibilitate limitat i posibila confuzie a cititorilor
apariia bordurilor care reduc spa iul afi at pe ecran
browserele mai vechi nu recunosc siturile care con in cadre
timpul de ncrcare al paginilor este mai mare
Exist multe programe ce pot fi folosite la crearea paginilor web. Editoarele de text sunt
cele mai simple editoare care permit crearea i salvarea fiierelor fr coduri de
formatare ascunse, care pot afecta modul de afiare a unei pagini web n browsere.
Editoarele specializate HTML le permit utilizatorilor s creeze documente web ntr-un
mod rapid i uor. Aceste programe genereaz ele nsele acest cod n locul
programatorului, reprezint unelte excelente pentru dezvoltatorii web cu experien.
Pentru editarea paginilor Web i dezvoltarea site-urilor Web exist o mare varietate de
limbaje, dar la baza oricrei pagini Web este limbajul HTML.
23
Fia de documentare 1.2 Marcarea elementelor

Orice document HTML ncepe cu notaia <html> i se termin cu notaia </html>.
Acestea se numesc n literatura de specialitate "TAG-uri". Prin convenie, toate
informaiile HTML ncep cu o "<" i se termin cu ">".
Tag-urile dintre aceste simboluri transmit comenzi ctre browser pentru a afia pagina
ntr-un anumit mod. Unele blocuri prezint delimitator de sfrit de bloc, n timp ce
pentru alte blocuri acest delimitator este opional sau chiar interzis.
Tag-urile sunt de forma pereche nceput-sfrit:

<tag> ..</tag>
Coninut
ntre marcajele <html> i </html> se introduc dou seciuni:
seciunea de antet <head>...</head>
corpul documentului <body>...</body>.
Blocul <body>...</body> cuprinde coninutul propriu-zis al paginii HTML, adic ceea ce

va fi afiat n fereastra browser-ului.
O etichet poate fi scris att cu litere mici, ct i cu litere mari, adic
<HTML> = <HtmL> = <html>.
Caracterele "spaiu" i "CR/LF" ce apar ntre etichete sunt ignorate de ctre browser.
Titlul unei pagini se obine insernd n seciunea <head>...</head> a urmtoarei linii:
<title> TITLU </title>
n seciunea <body>...</body> se pot scrie texte. Dac nu apare nici un marcaj < sau
>, atunci interpretorul HTML le va considera texte simple i le va afia pe ecran.
Coninutul blocului <title>...</title> va aprea n bara de titlu a ferestrei browser-ului.
Dac acest bloc lipsete ntr-o pagina HTML, atunci n bara de titlu a ferestrei browserului va aprea numele fiierului
Dac introducem mai multe linii ntr-o pagin, browser-ul va afia ntr-un singur rnd,
ntruct caracterele " CR/LF " sunt ignorate de browser. Trecerea pe o linie nou se
face la o comand explicit, care trebuie s apar n pagina html, marcajul <br> (" line
break " - ntrerupere de linie ).
Pentru ca browser-ul s interpreteze corect caracterele " spaiu ", " tab " i " CR/LF " ce
apar n cadrul unui text, acesta trebuie inclus ntr-un bloc <pre>...</pre>. Acesta
realizeaz formatarea existent n documentul surs.
24
Un font este caracterizat de urmtoarele atribute:
culoare (stabilit prin atributul color);
tipul sau stilul (stabilit prin atributul face);

mrimea (definit prin atributul size);
mrimea n puncte tipografice (stabilit prin atributul point-size);
grosime (definit prin atributul weight)
.
Culoarea se obine din amestecul a celor trei culori fundamentale: rou, verde i
albastru. Specificarea culorii se poate face:
Prin nume de culoare. Sunt disponibile cel puin 16 nume de culori: aqua, black,
fuchsia, gray, green lime, maroon, navy, olive, purple, red, silver, teal, white i
yellow.
Prin constructia " #rrggbb " unde r (red), g (green), sau b (blue) sunt cifre
hexazecimale i pot lua valorile: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, A, b, B, c, C, d, D, e,
E, f, F;
Culoarea se precizeaz prin intermediul unui atribut al etichetei <body>.

Culoarea fondului paginii Web se stabilete cu atributul bgcolor al etichetei <body>,
(<body bgcolor = culoare>). Culoarea textului se face prin intermediul atributului text al
etichetei <body> (<body text=culoare>).
O etichet poate avea mai multe atribute
<eticheta atribut1 = valoare1 atribut2 = valoare2 atribut3 = valoare3>.
Poziionarea coninutului paginii Web fa de marginile ferestrei browserului se poate
face cu ajutorul a dou atribute ale etichetei <body>:
leftmargin ( stabilete distana dintre marginea stnga a ferestrei browserului i

marginea stnga a coninutului paginii );
topmargin ( stabilete distana dintre marginea de sus a ferestrei browserului i

marginea de sus a coninutului paginii );
Stiluri pentru blocurile de text
Pentru ca un bloc de text s apar n pagin evideniat (cu caractere aldine),

trebuie inclus ntre delimitatorii <b>...</b>
Pentru ca un text s fie scris cu caractere mai mari cu o unitate dect cele
curente acesta trebuie inclus ntr-un bloc delimitat de etichetele <big>...</big>.
Pentru ca un text s fie scris cu caractere mai mici cu o unitate dect cele
curente acesta trebuie inclus ntr-un bloc delimitat de etichetele
<small>...</small>.
25
Pentru ca un text s fie scris cu caractere cursive acesta trebuie inclus ntr-un
bloc delimitat de etichetele <i>...</i>
Pentru a insera secvene de text aliniate ca indice (sub-script) sau ca exponent

(super-script), aceste fragmente trebuie delimitate de etichetele <sub>...</sub>,
respectiv <sup>...</sup>.
Pentru a insera un bloc de caractere subliniate se utilizeaz etichetele <u>...</u>
Pentru a insera un bloc de caractere secionate se utilizeaz etichetele

<strike>...</strike> sau <s>...</s>.
Titlurile (headers) de capitole sau paragrafe pot avea diferite dimensiuni. Ele pot
fi introduce cu tag-ul <hx> text </hx> unde x poate lua valori din mul imea {1,2,3,4,5,6}
(<h3>(bloc de text) </h3>).Se accept atributul align de ctre aceste etichete
pentru alinierea titlului blocului de text la stnga (modul prestabilit), n centru i la
dreapta.
Tag-ul <h1> scrie titlul cu caracterele cele mai mari i cele mai ngroate, iar tag-ul
<h6> folosete caracterele cele mai mici.
Liniile orizontale pot fi inserate ntr-o pagin Web, utiliznd eticheta <hr>, cu
atributele:
align permite alinierea liniei orizontala. Valorile posibile sunt " left " ," center " i "
right";
width permite alegerea lungimii liniei;
size permite alegerea grosimii liniei;
noshade cnd este prezent definete o linie fr umbr;
color permite definirea culorii liniei.
O list neordonat este un bloc de text delimitat de etichetele corespondente

<ul>...</ul> (list neordonat). Fiecare element al listei este iniiat de eticheta <li> (list
item). Lista va fi indentat fa de restul paginii Web i fiecare element al listei ncepe
pe un rnd nou.
Tag-urile <ul> i <li> pot avea un atribut type care stabilete caracterul afiat n faa
fiecrui element al listei. Valorile pe care le poate lua acest atribut sunt:
o "circle" (cerc)
"disc" (disc plin) (valoarea prestabilita);
"square" (patrat)
26
O list ordonat de elemente este un bloc de text delimitat de etichetele

corespondente <ol>...</ol> (list ordonat). Fiecare element al listei este iniiat de
eticheta <li> (list item). Lista va fi indentat fa de restul paginii Web i fiecare element
al listei ncepe pe un rnd nou.
Tag-ul <ol> poate avea atributul type care stabilete tipul de caractere utilizat pentru
ordonarea listei. Valorile posibile sunt:
,,A pentru ordonare de tipul A, B, C, D etc. (litere mari)
,,a pentru ordonare de tipul a, b, c, d etc. (litere mici)
,,I pentru ordonare de tipul I, II, III, IV etc. (cifre romane mari)
,,1 pentru ordonare de tipul 1, 2, 3, 4 etc. (cifre arabe-opiune prestabilit)
Tag-ul <ol> poate avea atributul start care stabilete valoarea de plecare a secvenei
de ordonare
Pentru a insera un tabel se utilizeaz eticheta tabel este <table> .... < / table>.
Un tabel este format din rnduri. Pentru a ncepe un rnd ntr-un tabel se folosesc
etichetele <tr> < / tr > (table row). Rndul este format din mai multe celule ce conin
date. O celul de date se introduce cu eticheta <td> (table data).
n mod prestabilit un tabel nu are chenar. Pentru a aduga un chenar unui tabel, se
utilizeaz un atribut al etichetei <table> numit border. Acesta poate s nu fie urmat de
nici o valoare, caz n care n care tabelul va avea un chenar de grosime prestabilit
egal cu 1 pixel, valoare egal cu 0 a grosimii semnific absena chenarului. Folosirea
etichetei de sfrit < / tr> este opional. Limea i nlimea pot fi stabilite prin
intermediul a doua atribute, width i height ale etichetei <table>.
Valorile acestor atribute pot fi:
numere ntregi pozitive reprezentnd limea respectiv nlimea n pixeli a

tabelului;
numere ntregi ntre 1 i 100, urmate de semnul %, reprezentnd fraciunea din

limea i nlimea totala a paginii.
Zona din jurul unui tabel poate fi stabilit prin valoarea atributului hspace a etichetei
<table> ce reprezint distana pe orizontal dintre imagine i text respectiv valoarea
atributului vspace a etichetei <table> ce reprezint distana pe vertical dintre imagine
i text
Titlul unui tabel poate fi definit cu ajutorul etichetei <caption> , eticheta <caption>
trebuie plasat n interiorul etichetelor <table>< / table>, dar nu n interiorul etichetelor
<tr> sau <td> .
Titlul unui tabel poate fi aliniat cu ajutorul atributului align al etichetei <caption> astfel:
27
bottom (sub tabel)
top (deasupra tabelului)
left (la stnga tabelului)
right (la dreapta tabelului)
Un tabel poate avea i celule cu semnificaia cap de tabel. Aceste celule sunt introduse
n eticheta <th>. Toate atributele care pot fi ataate etichetei <td> pot fi, de asemenea,
ataate etichetei<th>.Coninutul celulelor definite cu <th> este scris cu caractere aldine
i centrat.
Pentru a insera o imagine ntr-o pagin, se utilizeaz eticheta <img> (de la

"image"=imagine).
Pentru a putea fi identific imaginea care va fi inserat, se utilizeaz un atribut al
etichetei <img> i anume src (source). Valoarea acestui atribut este adresa URL a
imaginii. Dac imaginea se afl n acelai director cu fiierul HTML care face referire la
imagine, atunci adresa URL a imaginii este format numai din numele imaginii, inclusiv
extensia.
Alinierea unei imagini n pagina Web se face prin intermediul atributului align al
etichetei <img>, care ia valorile:
left aliniere la stnga
right aliniere la dreapta
top aliniere deasupra .Partea de sus a imaginii se aliniaz cu partea de sus a
textului ce precede imaginea.
middle aliniere la mijloc
bottom sau baseline aliniere la baz
Alinierea textului n jurul unei imagini
Se face cu atributele hspace i vspace ale etichetei <img> care precizeaz distana
n pixeli pe orizontal i pe vertical, dintre imagine i elementele din pagin.
Imaginea pentru fondul unei pagini Web
Se poate folosi imaginea pentru a stabili fondul unei pagini Web cu ajutorul atributului
background al etichetei <body> care ia ca valoare adresa URL a imaginii.
Legturile n pagina html se insereaz cu ajutorul etichetei speciale <a> i a

atributului href care ia ca valoare adresa URL a resursei solicitate.
28
Cnd mouse-ul este deasupra unei zone active, el ia forma unei mini. Calculatorul
client expediaz cererea , primete resursa pe care a solicitat-o pe care o va ncrca n
browser. n acelai browser, pagina nou va fi nlocuit de cea veche.
Pentru a scoate n eviden site-urile care au fost vizitate se utilizeaz culori pentru
legturi astfel :
o culoare pentru legturile nevizitate
o culoare pentru legturile vizitate
o culoare pentru legturile active
Acestea se stabilesc cu atributele:
link pentru legturile nevizitate
vlink pentru legturile vizitate
alink pentru legturile active
Formularele HTML sunt cele mai frecvent utilizate pentru a colecta informaii de la
persoane care viziteaz site-ul. Un formular este un ansamblu de zone active alctuite
din butoane de apsat, casete de selecie, cmpuri de editare i altele.
O sesiune de lucru cu o pagin Web ce con ine un formular cuprinde urmtoarele
etape:
1.
Se completeaz formularul care se transmite unui server;
2.
O aplicaie dedicata de pe server analizeaz formularul completat i eventual se

stocheaz datele intr-o baza de date.
3.
Eventual serverul expediaz un rspuns utilizatorului.
Un formular este delimitat de tag-ul <form>....descriere formular...</form>.

ntre tag-ul de intrare i cel de ieire sunt inserate, n principal controalele formularului.
Form-ul are 2 atribute importante: action i method.
<form action = valoare_a method = valoare_m> </form>
unde:
- valoare_a poate lua ca i valoare:
adresa URL a unui adresa URL a unui script aflat pe server, care prime te
datele formularului , se face o prelucrare a datelor i expediaz un rspuns
utilizatorului dac e cazul
adresa de mail , caz n care datele formularului sunt transmise prin po ta

electronic
29
- valoare_m poate lua 2 valori:
get este valoare implicita(datele din formular se adug la adresa URL

specificat n action);
post (datele sunt expediate separat; se folose te cnd sunt transmise cantit i
mari de date ).
Pentru a crea diferite butoane sau casete se folose te tag-ul <input>

<input type =
name =
value =
>
unde
type
poate lua valorile urmtoare
text
radio ( atributul checked selecteaz la prima activare a paginii butonul);
checkbox;
submit trimite
reset terge (reseteaz);
password parola (cnd scriem se vd asterix-uri, dar la server(destinatar)se vede
totui parola decodificata).
name - este numele ata at casetei sau butonului . Nu reprezint con inutul butonului
sau casetei
value - apare scris pe buton sau coninutul castei sau n cazul butoanelor radio
numele butoanelor care fac parte din aceia i familie.(con inutul);
Alte atribute ale tag-ului input: -size - specific l imea cmpului de editare;
-maxlenght - specific maximul de caractere.
Daca lipse te atributul type, rezult implicit type = text.
Limbajul JavaScript va recunoa te butoanele dup name.
Liste de selecie <select>
<option >.
</select>
O lista de selecie permite alegerea unuia sau mai multor elemente dintr-o list finit.
Are 2 atribute importante : name i size.
Elementele dintr-o list se introduc cu tag-ul <option>.
<select name = nume size = numr>
<option value = valoare_1 selected> Element_1
30
<option value = valoare_2 > Element_2.

<option value = valoare_3> Element_3
</select>.
unde:
name - numele listei de selecie
size - este un numr ntreg pozitiv, precizeaz cate elemente din lista sunt
vizibile la un moment dat
<option >
perechea
este tag-ul care include elementele listei. Server-ul prime te
selected - permite selectarea prestabilita a unui element al listei

Lista de selecie cu selecii multiple - are aceia i sintaxa cu lista de selec ie descris
mai sus, dar n plus are atributul multiple n tag-ul select.
Cmpuri de editare multiple - Se fac cu tag-ul <textarea >
<textarea liste de atribute> text </textarea>
Din lista de atribute enumerm:
cols (nr de caractere afiate ntr-o linie),
rows (nr de linii afi ate simultan),
name (permite ata area unui nume),
wrap care determina comportamentul cmpului de editare fata de sfr itul de linie.
Atributul poate lua valorile: off, hard, soft..
Cadrele ne permit s definim n fereastra browserului subferstre n care s fie

ncrcate documente HTML diferite. Ferestrele sunt definite ntr-un fiier HTML special ,
n care blocul <body>...</body> este nlocuit de blocul <frameset>...</frameset>. n
interiorul acestui bloc, fiecare cadru este introdus prin eticheta <frame>.
Un atribut obligatoriu al etichetei <frame> este src, care primete ca valoare adresa
URL a documentului HTML care va fi ncrcat n acel frame. Definirea cadrelor se face
prin mprirea ferestrelor (i a subferestrelor) n linii i coloane:
31
Activitatea de nvare 1.2.1. Tag-uri html

specific
-
identifici tag-urile de baz ale unui document html
s utilizezi corespunztor aceste tag-uri
Durata:10 minute
Tipul activitii: Potrivire

Sugestii :
-
Activitatea se poate face individual, un elev la cate un calculator, folosind fi a de

lucru.
Activitatea se poate face i pe grupe sau n perechi
Sarcina de lucru :
1. Completai tabelul de mai jos cu elementele corespunztoare din prima linie a
tabelului
<br>, <title> </title>, <body>...</body>, <pre>...</pre>, <head>...</head>
Pentru ca browser-ul s interpreteze
corect caracterele " spaiu ", " tab " i "
CR/LF " ce apar n cadrul unui text,
acesta trebuie inclus ntr-un bloc
" line break " - ntrerupere de linie,
trecerea pe o linie nou
Inserarea unui titlu
Inserarea antetului documentului
Cuprinde coninutul
paginii HTML
propriu-zis
al
32
Activitatea de nvare 1.2.2 Elemente de coninut ale unui document HTML

specific
-
Identifici tipurile de marcaje folosite ntr-un document XML
Descrii fiecare element n parte
Utilizezi corect aceste elemente
Durata: 45 minute
Tipul activitii: Peer learning metoda grupurilor de experi

Sugestii:
-
elevii se vor mpri n 5 grupe
Sarcina de lucru:
Fiecare grup trebuie s obin informaii formatarea diferitelor elemente componente
ale unui document html:
1. Font: culoare, tipul sau stilul, mrimea, grosime. Titluri.

2. Liste neordonate i liste ordonate, tabele
3. Imagini, legturi
4. Formulare i cadre
5. Butoane
Fiecare grup va urmri:
-
Eticheta cu ajutorul creia se insereaz elementul respectiv
Atributele ce pot fi formatate la elementul respectiv
Modul de formatare
33
Pentru acest lucru elevii au la dispoziie 15 minute. Dup ce au devenit experi n

subtema studiat, se reorganizeaz grupele astfel nct n grupele nou formate s
existe cel puin o persoan din fiecare grup iniial.
Timp de 30 minute elevii vor mpri cu ceilali colegi din grupa nou format cunotinele
acumulate la pasul anterior.
La final fiecare elev va prezenta cunotinele acumulate dup parcurgerea celor dou
faze respectnd cerinele.
34
Tema 2. Limbaje de scriptare pentru Web

Fia de documentare 2.1 - Limbajul JavaScript
Limbajul JavaScript a fost realizat de firmele Netscape i Sun i a fost conceput ca un
limbaj care extinde posibilitile de lucru ale HTM-ului. Limbajul conlucreaz cu HTML-ul
Caracteristici ale limbajului JavaScript:
In JavaScript se scriu secvene de program numite scripturi. Majoritatea

acestor secvene sunt alctuite din funcii, care rspund anumitor
evenimente.
In JavaScript NU se citesc i NU se scriu fi iere;
JavaScript este un limbaj interpretat, adic browserul preia o instruc iune , o

executa , apoi preia o alta instruciune o executa, s.a.m.d.
JavaScript este un limbaj care utilizeaz obiecte;
In JavaScript se face distincie ntre literele mari i literele mici, adic este
case sensitive.
Folose te din sintaxa lui C++ i a limbajului Java
JavaScript lucreaz cu funcii definite de programatori sau cu/i func ii

predefinite
Procesul de programare n JavaScript poate fi reprezentat grafic astfel:
35
Exista trei modaliti de a introduce ntr-un document HTML , i anume:
Scriptul se scrie n head; .<script language=JavaScript > i</script>;
Scriptul se scrie n body; .<script language=JavaScript > i</script>;
Scriptul apare ca i fi ier extern cu extensia js, deci nume.js;

<script src = nume.js > i</script>
JavaScript lucreaz cu constante, date , variabile, operatori, instruc iuni, func ii, obiecte.
O constant este o variabil care pstreaz aceeai valoare pe toat durata

executrii unui program. JavaScript folosete constante ncorporate pentru a reprezenta
valori folosite de operaiile matematice uzuale. Ele pot fi accesate prin intermediul
obiectului math.
Constantele definite de utilizator sunt variabile pe care le definete programatorul i ale
cror valori nu se pot modifica. De obicei, constantele sunt reprezentate prin cuvinte
care ncep cu liter mare i sunt definite la nceputul programului.
O variabil este numele atribuit unei locaii din memoria calculatorului unde sunt
stocate datele. Numele unei variabile JavaScript este alctuit din una sau mai multe
litere, cifre sau liniue de subliniere, ncepnd cu liter JavaScript difereniaz
majusculele de minuscule.
In JavaScript exist urmtoarele tipuri de date : tip sir; tip numr ntreg; numr ntreg n
baza 10, 8 sau 16. O variabil se poate declara cu particular var, poate primi orice
valoare, nu se declara tipul ei.
Operatorii sunt simboluri sau identificatori care reprezint o modalitate n care

poate fi evaluat sau manipulat o combinaie de expresii.
Operatori aritmetici sunt: semnul plus (+) care adun dou valori, semnul () care scade
o valoare din alt valoare, asteriscul (*) care nmulete dou valori i semnul slah (/)
care mparte o valoare la alt valoare, ++ pentru incrementarea i pentru
decrementarea unei valori cu 1. Operatorul modulo este simbolizat prin semnul procent
(%) i este restul rmas dup mprirea primului operand la al doilea.+, -, * /, %
Operatori relaionali : <, <=, >, >=
Operatori de egalitate = = pentru test egalitate
!=
Operatori logici
pentru test inegalitate
! (negarea logica)
36
|| operatorul logic sau (este operator binar): daca cel pu in

unul din operanzi este true, rezulta true, altfel rezultatul este false
&& operatorul logic i
Operatorul , (virgule)
Operatorul condiional : exp1 ? exp2:exp3;
JavaScript folosete doi operatori, ? i :, pentru a forma expresii condiionale.
Operatorii condiionali JavaScript execut aceea i operaie ca i o instruciune IF
imediat.
Operatorul de concatenare pentru iruri este +
Instruciunile folosite n JavaScript sunt grupate n 3 categorii: instruciuni condiionale,
instruciuni pentru cicluri, instruciuni label, instruc iuni with, instruc iuni switch
Instruciunea IF se folosete astfel:

IF (condiie) {
[instruciuni]
}
condiie poate fi orice expresie logic. Dac rezultatul lui condiie este true, sunt
executate instruciuni i executarea programului continu. Dac ns condiie ntoarce
false, JavaScript ignor instruciuni i continu.
Identarea instruciunilor cuprinse ntre acolade este o practic frecvent. Aceasta
confer scripturilor un aspect logic i se dovedete util mai ales cnd imbricai
instruciuni IF (atunci cnd se folosete o instruciune IF n interiorul altei instruciuni IF).
Uneori, simpla folosire a instruciunii IF nu este suficient i putei rezerva un set de
instruciuni care s fie executate dac expresia condiional ntoarce false. Acest lucru
se realizeaz prin adugarea unui bloc de instruciuni else imediat dup blocul IF:
IF (condiie) {
instruciuni
} else {
instruciuni
}
Instruciunea try..catch este folosit pentru a ignora tratarea prestabilit a erorilor.

Instruciuni pentru cicluri for:
37
Sintaxa instruciunii for este urmtoarea:

for([expr_iniializare ]; [expr_condiie]; [expr_ciclu]) {
instruciuni
}
Cele trei expresii ncadrate de paranteze sunt opionale, dar dac este omis una dintre
ele, semnul punct i virgul (;) tot este necesar.
n mod obi nuit, expresia de iniializare este folosit pentru a iniializa i chiar pentru a
declara o variabil care va fi folosit drept contor pentru ciclu. Dup aceea, expresia
condiie trebuie evaluat la true nainte de fiecare execuie a instruciunilor ncadrate de
acolade. Expresia ciclu incrementeaz sau decrementeaz variabila folosit drept
contor pentru ciclu. Ca i n cazul instruciunilor IF, ciclurile for pot fi imbricate. Numrul
imbricrilor nu este limitat.
Cu instruciunea for..in se poate executa cte un set de instruciuni pentru fiecare
proprietate dntr-un obiect. Se poate folosi ciclul for..in cu orice obiect JavaScript,
indiferent dac are sau nu proprieti. Sintaxa este:
for (proprietate n obiect) {
instruciuni
}
proprietate este un element literal de tip ir generat de JavaScript. Pentru fiecare ciclu,
lui proprietate i se atribuie urmtorul nume de proprietate coninut n obiect, pn ce
sunt folosite toate.
Instruciunea while acioneaz ca un ciclu for, dar nu include n declaraia ei

expresia de iniializare sau de incrementare a variabilelor. Variabilele trebuie declarate
nainte de a le incrementa sau a le decrementa n blocul instruciuni. Sintaxa este
urmtoarea:
while (expr_condiie) {
instruciuni
}
ncepnd cu JavaScript 1.2, limbajul ofer o instruciune do..while, care

funcioneaz exact ca o instruciune while, dar nu verific expresia condiional dect
dup prima iteraie. n felul acesta se garanteaz c scriptul dintre acolade va fi
executat cel puin o dat. Sintaxa este urmtoarea:
do {
instruciuni
38
} while (expr_condiie);
Pentru ie irea din ieirea din ciclu nainte de a fi ajuns la acolada final adug fie
break, fie continue n blocul instruciuni al ciclului. Instruciunea break ntrerupe definitiv
ciclul, n vremea ce instruciunea continue sare peste instruciunile rmase din ciclul
curent, evalueaz expresia ciclului i ncepe urmtorul ciclu.
Instruciunea label poate fi plasat naintea oricrei structuri de control care poate
imbrica alte instruciuni, ceea ce permite ieirea dintr-o instruciune condiional sau
dntr-un ciclu la o locaie specific de program.
Instruciunea with este folosit pentru a evita s specificai n mod repetat

referirea la obiect, atunci cnd i accesai proprietile sau metodele. Orice proprietate
sau metod dntr-un bloc with pe care JavaScript nu o recunoate este asociat cu
obiectul specificat pentru acel bloc. Sintaxa este urmtoarea:
with (obiect) {
instruciuni
}
obiect specific referirea la obiect care trebuie folosit, dac aceasta nu exist n blocul
instruciuni. Este foarte util atunci cnd folosii funcii matematice avansate, disponibile
doar prin intermediul obiectului Math.
Instruciunea switch este folosit pentru a compara o valoare cu multe altele.

Permite specificarea unui set prestabilit de instruciuni care s fie executate n cazul n
care nu este gsit o potrivire. Instruciunea switch a fost introdus n JavaScript 1.2.
Instruciunea break este folosit pentru a stopa orice executare ulterioar a

codului care a mai rmas n instruciunea switch. Dac n-a fost folosit nici o
instruciune break, codul rmas pentru fiecare caz va fi executat.
FUNCII - O funcie JavaScript este un script care este desprins ca o seciune

separat de cod i creia i se atribuie un nume. Folosind numele respectiv, un alt script
poate s apeleze dup aceea executarea acelei seciuni oricnd i de oricte ori are
nevoie.
Crearea funciilor
Sintaxa pentru declararea unei funcii n JavaScript:
function nume_funcie ([argument1][...,argumentN]) {
[instruciuni]
39
}
Cuvntul cheie function este folosit pentru a specifica un nume, nume_funcie, care
servete ca identificator pentru setul de instruciuni cuprins ntre acolade. ncadrate
ntre paranteze drepte i separate prin virgule se afl numele argumentelor, care conin
toate valorile pe care le primete o funcie.
Declararea funciilor - O funcie se poate declara oriunde n interiorul unui bloc <script>.
Singura restricie este c nu se poate declara o funcie n interiorul unei alte funcii sau
n interiorul unei structuri de control. Se recomand ca funciile s fie declarate n blocul
<head> al documentului HTML
Cnd documentul HTML este ncrcat, funcia este ncrcat n memorie i "inut n
ateptare". Ea nu este executat pn cnd nu este apelat cu sintaxa:
nume_funcie ([argument1][...,argumentN])
n acel moment, execuia programului sare direct la prima linie a funciei. Dup ce se
execut liniile funciei, programul revine la locul din care placase i i urmeaz cursul.
n limbajul JavaScript sunt multe obiecte predefinite ce dispun de proprieti i

metode specifice.
Pentru a putea folosi un obiect, trebuie ca acesta s fie mai nti creat cu ajutorul
cuvntului cheie new. Astfel pot fi apelate ulterior diferite proprieti i metode.
Modelul de obiecte JavaScript este o ierarhie de coninere, un obiect conine un alt
obiect. ntre obiecte nu exist o legtur genealogic, deci, un obiect nu poate moteni
proprietile i metodele altui obiect, i nici nu se poate subclasifica un obiect n
ierarhie:
Cele mai multe obiecte sunt fie partea de client, fie pe partea de server, fie eseniale.
Funcionalitate pe partea de client ncorporat n JavaScript se focalizeaz asupra a
ceea ce se poate face cu paginile HTML.
Obiectul Navigator reprezint software-ul browser care este utilizat. Folosind

acest obiect se pot regsi informaii despre denumirea i versiunea browserului, dar i
alte informaii, fiind recunoscut de Netscpae Navigator i Microsoft Internet Explorer.
Obiectul n sine are dou obiecte copil: Plugin i Mimetype.
Obiectul Window este considerat obiectul de nivelul cel mai nalt n ierarhia
obiectelor JavaScript pe partea de client (cu excepia obiectului navigator n sine).
Obiectul Window nu are o etichet HTML corespondent, dar este creat atunci cnd se
deschide o nou fereastr de browser.
Obiectul Window conine patru obiecte copil, care formeaz baza pentru toate celelalte
obiecte. Ele sunt:
Document
40
Frame
History
Location
Obiectul Document este responsabil pentru coninutul efectiv afiat pe o pagin i se

poate lucra cu el pentru a construi pagini HTML dinamice. n document sunt coninute
toate elementele obinuite ale interfeei cu utilizatorul (UI) ale unei aplicaii Web.
Obiectul Frame - Cadrele sunt obiecte foarte importante, folosite pentru mbuntirea
prezentrii aplicaiilor Web. Obiectul Frame reprezint un cadru dintr-o structur de
cadre. ntr-o prezentare de cadre multiple, obiectul Window este pagina care conine
definirea <frameset>, n timp ce celelalte pagini sunt considerate cadre n acest context.
Obiectul History este echivalentul listei istoric, n JavaScript.
Obiectul Location conine originea paginii de unde provine con inutul unei pagini.
41
Activitatea de nvare 2.1.1 Noiuni de baz ale limbajului JavaScript: constante,

variabile, tipuri de date, operatori
specific
-
Cunoti caracteristicile limbajului n JavaScript
Define ti corect constante, variabile, tipuri de date, operatori n JavaScript
Recuno ti constante, variabile, tipuri de date, operatori n JavaScript
Utilizezi corect constante, variabile, tipuri de date, operatori n JavaScript
Durata: 25 minute
Tipul activitii: Diagrama pianjen

Sugestii:
-
elevii se pot organiza n grupe mici (2 3 elevi) sau pot lucra individual
Sarcina de lucru: Folosind surse diferite (internet, manual, reviste de specialitate,

caietul de notie etc) obinei informaii despre JavaScript i organiza i-le dup modelul
urmtor.
Caracteristici
Tipuri de
date
Modaliti de
introducere a unui
script ntr-un
document HTML
JavaScrip
Variabile
Operatori
42
43
Activitatea de nvare 2.1.2 Instruciuni JavaScript

specific
-
identifici diferite instruciuni JavaScript
utilizezi diferite instruciuni JavaScript
Durata: 50 minute
Tipul activitii: Compilarea

Sugestii:
-
Sarcina de lucru:
Folosind surse diferite (internet, reviste de specialitate, etc) obtineti informatii despre
instruciuni JavaScript, preciznd: denumirea instruc iunii, sintaxa i descrierea.
Prezentai rezultatul sub forma de tabel, dup modelul urmtor:
Nume
instruciune
Sintaxa
Descriere
IF
TRY..CATCH
FOR
WHILE
DO..WHILE
BREAK
CONTINUE
LABEL
WITH
44
SWITCH
Activitatea de nvare 2.1.3 Funcii JavaScript
specific
-
Cunoti caracteristicile limbajului n JavaScript
Recuno ti o funcie JavaScript
Utilizezi corect funcii JavaScript
Durata: 25 minute

Sugestii:
-

caietul de notie etc) obinei informaii despre func ii JavaScript i organiza i-le dup
modelul urmtor.
Definiie
Declararea
funciilor
Funcii JavaScrip
Exemple de
funcii
JavaScript
Activarea unei
funcii
45
Sintax
Activitatea de nvare 2.1.4 Obiecte JavaScript

specific
-
define ti noiunea de obiect Javascript
cuno ti tipuri de obiecte JavaScript
Durata: 15 minute
Tipul activitii: Expansiunea

Sugestii:
-
Sarcina de lucru:
Pornind de la urmtoarea afirmaie - modelul de obiecte JavaScript este o ierarhie de
coninere, un obiect conine un alt obiect. ntre obiecte nu exist o legtur genealogic,
deci, un obiect nu poate moteni proprietile i metodele altui obiect, i nici nu se poate
subclasifica un obiect n ierarhie - , realizai un eseu de aproximativ 15 rnduri n care
s dezvoltai noiunea de obiecte JavaScript i n care s folosi i cuvintele din lista de
mai jos.
List de cuvinte: obiect, Navigator ,window, Document, Frame, History, Location
Evaluare:
1p pentru fiecare cuvnt corect folosit
4p pentru coeren i corelare cu tema dat
46
Fia de documentare 2.2 Limbajul PHP

PHP(Hypertext Preprocessor), este un limbaj de scripting special realizat pentru a
dezvolta aplicaii web, prin integrarea codului PHP n documente HTML. Este destinat
scrierii rapide de pagini web dinamice.
PHP permite furnizarea unui coninut Web dinamic, cu un coninut Web care se
modific automat de la o zi la alta sau chiar de la un minut la altul. PHP ruleaz pe
serverul Web, nu n browserul Web, deci PHP poate obine accesul la fiiere, baze de
date i alte resurse inaccesibile programului JavaScript.
Codul PHP este delimitat de coduri de start i de sfrit ce permit intrarea i ieirea din
"modul PHP".
<html>
<head>
<title>Exemplu</title>
</head>
<body>
<?php
echo "acesta este un script PHP!";
?>
</body>
</html>
PHP este executat pe server pe cnd JavaScript este executat pe calculatorului
clientului (de browserul Web). Pentru un script de pe un server, clientul prime te doar
rezultatele scriptului ce este rulat, fr a vedea codul din spatele acestuia.
PHP este n principal axat pe partea de scripting ce ruleaz pe server, putnd realiza :
colectarea de date de la formulare, generarea de coninut dinamic sau trimitere i
primire de cookie-uri.
Exist trei domenii principale unde sunt folosite scripturile PHP.
Scripturi ce ruleaz pe server, fiind necesare : interpretorul PHP, un server

web i un browser web. E nevoie ca serverul de web s fie pornit, cu o
conexiune PHP instalat. Se poate accesa rezultatul programelor PHP cu un
browser prin intermediul serverului de web.
47
Scripting n linie de comand. Se poate face ca PHP s ruleze fr a fi nevoie

de server i de browser, ci doar de interpretorul PHP.
Scrierea de aplicaii ce ruleaz de partea clientului n mod grafic (GUI).
PHP-ul permite afiarea de imagine, fiiere PDF i chiar filmulee Flash toate generate
instant. Se poate de asemenea ca rezultatul s fie orice fiier text.
Una dintre cele mai puternice i importante faciliti n PHP este suportul su pentru o
gam larga de baze de date. Scrierea unei pagini de web ce interac ioneaz cu o baz
de date este simpl.
PHP are de asemenea suport pentru a conversa cu alte servicii folosind protocoale cum
ar fi LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (pe Windows). Se poate
interaciona ntre aproape toate limbajele de programare Web. PHP are suport pentru
instanierea obiectelor Java i utilizarea lor ntr-un mod transparent ca obiecte PHP.
PHP are capabiliti pentru procesarea textului, de la POSIX Extins sau expresii
regulare Perl, pn la parsarea documentelor XML. Pentru parsarea i accesarea
documentelor XML, suport standardele SAX i DOM.
Elemente de baz ale sintaxei PHP

Cnd PHP interpreteaz un fiier trece prin textul acestuia pn cnd ntlnete unul
din tag-urile speciale care i spun s porneasc interpretarea textului ca fiind cod PHP,
se execut tot codul ntlnit, pn la ntlnirea unui tag PHP de nchidere. Aceasta
permite nglobarea codului PHP n interiorul codului HTML: tot ceea ce este n afara
tag-urilor PHP este lsat nemodificat, n timp ce tot ceea ce este n interior este
interpretat ca fiind cod.
Exist patru categorii de tag-uri care pot fi folosite pentru a marca blocurile de cod
PHP.
1.
<?php echo("IF you want to serve XHTML or XML documents, do like this\n"); ?>
2.
<? echo ("this is the simplest, an SGML processing instruction\n"); ?>

<?= expression ?> This is a shortcut for "<? echo expression ?>"
3. <script language="php">
echo ("some editors (like FrontPage) don't
like processing instructions");
</script>
4. <% echo ("You may optionally use ASP-style tags"); %>
<%= $variable; # This is a shortcut for "<% echo . . ." %>
48
Prima variant, <?php. . .?>, este metoda preferat deoarece permite folosirea PHPului n cod corform standardului XML.
Cea de-a doua variant nu este ntotdeauna posibil. Tag-urile prescurtate pot fi folosite
doar dac au fost activate, prin intermediul funciei short_tags() (numai n PHP3), prin
activarea opiunii short_open_tag n fiierul de configurare, sau prin compilarea
scripturilor folosind opiunea enable-short-tags. Folosirea tag-urilor prescurtate nu este
recomandat. Cea de-a patra variant poate fi folosit numai dac tag-urile de tip ASP
au fost activate folosind setarea asp_tags din fiierul de configurare.
PHP permite folosirea unor structuri ca cea de mai jos:
<?php
IF ($expression) {
?>
<strong>This is true.</strong>
<?php
} else {
?>
<strong>This is false.</strong>
<?php
}
?>
Cnd PHP ntlnete tag-ul de nchidere ?> ncepe afiarea a ceea ce ntlnete pn
la apariia unui alt tag de start. n cazul blocurilor mari de text, ieirea din modul PHP
este n general mai eficient dect trimiterea textului folosind echo() sau print().
Fiecare instruciune este terminat cu un semn punct i virgul.
Comentariile - PHP suport comentarii de tip 'C', 'C++' i Unix shell. Exemplu:
<?php
echo "This is a test"; // This is a one-line c++ style comment
/* This is a multi line comment
yet another line of comment */
echo "This is yet another test";
echo "One Final Test"; # This is shell-style style comment
49
?>
Comentariul pe o sigur linie, de fapt realizeaz comentarea codului pn la sfritul
liniei curente sau pn la terminarea blocului curent PHP, oricare din aceste dou cazuri
apare primul.
PHP suport opt tipuri primitive de date.
Patru tipuri scalare: boolean, integer, float (numere n virgul mobil, sau
double), string
Dou tipuri compuse: array, obiect
Dou tipuri speciale: resource, NULL
Tipul unei variabile, de obicei nu este stabilit de programator, ci este decis la rulare de
PHP, n funcie de contextul n care acea variabil este folosit.
n PHP variabilele sunt reprezentate folosind un semn dolar urmat de numele variabilei.
Numele variabilelor sunt case-sensitive.
PHP furnizeaz un numr larg de variabile predefinite. Multe din aceste variabile, nu pot
fi documentate complet deoarece sunt dependente de serverul pe care ruleaz, de
versiunea i setarea acestuia precum i de ali factori.
50
Activitatea de nvare 2.2.1 Noiuni de baz ale limbajului PHP: constante, variabile,
tipuri de date, operatori
specific
-
Cunoti caracteristicile scripturilor PHP
Cunoti modul de utilizare a scripturilor PHP
Utilizezi scripturi PHP
Utilizezi corect constante, comentarii PHP
Durata: 25 minute

Sugestii:
-

caietul de notie etc) obinei informaii despre scripturi PHP i organiza i-le dup
modelul urmtor:
Caracteristici
Elemente de
sintax PHP
Domenii de
utilizare a
scipturilor PHP
PHP
Intrarea i ie irea
din codul PHP
Categorii de
tag-ri PHP
Comentarii
51
Tipuri de
date
Tema 3. Utilizarea scripturilor n cadrul site-urilor Web

Fia de documentare 3 - Utilizarea scripturilor n cadrul site-urilor Web
Pentru a putea insera i utiliza un script nu este absolut necesar cunoaterea
limbajului JavaScript . Exist un numr foarte mare de scripturi gata de utilizare, care
pot inserate cu uurin n codul surs al documentelor HTML.
Scripturile JavaScript pot fi incluse n pagina Web n dou moduri:

1. prin intermediul etichetei <SCRIPT> </SCRIPT>
2. prin intermediul unei proceduri eveniment
Urmtorul exemplu include n document un script care afieaz n pagin textul "Salut!"
prin intermediul etichetei <SCRIPT>.
<HTML>
<HEAD>
<TITLE>javascript1</TITLE>
</HEAD>
<BODY>
<H1> exemplu JavaScript</H1><HR>
<SCRIPT language="JavaScript">
document.write("Salut!")
</SCRIPT>
</BODY>
</HTML>
Atributul language al etichetei <SCRIPT> specific limbajul n care este scris scriptul,
n acest caz valoarea atributului fiind "JavaScript".
O alt modalitate de a include un script n pagin este salvarea acestuia ca un fiier
extern i apelarea sa prin intermediul atributului src al etichetei <SCRIPT>.
52
Pentru a putea folosi corect un script JavaScript trebuie n elese elementele esen iale
cu care lucreaz JavaScript, obiectele i evenimentele.
Un obiect este un tip de date, care reunete sub aceeai denumire att datele ct
i funciile care le prelucreaz. Datele se numesc proprietile obiectului iar funciile se
numesc metodele obiectului.
De exemplu un obiect care s reprezinte un ecuson va avea urmtoarele propriet i:
nume
prenume
funcie
Pentru a defini un obiect se folosete o funcie numit constructor, care pentru obiectul
ecuson va fi:
function ecuson(num, pre, fct)
{
this.nume=num;
this.adresa=pre;
this.telefon=fct;
}
Ecusoanele realizate cu acest obiect urmeaz s fie tiprite se creaz o funcie care va
tipri proprietile obiectului, numit PrintEc()
function PrintEc()
{
document.write("Numele: ", this.nume, "\n");
document.write("Prenumele: ", this.pre, "\n");
document.write("Funcie: ", this.fct, "\n");
}
Se scrie definiia complet a obiectului:
function Ecuson(num, pre, fct)
{
this.nume=num;
this.prenume=pre;
53
this.functie=fct;
this.PrintEc=PrintEc;
}
Pentru a crea un obiect concret, adic se folosete cuvntul cheie new. O instan a
obiectului Ecuson care se nume te ion este construit de urmtoarea instruc iune:
ion=new Ecuson ("Pop ", " Ion ", "Director")
Dup crearea instanei obiectului Ecuson, metoda PrintCard poate fi folosit astfel:
ion.PrintCard()
Dup crearea obiectului urmeaz folosirea lui n pagina Web.
<HTML>
<HEAD>
<TITLE>javascript2</TITLE>
function PrintEc()
{
document.write("<B>Numele:</B> ", this.nume, "<BR>");
document.write("<B>Prenumele:</B> ", this.prenume, "<BR>");
document.write("<B>Funcie:</B> ", this.functie, "<HR>");
}
function Ecuson(num,pre , fct)
{
this.nume=num;
this.prenume=adr;
this.functie=fct;
this.PrintEc=PrintEc;
}
</SCRIPT>
</HEAD>
54
<BODY>
<H1 align="center">Crearea obiectelor</H1>
nceputul scriptului<HR>
// Crearea a trei obiecte noi
ion=new Ecuson("Pop", "Ion", "Director")
mia=new Ecuson("Ilie", "Maria", "Economist");
doru=new Ecuson("Popescu", "Doru", "Economist");
// Afisarea lor
ion.PrintEc();
mia.PrintEc();
doru.PrintEc();
</SCRIPT>
Sfritul scriptului
</BODY>
</HTML>
Definiia scriptului este plasat n antetul documentului HTML, iar apelul scriptului
este fcut n corpul documentului. n cadrul scriptului apar dou linii precedate de irul
de caractere "//". Acesta este modul n care se introduc comentariile n cadrul
scripturilor JavaScript.
Evenimentele sunt un alt concept fundamental cu care lucreaz JavaScript. Un

eveniment este o aciune care survine la un moment dat i n urma creia este
declanat execuia unei anumite pri din program. De fiecare dat cnd vizitatorul
face click pe o legtur, cnd introduce un text sau chiar cnd trece cu mouse-ul
deasupra unei zone a paginii, poate s survin un eveniment la care scriptul
reacioneaz genernd un rspuns.
Tipuri de evenimente cu care lucreaz JavaScript:
Eveniment
Descriere
onAbort
Apare cnd utilizatorul renun la ncrcarea unei

imagini
55
onBlur
Apare cnd un obiect din pagin pierde focusul
onChange
Apare cnd un cmp de editare este modificat de

utilizator (cnd se introduce un text)
onClick
Apare cnd utilizatorul face click pe un element
onError
Apare cnd un document sau o imagine nu se ncarc

corect
onFocus
Apare cnd un element primete focusul
onLoad
Apare cnd o pagin sau o imagine i termin

ncrcarea
onMouseOver
Apare cnd cursorul mouse-ului se plimb deasupra

unui element
onMouseOut
Apare cnd cursorul mouse-ului prsete elementul
onSelect
Apare cnd utilizatorul selecteaz un text
onSubmit
Apare cnd este apsat un buton de tip Submit
onUnload
Apare cnd utilizatorul prsete documentul sau

sesiunea curent.
Prin intermediul JavaScript se poate rspunde unui mare numr de evenimente.

Acest lucru se realizeaz prin crearea unei proceduri eveniment.
Procedurile eveniment nu sunt definite cu ajutorul etichetei <SCRIPT> ,
atribute ale celorlalte etichete.
ele fiind
Dac procedura eveniment este mai extins, includerea ei n ntregime ntr-o eticheta
devine nepractic. n acest caz, este mai avantajos s construim o funcie care s
trateze evenimentul.
Funcia este definit n seciunea <HEAD> a documentului, i este apelat n corpul
documentului ca procedur eveniment. De exemplu, s presupunem c am construit o
funcie eveniment numit Exploreaza(). Aceasta poate fi apelat astfel:
<A href="#cuprins" onMouseOver="Citeste();">Consult cuprinsul</A>
n momentul cnd mouse-ul se afl deasupra legturii, funcia este lansat n execuie.
56
Modul de execuie al scriptului. Scripturile integrate n cadrul paginilor sunt

evaluate dup ce ncrcarea paginii s-a ncheiat dar naintea afirii acesteia. Scripturile
stocate ca fiiere separate sunt evaluate naintea tuturor scripturilor incluse n pagin.
Funciile definite n cadrul scripturilor nu sunt executate automat la ncrcarea paginilor
ci abia atunci cnd acestea sunt apelate, prin eticheta <SCRIPT> sau printr-o
procedur eveniment.
Un script JavaScript ntr-o pagin Web poate fi inclus ntre etichetele HTML de
comentariu:
<!- - comentariu - ->.
Deoarece exist browsere care nu recunosc i nu pot executa scripturile JavaScript, n
loc ca scriptul s fie executat , este afiat n pagin ntregul cod, lucru care nu este de
dorit. Comentariile sunt ignorate de browser, i deci includerea codului JavaScript ntre
etichetele de comentariu va duce la ignorarea acestei pri a documentului. Browserele
care recunosc JavaScript vor identifica prezena JavaScript vor executa scriptul.
Pentru a elimina acest neajuns pentru introducerea unui script ntr-o pagin este
recomandat urmtoarea modalitate:
<! - Cod JavaScript
// - ->
</SCRIPT>
Scripturile JavaScript se pot folosi pentru a face paginile mai atractive i a le

mbunti funcionalitatea. Cu ajutorul scripturilor Java se poate realiza:
afiarea datei curente n pagin

deschiderea unei ferestre pop-up(mesaje apar ntr-o mic fereastr care se
nchide atunci cnd executai o anumit aciune, de obicei click pe un buton, sau
pe un link),
afiarea unui mesaj n bara de status a ferestrei browserului,
afiarea aleatoare a unor mesaje n pagin( citate sau imagini care s se
schimbe de fiecare dat cnd este accesat pagina dnd paginii varietate, fie
n aspect, fie, mai ales, n coninut),
imagini care i schimb aspectul la trecerea mouse-ului
validarea formularelor.
Pentru a mbunti funcionalitatea unei pagini, aceasta trebuie s con in formulare i

s permit validarea datelor introduse de utilizator n formular.
Dup completarea formularului informaiile introduse vor fi supuse procesului de
validare realizat de un script JavaScript. Se verific dac toate cmpurile de editare au
57
fost completate. Dac se apas pe butonul Submit nainte de a completa toate

cmpurile obligatorii, este transmis un mesaj de eroare O alt verificare este dac
utilizatorul a introdus date valide n formular.
Una dintre regulile principale ale unei pagini Web bune este simplitatea, de aceea nu
este bine s folosim scripturi de care nu este nevoie, deoarece aplicaiile complexe i
de mari dimensiuni ncetinesc ncrcarea paginii unde sunt folosite
58
Activitatea de nvare 3.1.1 Scripturi JavaScript scripturi PHP

specific
-
Cunoti modul de includere n pagin a scripturilor JavaScript i PHP
Cunoti modul de execuie a scripturilor
Utilizezi diferite scripturi JavaScript i scripturi PHP
Durata: 35 minute
Tipul activitii: Asemnri i diferene
Sugestii:
-
elevii se pot organiza n grupe mici (2 3 elevi) sau pot lucra individual,
rezultatul fiind prezentat n faa clasei.

caietul de notie etc) adunai informaii despre scripturi JavaScript i scripturi PHP,
evideniind asemnrile i diferenele dintre ele.
59
Activitatea de nvare 3.1.1 Scripturi JavaScript scripturi PHP

specific
-
Cunoti modul de includere n pagin a scripturilor JavaScript i PHP
Cunoti modul de execuie a scripturilor
Utilizezi diferite scripturi JavaScript i scripturi PHP
Durata: 1 sptmn
Tipul activitii: Proiect

Sugestii:
Activitatea se va desf ura individual. Rezultatele se vor prezenta ntregii clase.
Sarcina de lucru: Citii cu atenie aciunile de mai jos ce pot fi realizate cu

ajutorul scripturilor. Folosind surse diferite (internet, manual, reviste de specialitate)
adunai informaii despre scripturi JavaScript i scripturi PHP ce pot realiza aceste
aciuni. Pentru prezentarea rezultatelor fiecare elev va realiza un portofoliu ce va
cuprinde cele 14 scripturi, iar prin tragere la sor i va realiza prezentare PowerPoint
pentru unul dintre scripturile realizate. Se va preciza i modul de introducere a scriptului
n pagin.
Lista de scripturi JavaScript i PHP:
1. Afiarea unui mesaj n bara de status
2. Afiarea datei curente n pagin
3. Afiarea aleatoare a unor mesaje n pagin
4. Deschiderea unei ferestre de tip pop-up la o ac iune
5. Autosubmit n .. secunde
6. Imagini care se schimb (rollover images)
7. Validarea datelor introduse de utilizator
60
8. Afiarea unui mesaj zilnic sau lunar pe site

9. Afiarea coninutului unei pagini n mai multe limbi
10. Formular de contact
11. Verificare cod numeric personal
12. Afiarea benerelor n funcie de prioritate
13. Verificare e-mail
14. Afiarea tipului de browser, sistemului de operare I a adresei IP a vizitatorului
61
Tema 4. Interfee
Fia de documentare 4. Interfee
Interfaa reprezint separaia ntre 2 medii sau sisteme cu limbaje diferite. Rolul
interfeei este de a traduce semnalele celor 2 sisteme pentru ca acestea s se
neleag, fcnd posibil interaciunea dintre ele.
Interfeele Web sunt interfee de interaciune cu utilizatorul ce sunt accesate prin

intermediul Web-ului. Interfeele web definesc o categorie de interfe e grafice prin care
un utilizator de Internet poate interaciona cu o pagin web.
Reguli ce se urmresc la realizarea unei interfe e
elementele importante ale interfeei trebuie fie ct mai vizibile
trebuie s existe consisten de la pagin la pagin pentru a reduce ncrcarea

memoriei i pentru a nu fora utilizatorul s se refamiliarizeze cu interfa a la
fiecare schimbare de pagina
trebuie s se ofere feedback pentru fiecare ac iune a utilizatorului pentru a-l
ntiina pe acesta ca sistemul a primit comanda
utilizatorul trebuie s poat gsi informa ia cutat repede i u or.
se recomand s existe indicii pentru a facilita naviga ia: link-uri bine descrise,
harta a site-ului, moduri evidente de a ie i din pagina, elemente care s arate
utilizatorului relaia paginii curente cu restul ierarhiei i acces u or la paginile
vecine .
Interfaa trebuie s fie ct mai plcut de vizualizat
textul trebuie s fie u or de citit.
se recomand utilizarea unui limbaj concis i simplu
O interfa de interaciune cu utilizatorul trebuie n primul rnd s fie construit n func ie

de utilizator, de ce a teapt s vad.
Un formular este un ansamblu de zone active alctuit din mai multe tipuri de
elemente: butoane, casete de selecie, cmpuri de editare, etc., ce permit utilizatorilor
s introduc efectiv informaii. Aceste informaii sunt ulterior transmise serverului pe
care este gzduit pagina dumneavoastr, unde vor putea fi prelucrate.
O sesiune cu o pagin Web ce conine un formular cuprinde dou etape:
Utilizatorul completeaz formularul i, prin apsarea butonului de expediere, trimite
serverului datele nscrise n formular.
O aplicaie dedicat de pe server (un script) analizeaz informaiile transmise i, n
funcie de configuraia scriptului, fie stocheaz datele ntr-o baz de date, fie le
transmite la o adres de mail indicat. Dac este necesar, serverul poate
expedia i un mesaj de rspuns utilizatorului.
62
Se acord importan deosebit la plasarea formularului n pagin i la asigurarea

bunei lui funcionri precum i la gestionarea i prelucrarea informaiilor pe care
vizitatorul le introduce prin intermediul formularului.
Structura formularelor poate varia, de la o simpl caset de text pentru introducerea
unui ir de caractere, pn la un ansamblu complex, cu multiple seciuni i care ofer
faciliti puternice de transmitere/prelucrare a datelor.
n interiorul formularului sunt incluse:
elementele de completat, n care vizitatorul urmeaz s introduc informaii
un buton de expediere (submit), la apsarea cruia, datele sunt transmise ctre
server
opional, un buton de anulare (reset, cancel), prin care utilizatorul poate anula datele
nscrise n formular
Un formular poate conine mai multe casete de text (cmpuri de editare) n care
utilizatorul este rugat s introduc diferite informa ii.
Un formular poate conine un ir de butoane radio, prin care se cere prerea
vizitatorului despre o pagin Web.
Casetele de validare, se deosebesc de butoanele radio prin faptul c se pot selecta
mai multe opiuni dintre cele prezentate.
n cadrul unui formular se pot introduce i butoane pentru a iniia anumite aciuni n
momentul cnd utilizatorul face click cu mouse-ul pe ele, lucru realizat cu scripturi
JavaScript care s trateze aceste evenimente.
Butoanele pot fi folosite pentru a valida informaiile introduse n formular, pentru a
deschide documente i a iniia diverse alte aciuni din partea browserului.
Meniurile permit definirea unui set extins de ac iuni i selectarea uneia dintre ele.
Pentru a defini meniul unei aplicaii trebuie creat o bar de meniuri, un ansamblu de
meniuri derulante i pentru fiecare meniu derulant, un ansamblu de op iuni.
Meniul este o reprezentare grafica sau de tip text a con inutului i este adesea
incorporat n tema generala a sitului . Meniul principal trebuie s furnizeze trimiteri
rapide i directe la seciunile i informaiile disponibile dntr-un site web . El va fi realizat
ntr-o form practic i atractiv.
Locul obi nuit pentru plasarea meniului principal este n partea stng a ecranului dar
el mai poate fi plasat i n partea dreapt sau n partea superioar a paginii web.
Seciunile meniului vor fi denumite astfel nct s ofere o descriere concis i sugestiv
a paginilor web care vor fi accesate. Se recomand folosirea de denumiri sugestive.
Bara de instrumente conine o serie de butoane i meniuri derulante care permit

executarea unor operaii specifice.
63
Listele reprezint unele dintre cele mai obinuite elemente dintr-o pagin Web.
Acestea sunt deseori folosite pentru a prezenta informaiile n mod organizat, ntr-o
manier accesibil i uor de parcurs.
Ele pot fi de trei tipuri:
liste ordonate (marcate prin numere sau litere),
liste neordonate (marcate prin cratime, buline sau alte simboluri)
liste de definiii, afiate fr nici un fel de marcaj.
O list neordonat reprezint o colecie de elemente nrudite, dispuse ntr-o ordine
oarecare. Un exemplu tipic pentru o pagin Web este o list de link-uri spre alte
documente. Forme particulare de liste neordonate: lista de directoare, lista de meniuri
O list ordonat va fi indentat fa de restul paginii Web i fiecare element al listei va
ncepe pe o linie nou. Diferena fa de listele neordonate este aceea c n acest caz
marcarea elementelor se face prin cifre, nu prin simboluri.
Structura unui site web poate include:
Pagina de introducere
Paginile de produs (serviciu)
Formularul de comand
Chestionarul
Pagina de nouti
Newsletterul
Pagina FAQ
Un site Web poate avea i o pagin de intrare. Pagina de intrare n site (pagina splash)
are ca scop identificarea rapid a obiectului site-ului n timp ce se ncarc restul de
date. Aceasta trebuie s se ncarce rapid, s aib un impact vizual puternic i s
comunice esenialul despre subiectul site-ului sau compania creia i aparine site-ul.
Aceasta poate conine elemente multimedia, sunet, grafic, animaie complex. Pagina
splash poate mri timpul de ncrcare a site-ului, i de aceea, nu trebuie s abuzm de
utilizarea ei.
Pagina de start (Pagina Home) conine o serie de elemente cum ar fi:
Identificarea firmei sau companiei creia i aparine site-ul (dac este cazul)
Descrierea scopului site-ului
Descrierea structurii site-ului. Pagina Home are i funcia de cuprins al site-ului
64
Stabilirea relaiilor ntre seciunile de nivel unu ale site-ului i cele subordonate lor,
prin intermediul barelor de navigare, butoanelor, hrilor de imagini sau listelor de
legturi.
Furnizarea informaiilor de contact.
Paginile din interior de nivel unu trebuie s conin o descriere succint a

subiectului acoperit precum i legturi ctre paginile de nivel doi care detaliaz fiecare
parte a subiectului, resursele suplimentare fiind plasate n pagini de nivelul trei. O
pagin de nivelul doi care ofer pe lng text i imagini explicative ale unui anumite
noiuni poate fi legat de pagini de nivel trei care conin imaginile. Cnd vizitatorul face
click pe un anumit text aflat n pagina de nivel doi se deschide pagina de nivel trei cu
imaginea explicativ. Avantajul acestei abordri este descongestionarea paginilor de
nivelul doi care cuprind detalierea subiectului.
Legturile dintre pagini depind de structura site-ului. Pentru a realiza o navigare

logic i eficient n cadrul site-ului instrumentele de navigare trebuie s fie perfect
adaptate modului n care sunt create legturile dintre pagini i s ofere indicii vizuale
asupra funciei lor. Este recomandat ca instrumentele de navigare s fie aceleai n
toate paginile. O bar de navigare este plasat acolo unde vizitatorii sunt obinuii s o
caute: n partea superioar a paginilor, n stnga sau n dreapta paginii.
Dac site-ul este de dimensiuni mari este indicat s se foloseasc o pagin special
care s reprezinte harta site-ului i s existe legtura ctre ea n bara principal de
navigare din cadrul fiecrei pagini.
Structura unei pagini web cuprinde elementele care se regsesc cel mai frecvent
n coninutul unei pagini web. Acestea sunt:
titlul paginii: apare n bara de titlu a programului de navigare pe Internet utilizat i

servete la identificarea paginii i a coninutului acesteia i pentru facilitarea cutrii
acesteia pe Internet;
subtitlurile (titlurile interne): servesc la structurarea logic a coninutului paginii n

seciuni distincte facilitnd parcurgerea acesteia n raport cu interesul celui care o
vizualizeaz;
coninutul paginii: cuprinde informaiile pe care site-ul intenioneaz s le transmit

publicului vizat. Pentru prezentarea acestora pot fi utilizate diferite texte, imagini,
elemente grafice, sunete sau alte elemente de coninut, n combinai, pentru a face
site-ul ct mai atractiv;
lista: reprezint un element de coninut i mod de prezentare (formatare) care poate

fi utilizat pentru structurarea i prezentarea informaiilor incluse n paginile web.
Utilizarea acesteia face ca site-ul s aib mai mult claritate i s fie mai concis n
prezentarea i urmrirea informaiilor incluse n paginile web;
hyperlink-urile: ofer posibilitatea urmririi doar a acelor seciuni de care este

65
interesat "navigatorul", fie n cadrul aceleiai pagini,fie n alte pagini ce au un

coninut similar sau asociat paginii vzute iniial, fie chiar alte site-uri avnd legtur
direct cu coninutul informaiilor prezentate n pagina accesat iniial;
informaiile de contact: numele, prenumele i elementele de localizare (adres

potal, numr de telefon sau fax, adres de e-mail, etc.) ale persoanei
(persoanelor) care au creat, administreaz sau dein pagina accesat.
66
Activitatea de nvare 4.1.1 Elemente de coninut ale unei pagini web

specific
-
Cunoti elemente ca: formulare , meniuri, bare de instrumente, meniuri, butoane,

casete text, liste, ferestre, grid-uri, comentarii, ghiduri de utilizare
Utilizezi elemente ca: formulare , meniuri, bare de instrumente, meniuri,

butoane, casete text, liste, ferestre, grid-uri, comentarii, ghiduri de utilizare
Creezi elemente ca: formulare , meniuri, bare de instrumente, meniuri, butoane,

casete text, liste, ferestre, grid-uri, comentarii, ghiduri de utilizare
Durata: 45 minute

Sugestii:
-
Sarcina de lucru: Folosind surse diferite (internet, manual, reviste de

specialitate, caietul de notie etc) obine i informa ii despre : formulare , meniuri,
bare de instrumente, butoane, casete text, liste, ferestre, grid-uri, comentarii,
ghiduri de utilizare i organizai-le dup modelul urmtor:
Comentarii
Formulare
Ferestre
Pagini
WEB
Casete text
Grid-uri
Meniuri
67
Ghiduri de
utilizare
Bare de
instrumente
Liste
Activitatea de nvare 4.1.2 Amplasarea elementelor ntr-o pagin web

specific
-
Cunoti modul de includere a diferitelor elemente ntr-o pagin web
Recuno ti diferite elemente ale unei pagini web
Utilizezi elemente web
Durata: 45 minute
Tipul activitii: Starbursting
Sugestii:
-

caietul de notie etc) adunai informaii despre modul de amplasare a elementelor ntr-o
pagin web. Ajutai-v de ntrebri precum cele de mai jos:
68
1.
Ce elemente vreau s n pagin?
2.
Ce vreau s obin?
3.
De ce amplasez elementele n acest mod?
4.
Pot s distribui elementele n acest mod?
5.
Cum fac distribuirea diferitelor elemente n pagin?
69
Tema 5. Baze de date pentru site-uri Web

Fia de documentare 5.1 Tipuri de baze de date
Baza de date este o colecie partajat de date legate logic, proiectat pentru a
satisface necesitile unui sistem informatic. Datele sunt strnse ntr-o colec ie unic i
sunt folosite simultan de mai muli utilizatori. Redundana datelor este controlat prin
normalizare, ceea ce implic o redundan minim.
O baz de date are nevoie de un sistem de gestiune a bazei de date. Acesta este un
sistem de programe care fac posibil definirea, ntreinerea i accesul controlat la baza
de date. Un astfel de sistem trebuie s conin limbajul de definire i limbajul de
manipulare a datelor.(ex.SQL sau QBE)
Construirea unei baze de date, introducerea informaiilor n bazele de date i
dezvoltarea de aplicaii privind bazele se face prin Sistemul de Gestiune a Bazelor de
Date (SGBD). SGBD d posibilitatea utilizatorului s aib acces la date folosind un
limbaj pentru a obine informaii. SGBD-ul este o interfa ntre utilizatori i sistemul de
operare.
Sistemele de baze de date au n vedere mai multe tipuri de structuri de reprezentare a
informaiilor. Tipuri de modele de date pentru BD: ierarhice, reea, relaionale, orientate
obiect i distribuite
Modelul ierarhic
Definirea entitilor se face prin noiune de tip de nregistrare, care este format
din caracteristici (cmpuri).
Definirea legturilor dintre entiti se face fizic i conduce la structura de tip

ierarhic reprezentat sub forma unei diagrame
nivel 0
nivel 1
nivel 2
TIP_INREG 0
TIP_INREG 11
TIP_INREG 21
TIP_INREG 12
TIP_INREG 22
Caracteristici ale structurii ierarhice (arborescente):

70
TIP_INREG 13
TIP_INREG 23
Fiecare nod corespunde unui tip de nregistrare i fiecare drum corespunde unei
legturi.
Orice acces la un nod se face prin vrful ierarhiei, numit rdcin, pe o singur
cale.
Un nod subordonat (copil) nu poate avea dect un singur superior (printe).
Un superior poate avea unul sau mai muli subordonai.
Legtura copil-printe este doar de tip 1:1 (la o realizare copil corespunde o
singur realizare printe).
Legtura printe-copil poate fi de tip 1:1 sau 1:M.
n structur exist un singur nod rdcin i unul sau mai multe noduri
dependente situate pe unul sau mai multe niveluri.
Ierarhia de tipuri de nregistrri se numete tip arbore.
Realizarea unui tip arbore este format dintr-o singur realizare a tipului de
nregistrare rdcin mpreun cu o mulime ordonat format din una sau mai
multe realizri ale fiecrui tip de nregistrare de pe nivelurile inferioare.
Ordonarea realizrilor dntr-un arbore conduce la o secven ierarhic.
Modelul reea
Definirea entitilor se face prin noiunea de tip de nregistrare, care este format
din caracteristici (cmpuri).
Definirea legturilor dintre entiti se face fizic i conduce la o structur de tip

reea, reprezentat sub forma unei diagrame numit i schema (conceptual).
TIP_INREG 1
TIP_INREG 2
TIP_INREG 3
TIP_INREG 4
TIP_INREG 5
TIP_INREG 6
Caracteristici ale structurii reea :

71
Un nod poate avea orici superiori i orici subordonai.
Pot exista mai multe tip de nregistrare rdcin.
La un subordonat se poate ajunge pe mai multe ci.
Este o extensie a structurii arborescente n care graful nu mai este limitat.
Legturile n model pot fi 1:1, 1:M, M:N, ciclice.
Pentru exprimarea legturilor se folosete conceptul de tip set. Un tip set este
format dntr-un singur tip de nod proprietar i unul sau mai multe tipuri de nod
membre dependente de cel proprietar.
Realizarea tipului set este o colecie de nregistrri care are o realizare proprietar
i un numr de realizri membre asociate.
Modelul relaional
Definirea entitilor se face sub forma unor tablouri bidimensionale numite tabele
sau relaii de date.
Definirea legturilor dintre entitile face logic construind asocieri ntre tabele cu
ajutorul unor atribute de legtur. Legturile se pot reprezenta sub forma unei
diagrame de structur numit i schema BD.
Relaii ntre
tabele
Legturile dintre tabele sunt:

de tip 1:1;
de tip 1:M;
de tip M:N;
Caracteristici ale structurii relaionale:
72
Atributele implicate n realizarea legturilor se gsesc fie n tabelele asociate, fie

n tabele distincte construite special pentru legturi.
Atributul din tabela iniial se numete cheie extern iar cel din tabela final
cheie primar.
Legturile posibile sunt 1:1, 1:M, M:N
Potenial, orice tabel se poate lega cu orice tabel, dup orice atribute.
Legturile se stabilesc la momentul descrierii datelor (prin LDD) cu ajutorul
restriciilor de integritate.
Restriciile de integritate ale modelului relaional.
cheie unic = ntr-o tabel nu trebuie s existe mai multe tupluri cu aceeai
valoare pentru ansamblul cheie;
referenial = ntr-o tabel T1 care refer o tabel T2, valorile cheii externe
trebuie s figureze printre valorile cheii primare din T2 sau s ia valoarea NULL
(neprecizat);
entitii = ntr-o tabel, atributele din cheia primar nu trebuie s ia valoarea

NULL.
restricia de domeniu = domeniul corespunztor unui atribut dintr-o tabel trebuie

s se ncadreze ntre anumite valori;
restricii temporare = valorile anumitor atribute se compar cu nite valori

temporare (rezultate din calcule etc.).
Modelul orientat obiect
Definirea obiectelor se face cu ajutorul conceptului de clas de obiecte care este

definit din entitatea regsit n lumea real. Se pune accentul att pe date ct i
pe comportamentul acestora, ambele ncapsulate n obiect.
Definirea legturilor ntre obiecte se realizeaz implicit prin modul de construire

(definire) al obiectelor.
Caracteristicile modelului OO
Modelul OO marcheaz trecerea la o a treia generaie de BD. El aduce bazelor

de date un plus de deschidere, independena logic a datelor de aplicaii,
reutilizarea obiectelor etc.
Modelul OO d bune rezultate pentru probleme foarte mari i complexe

(principiile complexitii sunt incluse n model).
73
n structur sunt acceptate toate tipurile de date cunoscute, deci se poate aplica
pentru toate domeniile de activitate.
Tipurile de legturi n modelul OO sunt:

Ierarhice, caracterizate prin:
clasa de obiecte este structura de baz a modelului;
fiecare obiect are un identificator unic;
toate obiectele sunt membri ai unei clase;
clasele sunt structurate n ierarhii avnd caracteristica de motenire;
prin obiecte se pot defini orice tip de date (text, grafic, imagine, sunet, video
etc.);
ansamblul claselor de obiecte structurate n ierarhii alctuiesc schema BD.
de referin caracterizate, care se realizeaz pe baza identificatorului unic
obiect, putnd fi:
simple de asociere = referirea unui obiect de ctre alt obiect;
de compunere (tip parte-ntreg) = obiectele care reprezint

componente ale unui ntreg sunt asociate cu obiectul ce reprezint
ntregul;
de agregare = obiectele independente sunt agregate succesiv pentru a

forma un ntreg.
74
Activitatea de nvare 5.1.1 Baze de date pentru Web

specific
Utilizeaz resursele web i tehnologii pentru realizarea site-urilor web
-
identifici diferite tipuri de baze de date
utilizezi diferite baze de date
Durata: 35 minute
Tipul activitii: Compilarea

Sugestii:
-
Sarcina de lucru:
1. Folosind surse diferite (internet, reviste de specialitate, etc) ob ine i informa ii
despre tipuri de baze de date: modelul ierarhic, modelul relaional, modelul
orientat obiect, modelul reea. Prezentai rezultatul sub forma de tabel, dup
modelul urmtor:
Tip baz Caracteristici
de date
Tip legturi
Reprezentare
schematic
Modelul
ierarhic
Modelul
orientat
obiect
Modelul
relaional
Modelul
reea
2. Ce tip de baza de date ai alege pentru un site pe care l-a i crea? Scrie i motivele
alegerii.
75
Activitatea de nvare 5.1.2 Caracteristici baze de date

specific
-
Caracterizezi tipurile de baze de date
Durata:5 minute
Tipul activitii: Potrivire

Sugestii :
-
Activitatea se poate face individual, un elev la cate un calculator, folosind fisa de

lucru.
Activitatea se poate face i pe grupe sau n perechi
Sarcina de lucru :
Completai tabelul de mai jos cu elementele corespunztoare din prima linie a tabelului
Modelul orientat obiect, Modelul ierarhic, Modelul rela ional, Modelul re ea
Definirea legturilor dintre entiti se face
fizic i conduce la structura de tip ierarhic
reprezentat sub forma unei diagrame
Definirea legturilor dintre entiti se face
fizic i conduce la o structur de tip reea,
reprezentat sub forma unei diagrame
numit i schema (conceptual).
Definirea legturilor dintre entitile face
logic construind asocieri ntre tabele cu
ajutorul unor atribute de legtur
Definirea obiectelor se face cu ajutorul
conceptului de clas de obiecte care
este definit din entitatea regsit n
lumea real
76
Fia de documentare 5.2 Crearea bazelor de date

MySQL este un sistem de getiune a bazelor de date. relaionale i este distribuit n
regim Open Source, adic MySQL poate fi descrcat de pe Internet, fr costuri.
Serverul de baze de date MySQL este foarte rapid, fiabil i uor de utilizat. Iniial a fost
dezvoltat pentru a manipula baze de date de dimensiuni mari. Conectivitatea , viteza i
securitatea fac ca Serverul MySQL s fie potrivit pentru accesarea bazelor de date prin
Internet.
Caracteristicile de baz ale MYSQL:
Funcioneaz pe diferite platforme

Poate lucra cu u urin pe mai multe procesoare dac sunt disponibile
Ofer motoare tranzacionale i non-tranzacionale de stocare a datelor
Un sistem de alocare a memoriei foarte rapid
Funciile SQL sunt implementate folosind o bibliotec de clase optimizat i sunt
foarte rapide.
Serverul este disponibil ca program separat ce poate fi folosit ntr-un mediu de
reea de tip client/server.
Un sistem de privilegii i parole foarte flexibil i sigur care permite verificarea pe
baza host-ului. Parolele sunt sigure deoarece tot traficul legat de parole este
criptat cnd are loc conectarea la server.
Manipuleaz baze de date de dimensiuni mari.
Clienii se pot conecta la serverul MySQL folosind socket-uri TCP/IP pe orice
platform.
Interfaa Connector/ODBC ofer suport MySQL pentru programe client care
folosesc conexiuni ODBC (Open DataBase Conectivity).
Interfaa Connector/JDBC ofer suport MySQL pentru programe client Java care
folosesc conexiuni JDBC (Java DataBase Conectivity).
Serverul poate s prezinte mesaje de eroare clienilor n multe limbi.
Toate datele sunt salvate folosind un set de caractere specificat. Toate
comparaiile pentru coloane de tip ir obinuit de caractere sunt case-insensitive.
Sortarea este realizat n concordan cu setul de caractere ales.
Serverul MySQL are suport inclus pentru instruciuni SQL care verific,
optimizeaz i repar tabelele.
Toate programele MySQL pot fi invocate cu opiunea help sau -? Pentru a obine
suport online.
Crearea unei baze de date noi se realizeaz cu comanda CREATE DATABASE

mysql> CREATE DATABASE baza_date;
Crearea unei baze de date nu implic i selectarea acesteia pentru utilizare, aceasta
trebuie selectat folosind comanda USE:
mysql> USE baza_date
77
Dup ce a fost creat, o baz de date nu conine nici un tabel. Pentru a crea un tabel se
folosete comanda CREATE TABLE, care are urmtoarea sintax
CREATE TABLE nume_tabel (nume_coloana tip_data [DEFAULT expresie].)
-
DEFAULT desemneaz o valoare implicita pentru coloana,
Exemplu - crearea unei tabele angajat

CREATE TABLE angajat{
Cod_salariat NUMBER(10)
Nume
VARCHAR2(10)
Prenume
VARCHAR2(10)
Data_natere
DATE,
Salariu
NUMBER(10)
Manager
NUMBER(10)
Cod_dept
NUMBER(10)
Cod_tara
NUMBER(10)
TABLESPACE TS_ALFA
STORAGE(INITIAL 100k NEXT 100k);
Pentru a vedea detaliile unui tabel se folosete comanda DESCRIBE:
mysql> DESCRIBE pet;
Pentru introducerea datelor ntr-un tabel se utilizeaz comanda

INSERT INTO tabel[(coloana1, coloana2, )] VALUES (valoare1, valoare2, )
Coloanele pot fi specificate n orice ordine, dar trebuie asigurata

corespondenta intre coloanele i valorile furnizate, coloanelor nespecificate le va fi
ataat valoarea Null;
Dac coloanele nu sunt specificate explicit, trebuie s se specifice valorile

pentru toate coloanele iar ordinea valorilor s coincid cu cea n care coloanele au
fost definite la crearea tabelei
Valorile trebuie sa aib acela i tip de dat ca i cmpurile n care sunt

adugate;
Dimensiunea valorilor introduse trebuie s fie mai mica sau cel pu in egal cu
dimensiunea coloanei;
78
Valorile introduse trebuie s respecte restriciile de integritate definite la

crearea tabelei
Pentru a modifica datele existente ntr-un tabel se utilizeaz comanda:

UPDATE tabela [alias]
SET atribuire_coloane, [atribuire_coloane,] [WHERE condi ie];
Unde:
Atribuire_colaone poate avea urmtoarele forme:
Coloana={expresie | (subinterogare)
Furnizare n mod explicit a fiecrei valori sau expresii pentru cmpurile ce

trebuiesc modificate;
Sau
(coloana[, coloana])=(subinterogare)
Obinerea valorilor cu ajutorul unei subinterogri
Interogarea datelor din tabele, fr a le modifica se realizeaz cu comanda;

SELECT atribute FROM obiect;
Atribute - lista atributelor ce urmeaz a fi returnate ca rezultat al interogrii;
From se precizeaz obiectele din care se vor selecta aceste atribute;
n lista de atribute pot aprea:
Toate coloanele din tabel sau vedere prin utilizarea semnului * :
SELECT * FROM ;
Numele coloanelor separate prin virgul. Acestea vor aprea n rezultatul

interogrii n ordinea n care sunt specificate:
Atributele rezultate din evaluarea unor expresii.
In mod normal n urma interogrilor nregistrrile apar n accesai ordine n care au fost
introduce n baza de date. Pentru a modifica ordinea de afi are se utilizeaz clauza
ORDER BY, care sorteaz nregistrrile dup valorile din una sau mai multe coloane.
Clauza este urmat de numele coloanelor dup care se va face sortarea. Nu exista nici
o limita a numrului de coloane n func ie de care se poate face sortarea. nregistrrile
vor fi sortate mai nti n funcie de primul cmp specificat dup clauza ORDER BY,
79
apoi, nregistrrile care au aceea i valoare n acest prim cmp sunt sortate n func ie de
valoarea celui de al doilea cmp specificat dup clauza ORDER BY,s.a.m.d.
nregistrrile sunt sortate n mod implicit n ordine ascendent (op iunea ASC), afi area
n ordinea descendent fcndu-se prin utilizarea op iunii DESC.
Clauza WHERE se folose te pentru a regsi interogri ce corespund unei anumite
condiii evaluate ca valoarea de adevr True , adic pentru a realiza anumite restricii de
selecie.
Clauza ORDER BY este o clauza de sortare, clauza WHERE este o clauza de filtrare.
Dac nu se specific nici o clauz WHERE, interogarea va ntoarce ca rezultat toate
rndurile din table.
Clauza WHERE este opional dar atunci cnd este introdus urmeaz ntotdeauna
dup clauza FROM:
SELECT
atribute
FROM
obiecte
WHERE
condiie
Comanda SELECT cu clauza WHERE va returna toate nregistrrile pentru care

condiia are valoarea True. Condiia clauzei WHERE poate cuprinde numele unor
coloane, constante, operatori de compara ie, sau operatori logici (NOT, AND, OR).
Clauza GROUP BY
Este utilizata pentru a mpri din punct de vedere logic un tabel n grupuri de
nregistrri.
Fiecare grup este format din toate nregistrrile care au aceea i valoare n cmpul sau
grupul de cmpuri specificate n clauza GROUP BY.
Unele nregistrri pot fi excluse folosind clauza WHERE nainte ca tabelul sa fie mprit
n grupuri.
Clauza HAVING este tot o clauz de filtrare ca i clauza WHERE. Este folosit numai
dac este folosit i clauza GROUP BY. Expresiile folosite ntr-o clauz HAVING trebuie
sa aib o singur valoare pe grup.
Atunci cnd se folose te clauza GROUP BY, clauza WHERE se utilizeaz pentru
eliminarea nregistrrilor ce nu se doresc a fi grupate.
MODIFICAREA TABELELOR
Se pot efectua urmtoarele tipuri de modificri:
Adugare de noi coloane(mpreuna cu eventualele constrngeri):
ALTER TABLE departament

80
ADD (localitate CHAR(10) NOT NULL);
Modificarea tipului de date sau a mrimii unor coloane existente:
ALTER TABLE departament

MODIFY (nume_dept CHAR (20));
Adugarea de noi constrngeri:
ALTER TABLE salariat
ADD (CONSTRAINT data_ck CHECK(data_natere> 1900-10-15));
tergerea unor constrngeri existente:

ALTER TABLE salariat
DROP CONSTRAINTS sal_ck;
Trebuie remarcat ca o constrngere PRIMAY KEY la care face referina o constrngere

FOREIGN KEY, nu poate fi tearsa dect daca mpreuna cu constrngerea PRIMARY
KEY sunt terse i toate constrngerile refereniale asociate. Pentru aceasta se
folosete clauza CASCADE.
o ALTER TABLE departament
o DROP CONSTRAINTS dept_pk CASCADE;
DISTRUGEREA TABELELOR
Se folosete comanda DROP TABLE:
n cazul n care tabelul ce urmeaz a fi distrus are o cheie primar ce face referire la o
cheie strin a altui tabel, tabelul trebuie distrus mpreuna cu toate constrngerile
FOREIGN KEY care fac referire la cheia primar a acestuia i se realizeaz cu folosirea
clauzei CASCADE CONSTRAINTS.
DROP TABLE salariat CASCADE CONSTRAINTS;
n momentul n care un tabel este distrus, vor fi terse automat i toate datele din tabel
ct i indecii asociai lui. Vederile i sinonimele asociate unui tabel care a fost distrus
vor rmne dar vor deveni invalide.
81
82
Activitatea de nvare 5.2.1 Crearea i utilizarea bazelor de date

specific
-
Identifici operaiile ce se pot executa asupra bazelor de date
Descrii comenzile specifice operaiilor cu baze de date
Utilizezi corect comenzile
Durata: 50 minute
Tipul activitii: Peer learning metoda grupurilor de experi

Sugestii:
-
elevii se vor mpri n 6 grupe
Sarcina de lucru:
Fiecare grup trebuie s obin informaii despre diferitele opera ii ce se pot executa
asupra bazelor de date i comenzile specifice acestora:
1. Crearea unei baze de date pentru web

2. Introducerea datelor
3. Modificarea datelor existente
4. Interogarea datelor
5. Modificarea tabelelor
6. Distrugerea tabelelor
Fiecare grup va urmri:
-
Comanda pentru operaia respectiv
Sintaxa comenzii
Diferite opiuni i clauze

83
Pentru acest lucru elevii au la dispoziie 20 minute. Dup ce au devenit experi n

subtema studiat, se reorganizeaz grupele astfel nct n grupele nou formate s
existe cel puin o persoan din fiecare grup iniial.
Timp de 30 minute elevii vor mpri cu ceilali colegi din grupa nou format cunotinele
acumulate la pasul anterior.
La final fiecare elev va prezenta cunotinele acumulate dup parcurgerea celor dou
faze respectnd cerinele.
84
Activitatea de nvare 5.2.2 Aplicaii cu baze de date

specific
-
Identifici operaiile ce se pot executa asupra bazelor de date
Descrii comenzile specifice operaiilor cu baze de date
Utilizezi corect comenzile
Durata: 50 minute
Tipul activitii: Studiu de caz

Sugestii: Activitatea se poate face individual, un elev la cte un calculator, folosind fi a
de lucru. Activitatea se poate face i pe grupe sau n perechi
-
Sarcina de lucru:
Imaginai-v c realizai o baz de date rela ional. Crea i structura bazei de date
pentru gestionarea crilor dintr-o bibliotec. Pentru diferitele categorii de cr i
considerai cte un tabel. Fiecare tabel va con ine: titlul cr ii, autorul, editura, anul
apariiei. Introducei date n tabelele acesteia. Aduga i tabelelor ini iale o coloan n
care se va completa numrul de pagini. Realiza i diferite interogri pentru baza de date,
de exemplu obinerea listei de cri ce apar in unui anumit autor.
85
Fia de documentare 5.3 Serverul Apache
Apache este cel mai folosit server Web din lume,datorit stabilit ii sale i
numrului relativ mic de probleme pe care le poate genera. Este open source i ofer
posibilitatea rulrii sub diferite sisteme de operare:Linux, BSD, Windows.
Scopul sau este sa a tepte cereri i s le serveasc n conformitate cu specifica iile din
fiierele de configurare. Apache este suportat de diferite GUI, ce permite o configurare
mai uoara a serverului
Pentru a asigura servicii HTTP, serverul Apache trebuie s fie instalat
n sistem (un pachet RPM n Linux sau un program executabil .exe n Windows), iar
daemon-ul httpd pornit.
Apache este un sistem modular, alctuit dntr-un server de baz i

mai multe module, care sunt ncrcate dinamic. n Linux. Apache poate fi configurat cu
ajutorul interfeei grafice apacheconf (din meniul System :Apache Configuration
Tool din managerul de ferestre favorit). Fi ierul de configurare principal
este httpd.conf i este localizat n directorul /etc/httpd. Pentru configurare au mai existat
doua fi iere de configurare, access.conf i srm.conf, care au fost nsa nlturate
ncepnd cu versiunea 1.3.4.
Fiecare linie a fi ierului de configurare con ine cte o directiv, care poate
fi continuat pe linia urmtoare adugnd la sfr itul liniei curente caracterul ...
Comentariile ncep cu caracterul .#. desemneaz nceputul unui comentariu. Directivele
din fi ierul principal de configurare se refer la configurri globale ale serverului. Pentru
ca anumite directive ale serverului s se aplice doar unei zone din server, directivele
trebuie incluse n cadrul seciunilor <Directory>, <DirectoryMatch>, <Files>,
<FilesMatch>, <Location> sau <LocationMatch>. Aceast cerin poate fi realizat i
prin plasarea unui fi ier denumit .htaccess n directorul n care se dore te modificarea
comportamentului serverului, coninnd directivele dorite.
Apache ofer posibilitatea de a servi mai multe situri Web simultan - gzduire virtual
(virtual hosting). Directivele pot fi specificate n cadrul sec iunii <VirtualHost>, caz n
care se vor referi doar la un anumit site.
Administratorul de sistem are posibilitatea de a configura fi ierele jurnal Apache.
Serverul genereaz doua jurnale:
1.
Jurnal care nregistreaz cererile de accesare primite de ctre server, fiind

localizat n /var/log/httpd/access_conf,
2. Jurnal
care
memoreaz
erorile
aprute
n
decursul
rezolvrii cererilor (pagini inexistente, erori de conexiune etc.), localizat n
/var/log/httpd/error_log.
86
n anumite cazuri, este necesar s se restric ioneze accesul la anumite documente, prin
intermediul autentificrii prin nume de utilizator i parola sau n func ie de adresa
calculatorului clientului Web.
Pentru a realiza autentificarea utilizatorilor, se parcurg doi pa i:

1. Se creeaz un fi ier coninnd numele i parolele utilizatorilor care
vor avea acces la anumite date de pe serverul Web(Apache);
2. Se configureaz serverul pentru a seta care resurse vor fi protejate i
care sunt utilizatorii avnd permisiunea accesrii lor, dup introducerea
unei parole valide.
Fiierul coninnd lista cu parole nu va fi stocat n directoarele compuse
din documente HTML, ci la o locaie mai sigur. Fi ierul de autentificare este unul text,
care poate fi u or exploatat de persoane ru-voitoare. Administratorul sistemului are
responsabilitatea s seteze permisiunile asupra fi ierului i directorului respectiv.
Crearea unui fi ier de autentificare se realizeaz prin apelul:
htpasswd -c /etc/httpd/users .
Aceast comand permite asignarea sau modificarea parolei unui utilizator, parola fiind
solicitat de la intrarea standard. Configurarea serverului se poate realiza prin fi ierul
httpd.conf, sau prin .htaccess, indicnd o zona protejat, n func ie de directoarele
dorite a fi accesate pe baza de autentificare. Fi ierul .htaccess va fi stocat n directorul
asupra cruia dorim sa modificm comportamentul implicit al serverului Web .
Instalarea serverului Apache pe Windows
1.
Deschidei
site-ul
oficial
Apache
87
cutai
fiierul
pentru
descrcare.
2. Urmrii paii vrjitorului (Next) pn la Finish:
2.1 Acceptai licenierea produsului

88
2.2 La Server Information adugai localhost respectiv webmaster@localhost
89
2.3 Alegei modul de instalare Typical sau Custom
90
2.4 Apsai Install i ateptai s se instaleze fiierele
91
2.5 Dac folosii Windows XP va trebui s deblocai progaramul care se deschide n

backgroud (Apache.eexe)
2.6 Finish.
92
3. Deschidei Internet Explorer (sau orice alt browser pe care n folosii) i la adres
scriei http://localhost/ sau http://127.0.0.1/ ; Dac primii mesajul If you can see this, it
means that the installation of the Apache web server software on this system was
successful. You may now add content to this directory and replace this page. atunci
Apache a fost instalat cu succes.
Dac primii alt mesaj reluai instalarea dezinstalnd n prealabil.

4. Baza iniial a webserverului este n directorul Program Files/Apache
Group/Apache2/htdocs; Putei terge ce este acolo i aduga propriile fiiere html sau
htm.
Atenie! Localhost nu va mai funciona dac nchidei programul Apache din procesele
Task Manager. Dac cumva la repornirea computerului nu pornete i acesta, rulai-l
manual din Start -> All Programs -> Apache -> Control Apache Server -> Start
Tot de acolo putei modifica configurrile web-serverului (fiierul httpd.conf) de la Config

Apache Server.
93
Dup modificarea fiierului de configurare trebuie s repornii webserverul folosind

Restart;
Ceea ce gzduii n directorul htdocs este accesibil de pe internet folosind adresa

proprie de IP dac aceasta este una real.Dac nu tii adresa de IP, folosii
www.showip.com i apoi utilizai acel IP n browser sub forma http://vvv.xxx.yyy.zzz/ ;
Teoretic, aa v putei gzdui propriul site web, dar gzduirea unui domeniu presupune
setri suplimentare n fiierul de configurare httpd.conf.
Serverul local este recomandat pentru teste i dezvoltarea local a site-urilor. Este de
preferat ca conexiunea acestuia spre exterior s fie blocat prin firewall pentru a
impiedica atacurile. Totodat unii provideri de internet interzic utilizarea conexiunii ca
webserver. Viteza de descrcare a fiierelor de pe un astfel de server este de obicei
foarte mic, iar site-ul este online att timp ct computer-ul este pornit. Se recomand
utilizarea webserver-ului doar pentru teste i protejarea accesrii lui din exterior. Pentru
a avea un site web este mai bine s apelai la serviciile unui provider de hosting
(gzduire).
94
Activitatea de nvare 5.3.1 Serverul Apache

specific
-
Cunoti modul de lucru al serverului Apache
Utilizezi serverului Apache
Durata: 35 minute
Tipul activitii: Expansiunea

Sugestii:
-
Sarcina de lucru:
Pornind de la urmtoarea afirmaie - Apache este cel mai folosit server Web din
lume,datorit stabilitii sale i numrului relativ mic de probleme pe care le poate
genera - , realizai un eseu de aproximativ 15 rnduri n care s dezvolta i no iunea de
Server Apache i n care s folosii cuvintele din lista de mai jos.
List de cuvinte: sistem modular, comentarii, directive, gzduire virtual, jurnale,

autentificarea utilizatorilor
95
96
Activitatea de nvare 5.3.2 Instalarea Serveru-lui Apache

specific
-
Instalezi Serverul Apache
Cunoti modul de lucru al serverului Apache
Utilizezi serverului Apache
Durata: 45 minute
Tipul activitii: Urmeaz paii

Sugestii:
-
Sarcina de lucru:
Putei avea propriul dumneavoastr site web gzduit chiar pe computer-ul propriu.
Acest lucru se poate realiza instalnd pe calculatorul propriu Severul Apache. Urmri i
i executai pa ii urmtori.
97
1.
Deschidei
site-ul
oficial
Apache
2. Urmrii paii vrjitorului (Next) pn la Finish:
98
cutai
fiierul
pentru
descrcare.
2.1 Acceptai licenierea produsului
99
2.2 La Server Information adugai localhost respectiv webmaster@localhost
100
2.3 Alegei modul de instalare Typical sau Custom
101
2.4 Apsai Install i ateptai s se instaleze fiierele
2.5 Dac folosii Windows XP va trebui s deblocai progaramul care se deschide n

backgroud (Apache.eexe)
102
2.6 Finish.
3. Deschidei Internet Explorer (sau orice alt browser pe care n folosii) i la adres
scriei http://localhost/ sau http://127.0.0.1/ ; Dac primii mesajul If you can see this, it
means that the installation of the Apache web server software on this system was
successful. You may now add content to this directory and replace this page. atunci
Apache a fost instalat cu succes.
Dac primii alt mesaj reluai instalarea dezinstalnd n prealabil.

4. Baza iniial a webserverului este n directorul Program Files/Apache
Group/Apache2/htdocs; Putei terge ce este acolo i aduga propriile fiiere html sau
htm.
103
Atenie! Localhost nu va mai funciona dac nchidei programul Apache din procesele
Task Manager. Dac cumva la repornirea computerului nu pornete i acesta, rulai-l
manual din Start -> All Programs -> Apache -> Control Apache Server -> Start
Tot de acolo putei modifica configurrile web-serverului (fiierul httpd.conf) de la Config

Apache Server.
Dup modificarea fiierului de configurare trebuie s repornii webserverul folosind

Restart;
Ceea ce gzduii n directorul htdocs este accesibil de pe internet folosind adresa

proprie de IP dac aceasta este una real.Dac nu tii adresa de IP, folosii
www.showip.com i apoi utilizai acel IP n browser sub forma http://vvv.xxx.yyy.zzz/ ;
Teoretic, aa v putei gzdui propriul site web, dar gzduirea unui domeniu presupune
setri suplimentare n fiierul de configurare httpd.conf.
Serverul local este recomandat pentru teste i dezvoltarea local a site-urilor. Este de
preferat ca conexiunea acestuia spre exterior s fie blocat prin firewall pentru a
impiedica atacurile. Totodat unii provideri de internet interzic utilizarea conexiunii ca
webserver. Viteza de descrcare a fiierelor de pe un astfel de server este de obicei
foarte mic, iar site-ul este online att timp ct computer-ul este pornit. Se recomand
utilizarea webserver-ului doar pentru teste i protejarea accesrii lui din exterior. Pentru
a avea un site web este mai bine s apelai la serviciile unui provider de hosting
(gzduire).
104
Fia de documentare 5.4 Interogarea i prelucrarea bazelor de date

SQL (Structured Query Language) a fost dezvoltat pentru sistemul de gestiune a
bazelor de date System R, creat de IBM Research Laboratory, San Jose, California la
sfritul anilor 70. SQL a fost standardizat i a devenit limbajul de referin pentru
bazele de date relaionale. SQL este un limbaj de interogare, dar conine i
proprietile unui limbaj de definire a datelor, LDD (comenzi pentru definirea unei
scheme a unei baze de date relaionale) i proprietile unui limbaj de manipulare a
datelor, LMD (comenzi pentru modificarea i interogarea unei instane a unei baze de
date relaionale).
SQL poate fi folosit n dou moduri:
direct la terminal, adic n mod comand
n cadrul unor programe scrise ntr-un limbaj de programare
Caracteristice ale limbajului SQL
SQL folosete cuvinte din limba englez cum ar fi

elemente ale setului de comenzi.
SQL este un limbaj neprocedural: specific care sunt informaiile dorite, nu cum
se obin acestea.
Execuia comenzilor SQL asupra nregistrrilor nu se poate face dect
secvenial, asupra cte unei singure nregistrri. Setul de nregistrri fiind vzut
ca set de linii ale unui tabel.
SQL poate fi folosit de un ir de utilizatori: administratorul bazei de date,
programatorii de aplicaii, personalul de management i al i utilizatori.
SQL include comenzi pentru o varietate de sarcini:
- selecia unor date
- inserarea, extragerea i tergerea rndurilor dntr-un tabel
- crearea, modificarea i tergerea obiectelor de tip baz de date
- controlul accesului la baza de date i la obiectele de tip baz de date
- verificarea - garantarea consistenei bazei de date
select, insert, delete ca
La nceput, sistemele de management a bazelor de date au utilizat un limbaj separat

pentru fiecare categorie de sarcini n parte. SQL le-a unificat pe toate acestea ntr-un
singur limbaj.
Setul de comenzi SQL se compune din:

Comenzile de definire a datelor : CREATE, ALTER, DROP , pentru a crea, utiliza i
terge orice structur de date, n particular tabele.
Comenzile de manipulare a datelor: INSERT, UPDATE, DELETE i SELECT , pentru a
introduce noi rnduri, pentru a schimba (actualiza) rndurile existente, pentru a terge
rndurile nedorite din baza de date respectiv, i, comanda SELECT - folosit pentru a
cuta, a selecta nregistrri din tabel sau dintr-o combinaie de tabele ale bazei de date.
105
Comenzile de control: GRANT, REVOKE pentru a da sau a lua drepturi de acces
Operatori
Operatorii aritmetici pot fi folosii pentru a crea expresii avnd tipul de date numeric sau
date calendaristice. Operatorii aritmetici sunt + (adunare), - (scdere ), * (nmulire), /
(mprire). Ordinea de preceden a operatorilor poate fi schimbat cu ajutorul
parantezelor.
n momentul afirii rezultatelor, se utilizeaz numele coloanelor ca antet. Cnd acest
lucru face dificil nelegerea rezultatelor, se poate schimba antetul prin atribuirea altor
nume coloanelor ( 'alias'-uri ). Acest lucru se realizeaz specificnd alias-ul dup
numele coloanei. n cazul n care alias-ul conine spaii sau caractere speciale cum ar fi
+ sau -, acesta se va specifica ntre ghilimele.
Operatorul de concatenare, notat | |, permite legarea coloanelor cu alte coloane,
expresii aritmetice sau valori constante pentru a crea o expresie de tip ir de caractere
Operatorii relaionali sunt:
=
egal
<> i != diferit
>
mai mare
<
>=
mai mare sau egal <= mai mic sau egal
mai mic
irurile de caractere i dat calendaristic trebuiesc incluse ntre apostrofuri. n cazul

irurilor de caractere, literele mici sunt diferite de literele mari
Operatori SQL
1. BETWEEN. . .AND. . .
2. IN
3. LIKE
4. IS NULL
Funciile SQL sunt utilizate pentru a realiza calcule asupra datelor, a modifica
date, a manipula grupuri de nregistrri, a schimba formatul datelor sau pentru a
converti diferite tipuri de date. Funciile se clasific n dou tipuri:
1. Funcii referitoare la o singur nregistrare:
funcii caracter;
funcii numerice;
funcii pentru data calendaristic i or;
funcii de conversie;
106
funcii diverse.
2. Funcii referitoare la mai multe nregistrri:
funcii totalizatoare sau funcii de grup.
Comanda SELECT este folosit doar pentru interogarea datelor, ea neputndu-le

modifica. O instruciune SELECT cuprinde n mod obligatoriu cuvntul cheie FROM.
SELECT atribute
FROM obiect
Dup cuvntul cheie SELECT se specific lista atributelor ce urmeaz a fi returnate ca
rezultat al interogrii, iar dup cuvntul FROM se precizeaz obiectele (tabele, vederi,
sinonime) din care se vor selecta aceste atribute.
In lista de atribute pot aprea:
toate coloanele din tabel sau vedere prin utilizarea semnului *
numele coloanelor separate prin virgul. Acestea vor aprea n rezultatul

interogrii n ordinea n care sunt specificate
atribute rezultate din evaluarea unor expresii. Aceste expresii pot conine nume
de coloane, constante, operatori sau funcii.
O comand SELECT care nu cuprinde cuvntul cheie DISTINCT va afia toate

nregistrrile care rezult din interogare, indiferent dac unele dintre ele sunt identice. n
cazul folosirii cuvntului cheie DISTINCT nregistrrile duplicat sunt eliminate, afinduse numai prima apariie a valorilor cmpurilor specificate n lista de atribute. Dac lista
de atribute conine mai multe coloane, operatorul DISTINCT va afecta toate coloanele
selectate.
Pentru a modifica ordinea de afiare se utilizeaz clauza ORDER BY, care sorteaz
nregistrrile dup valorile din una sau mai multe coloane. Aceast clauz este urmat
de numele coloanelor dup care se va face sortarea.
Nu exist nici o limit a numrului de coloane n funcie de care se poate face sortarea.
nregistrrile sunt sortate n mod implicit n ordine ascendent (opiunea ASC), afiarea
n ordine descendent fcndu-se prin utilizarea opiunii DESC.
Clauza WHERE se folosete pentru a regsi nregistrri ce corespund unei anumite
condiii evaluat cu valoarea de adevr True, adic pentru a realiza anumite restricii de
selecie. ORDER BY este o clauz de sortare, iar clauza WHERE este o clauz de
filtrare
Comanda INSERT este utilizat pentru adugarea unor rnduri noi ntr-o tabel
creat anterior sau n tabelele de baz ale unei vederi. Comanda INSERT poate fi
utilizat n dou moduri:
107
1. Pentru introducerea datelor ntr-un tabel, cte o nregistrare la un moment dat. n

acest, sintaxa fiind urmtoarea
INSERT INTO tabela [(coloana1, coloana 2)]
VALUES (valoare 1, valoare2, .. )
2. Pentru copierea mai multor rnduri din unul sau mai multe tabele, sintaxa fiind
INSERT INTO tabela [(coloana1, colonna2, ...)] comanda_select
Comanda UPDATE - este folosit pentru a modifica valorile datelor existente ntrun tabel sau n tabelele de baz ale unei vederi i are urmtoarea sintax general:
UPDATE tabela [alias]
SET atribuire_coloane,[atribuire_coloane,...]
[WHERE condiie];
unde atribuire_coloane poate avea una dintre urmtoarele forme:
coloana ={(expresie |(subinterogare)}
sau
(coloana [,coloana] ...) = (subinterogare)
Comanda UPDATE modific valorile nregistrrilor n funcie de condiia clauzei
WHERE. n lipsa clauzei WHERE, vor fi actualizate toate nregistrrile din tabelul dat.
Comanda DELETE realizeaz tergerea nregistrrilor dintr-o tabel sau din

tabelele de baza ale unei vederi n funcie de o anumit condiie i are urmtoarea
sintax general:
DELETE FROM tabela [WHERE condiie]
Similar comenzii UPDATE, comanda DELETE terge anumite nregistrri n funcie de
condiia din clauza WHERE. n lipsa clauzei WHERE vor fi terse toate nregistrrile din
tabelul dat.
108
Activitatea de nvare 5.4.1 Limbajul SQL

specific
-
Identifici elemente specifice limbajului SQL
Utilizezi aceste elemente
Durata: 30 minute

Sugestii:
-

caietul de notie etc) obinei informaii despre limbajul SQL i organiza i-le dup
modelul urmtor.
Rol i evoluie
Funcii
SQL
Caracteristici
Operatori
Setul de comenzi
109
Activitatea de nvare 5.4.2 Comenzi SQL

specific
-
utilizezi limbajul SQL
Durata: 120 minute
Tipul activitii: Cubul

Sugestii:
-
elevii se organizeaz n 6 grupe
Sarcina de lucru:
Folosii un cub care semnifica, n mod simbolic, tema ce urmeaz a fi explorat:
Limbajul SQL. Cubul are nscrise pe fiecare dintre fe ele sale: Descrie, Compar,
Analizeaz, Asociaz, Aplic, Argumenteaz.
Pe tabla/flip chart, profesorul detaliaz cerin ele de pe fetele cubului:

Descrie rolul fiecrei comenzi SQL
Compar diferite clauze ale comenzilor SQL
110
Analizeaz atributele comenzilor SQL

Asociaz comenzile cu sintaxa acestora
Aplic comenzile SQL pentru interogarea bazelor de date
Argumenteaz alegerea unei comenzi n funcie de aciunea ce trebuie realizat.
Conductorul fiecrui grup va rostogoli cubul. Echipa sa va explora tema din

perspectiva cerinei care a czut pe fata superioara a cubului i va nregistra totul pe o
foaie de flip chart.
Dup 40 minute, grupurile se reunesc n plen i vor mprt i clasei rezultatul analizei.
Concluziile se trec pe tabl / flip chart.
111
Fia de documentare 5.5 Interfee de acces. Drivere de acces la baze de

date
JDBC (Java DataBase Connectivity) este o interfa standard SQL de acces la baze de
date. Acesta furnizeaz un acces uniform la baze de date rela ionale. JDBC este
constituit dntr-un set de clase i interfee scrise n Java, furniznd un API standard
pentru proiectanii de aplicaii baze de date. Acest lucru face posibila scrierea aplica iilor
de baze de date folosind un API Java pur.
Folosind JDBC este u or s transmitem secven e SQL ctre baze de date rela ionale.
Nu este necesar sa scriem un program pentru a accesa o baz de date Oracle, alt
program pentru a accesa o baza de date Sybase , este de ajuns s scriem un singur
program folosind API-ul JDBC, acesta fiind capabil s trimit secven e SQL bazei de
date dorite. Codul sursa scris n Java, asigur portabilitatea programului. Este suficient
scrierea unui program o dat i acesta ruleaz peste tot.
Java este un limbaj foarte bun pentru a dezvolta aplica ii de baze de date, iar JDBC-ul
ofer mecanismul prin care aplicaiile Java pot comunica cu bazele de date.
JDBC realizeaz urmtoarele:
Stabile te o conexiune cu o baza de date;
trimite secvene SQL;

prelucreaz rezultatele.
Procesul de conectare la o baz de date implic doua opera ii:

1. ncrcarea n memorie a unui driver corespunztor
2. realizarea unei conexiuni propriu-zise
O conexiune (sesiune) la o baza de date reprezint un context prin care sunt trimise
secvene SQL i primite rezultate. Intr-o aplica ie pot exista mai multe conexiuni
simultan la baze de date diferite sau la aceea i baz.
Clasele i interfeele responsabile cu realizarea unei conexiuni sunt:
clasa DriverManager - se ocup cu nregistrarea driverelor ce vor fi folosite n

aplicaie
interfaa Driver - pe care trebuie s o implementeze orice clas ce descrie un

driver
clasa DriverPropertyInfo
112
interfaa Connection, descrie obiectele ce modeleaz o conexiune propriu-zis

cu baza de date
n procesul de conectare la o baz de date aplica ia trebuie s ncarce n memorie

clasa ce implementeaz driver-ul necesar comunicrii cu baza de date. Acesta se
realizeaz prin mai multe modaliti:
DriverManager.registerDriver(newsun.jdbc.odbc.JdbcOdbcDriver());
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
System.setProperty("jdbc.drivers",
"sun.jdbc.odbc.JdbcOdbcDriver");
java -Djdbc.drivers=sun.jdbc.odbc.JdbcOdbcDriver
Dup ce un driver JDBC a fost ncrcat n memorie cu DriverManager, acesta poate fi

folosit la stabilirea unei conexiuni cu o baz de date. Pot exista mai multe drivere
nregistrate n memorie, deci trebuie specificat pe lng identificatorul bazei de date i
driverul ce trebuie folosit, prin intermediul unei adrese specifice, numita JDBC URL:
jdbc:sub-protocol:identificator_baza_de_date
Cmpul sub-protocol denume te tipul de driver ce trebuie folosit pentru realizarea
conexiunii i poate fi odbc, oracle, sybase, db2 etc. Identificatorul bazei de date este un
indicator specific fiecrui driver care specifica baza de date cu care aplica ia dore te s
interacioneze. Acest identificator poate include numele unei ma ini gazd, un numr de
port, numele unui fi ier sau al unui director, etc.
jdbc:odbc:testdb
jdbc:oracle:thin@persistentjava.com:1521:testdb
jdbc:sybase:testdb
jdbc:db2:testdb
La primirea unui JDBC URL, DriverManager-ul va parcurge lista driver-elor nregistrate
n memorie, pn cnd unul dintre ele va recunoa te URL-ul respectiv. Daca nu exista
nici unul potrivit, atunci va lansa o excep ie de tipul SQLException, cu mesajul no
suitable driver.
Pentru realizarea unei conexiuni este utilizat metoda getConnection din clasa
DriverManager i poate avea mai multe forme:
Connection c = DriverManager.getConnection(url);
Connection c = DriverManager.getConnection(url, username, password);
Connection c = DriverManager.getConnection(url, dbproperies);
113
O conexiune va fi folosita pentru:

crearea de secvene SQL ce vor fi folosite pentru interogarea sau actualizarea bazei
aflarea unor informaii legate de baza de date (meta-date)
Clasa Connection asigur suport pentru controlul tranzac iilor din memorie ctre baza
de date prin metodele commit, rollback, setAutoCommit .
Dup conectarea cu DriverManager.getConection(), se poate folosi obiectul
Connection rezultat pentru a se crea un obiect de tip Statements, cu ajutorul cruia se
pot trimite secvene SQL ctre baza de date. Cele mai uzuale comenzi SQL sunt cele
folosite pentru:
interogarea bazei de date (SELECT)

actualizarea bazei de date (INSERT, UPDATE, DELETE)
Metoda executeQuery trimite interogri SQL ctre baza de date i prime te rspuns
ntr-un obiect de tip ResultSet.
114
Activitatea de nvare 5.5.1 Interfee de acces la baze de date

specific
-
Identifici interfee de acces la baze de date
Utilizezi interfee de acces la baze de date
Durata: 30 minute

Sugestii:
-

caietul de notie etc) obinei informaii despre interfe e la baze de date i organiza i-le
dup modelul urmtor.
Specificarea unei
baze de date
Funcii JDBC
Java DataBase Connectivity
Clasele i interfee
conexiuni
ncrcarea n memorie
a unui driver
115
Procesul de
conectare
Activitatea de nvare 5.5.2 Drivere de acces la baze de date

specific
-
Identifici drivere de acces la baze de date
Utilizezi drivere de acces la baze de date
Durata: 30 minute
Tipul activitii: Joc de testare a cunotinelor

Sugestii:
-

caietul de notie etc) obinei informa ii despre drivere de acces la baze de date .
Formulai cte cinci ntrebri, precum i rspunsurile pentru ele. Scriei ntrebrile pe
cartonae i schimbai cartonaele cu alt grup. Rspundei la ntrebrile primite i
dai-le spre verificare grupei care le-a formulat.
116
Tema 6. Accesarea bazelor de date n site-urile Web

Fia de documentare 6 Accesarea bazelor de date n site-urile Web
Aplicaiile dinamice presupun existenta unei arhitecturi format din:
- browser Web;
- Internet;
- server Web;
- server de baze de date;
- interpretor PHP.
In momentul n care utilizatorul acceseaz o pagina Web dinamica, prin intermediul unui
browser Web, se transmite o cerere HTTP ctre serverul Web. Daca serverul Web
identifica tipul paginii ca fiind .php, atunci pagina este trimisa interpretorului PHP. Dup
interpretare, rezulta o pagina care con ine cod HTML (sau JavaScript), care va fi
returnat serverului Web. Sripturile PHP pot con ine i cereri SQL, care vor fi adresate
serverului de baze de date (mySQL).
SERVER MySQL
SERVER WEB
SQL
DATE
HTTP
HTML
HTML
PHP
BROWSER WEB
INTERPRETOR PHP
Software-ul necesar pentru dezvoltarea de aplica ii Web dinamice va cuprinde: un

server Web (Apache, IIS) un interpretor PHP, un editor de text (Notepad), un browser
Web (IE, Firefox, Opera) i un server de baze de date (mySQL).
117
Server Web reprezint computerul i pachetul software inclus care ofer o categorie
specifica de servicii unui client ce ruleaz pe un alt calculator. Serverul Web
administreaz i ofer aplicaiile Web accesibile pe orice calculator conectat la Internet.
Serverul de baze de date ( sau SGBD ) este responsabil pentru stocarea datelor,
gsirea lor eficienta bazata pe interogri definite de client i pentru manipularea
diferitelor nivele de securitate pentru aceste date.
MySQL este cel mai popular sistem de gestiune de baze de date n regim Open
Source, destinat utilizrii cu PHP. Serverul de baze de date mySQL este un sistem de
gestiune de baze de date relaional, construit pe modelul client-server ce folose te
limbajul SQL.
Serverul MySQL controleaz accesul la date pentru a garanta c mai mul i utilizatori pot
lucra simultan cu acestea. MySQL este un server mul i - user (mai mul i utilizatori) i
multi-thread (mai multe fire de execuie). Utilizeaz SQL (Structured Query Language),
limbajul standard de interogare a bazelor de date din toata lumea.
SQL este limbajul standard pentru accesarea sistemelor de gestiune a bazelor de date
relaionale (SGBDR). Este un limbaj relative simplu dar foarte puternic, care poate
obine accesul la datele stocate n mai multe tabele, poate filtra datele dorite i poate
sorta, rezuma i afi a rezultatele.
Instruciunile SQL trebuie incorporate n scripturile PHP astfel nct programele PHP s
poat lucra cu bazele de date relaionale.
Utiliznd SQL, este posibil accesul la datele stocate ntr-o baz de date rela ional fr
a scrie un program de aplicaie, permi nd frecvent evitarea ntrzierilor i a costurilor
implicate de programarea personalizat.
Utilizarea bazelor de date MySQL PHP include o biblioteca de func ii care furnizeaz o
interfa cu sistemul MySQL de gestiune a bazelor de date. Folosind aceste func ii, un
program PHP poate obine accesul la datele rezidente dintr-o baza de date MySQL i le
poate modifica.
Majoritatea interaciunilor cu o baz de date se desf oar dup un model

secvenial simplu:
Se deschide o conexiune cu serverul MySQL

Se specifica baza de date la care se va obine accesul
Se emit interogri SQL, se obine accesul la rezultatele interogrilor i se
executa operaii non-SQL
Se nchide conexiunea cu serverul MySQL
Pentru a realiza conectarea la server trebuie specificat un nume de utilizator i, de

ele mai multe ori, o parol. Dac serverul ruleaz pe un alt calculator trebuie specificat
i un hostname. Conectarea se realizeaz astfel:
shell> mysql -h host -u user p
118
Enter password: ********
host i user reprezint hostname-ul unde ruleaz serverul MySQL i respectiv numele
unui cont MySQL,
******** reprezint parola care trebuie introdus.
Dac nu s-a realizat conectarea va aprea:
shell> mysql -h host -u user -p
Enter password: ********
Dac conectarea se realizeaz cu succes n continuare sunt afiate informaii
introductive, urmate de prompt-ul mysql>
Welcome to the MySQL .
Aceasta nseamn c mysql este gata pentru s primeasc comenzile introduse.
O comand const ntr-o declaraie SQL urmat de semnul punct i virgul.
Ct se lanseaz o comand, mysql o trimite serverului spre execuie i afieaz
rezultatele, apoi afieaz din nou prompt-ul mysql> pentru a indica c este gata s
accepte alte comenzi. Mysql afieaz rezultatul interogrilor ntr-o form tabelar. Prima
linie conine etichetele coloanelor, iar liniile urmtoare sunt rezultatele interogrii.
Mysql afieaz i numrul de rnduri returnate i ct timp a fost necesar pentru
execuia interogrii
Pe o singur linie pot fi introduse mai mule comenzi, separate cu cte un semn punct i
virgul.
O comand nu trebuie neaprat s fie introdus pe o singur linie, prompt-ul se
schimb din mysql> n -> dup introducerea primei linii a unei interogri pe mai multe
linii. Aceasta indic faptul c interogarea este incomplet i mysql ateapt introducerea
restului interogrii.
Se poate ntrerupe introducerea unei interogri pe linii multiple folosind simbolurile \c
mysql> SELECT
-> USER()
-> \c
mysql>
Pentru a vedea bazele de date existente pe un server se folosete comanda SHOW:
mysql> SHOW DATABASES;
Dac baza de date test ar exista, aceasta ar putea fi accesat prin:
119
mysql> USE test
Deconectarea de la serverul MySQL se poate realiza oricnd prin introducerea

comenzii QUIT (sau \a) la prompt-ul mysql.
mysql> QUIT
120
Activitatea de nvare 6.1.1 Accesarea bazelor de date n site-urile WEB

specific
-
Realizezi o conexiune la baze de date
Consuli o baza de date
Actualizezi baza de date
tergi nregistrri
nchizi o baza de date
Durata: 30 minute

Sugestii:
-

caietul de notie etc) obinei informaii despre accesarea bazelor de date i organiza ile dup modelul urmtor.
Conectarea la
baza de date
Consultarea bazei
de date
Accesarea bazelor de date
Deconectarea de
la baza de date
Obinere rezultate
121
Actualizarea bazei
de date
Activitatea de nvare 6.1.2 Utilizarea bazelor de date n site-urile WEB

specific
-
Realizezi o conexiune la baze de date
Consuli o baza de date
Actualizezi baza de date
tergi nregistrri
nchizi o baza de date
Durata: 45 minute

Sugestii:
-
Sarcina de lucru:
Presupunem c vrem s realizm o baza de date ce va conine toate informaiile de
contact ale cunoscuilor. Iar informaiile vor putea fi editate i consulate n internet. Vor fi
folosite urmtoarele cmpuri n baza de date:
Nume
Tipul
Lungimea Descrierea
id
INT
Un identificator unic pentru fiecare nregistrare
Nume
VARCHAR
15
Numele de familie al persoanei
prenume VARCHAR
15
Numele de botez al persoanei
telefon
VARCHAR
20
Numrul de telefon
mobil
VARCHAR
20
Numrul de telefon mobil
fax
VARCHAR
20
Numrul de fax
122
email
VARCHAR
30
Adresa e-mail
web
VARCHAR
30
Pagina Web personal
Urmrii i notai pa ii urmtori:
I.1. Pentru a avea acces la o baz de date primul lucru care trebuie fcut este
conectare la baza de date MySQL. Dac nu suntem conectai, comenzile ctre baza de
date vor eua.
Pentru a folosi o baz de date trebuie s precizm numele de utilizator (username),
parola (password) i numele bazei de date :
$username="nume_utilizator";
$password="parola";
$database="numele_bazei_de_date";
Sursa PHP este prelucrat de server nainte de a fi trimis navigatorului, astfel nct
este imposibil pentru orice utilizator s vad scriptul ce con ine aceste date.
I.2. Dup conectare este nevoie de o comand care s lanseze conexiunea la baza de
date:
mysql_connect(localhost,$username,$password);
Aceast linie spune PHP-ului s se conecteze la serverul de baze de date MySQL la
'localhost' (serverul pe care ruleaz PHP-ul) folosind numele de cont memorat n
$username i parola din $password.
I.3. Crearea unei tabele cu PHP presupune parcurgerea urmtorilor pai:
CREATE TABLE nume_tabel {
Fields
}
Cmpurile sunt definite astfel :
fieldname type(length) extra info,
Cmpul id va fi pus ca PRIMARY, INDEX, UNIQUE i iniializat ca auto_increment,
ntruct acesta va fi cmpul identificator (primar sau index) i deci trebuie s fie unic.
Definirea sa ca auto increment nseamn c la adugarea fiecrei nregistrri, ct
vreme nu specificm acolo un id, acesta va primi ca valoare urmtorul numr.
Pentru a crea tabela de mai sus se folose te urmtoarea secven de comenzi PHP.
123
<?
$user="username";
$password="password";
$database="database";
mysql_connect(localhost,$user,$password);
@mysql_select_db($database) or die( "Baza de date nu poate fi selectata");
$query="CREATE TABLE contacts (id int(6) NOT NULL auto_increment,nume
varchar(15) NOT NULL,prenume varchar(15) NOT NULL,telefon varchar(20) NOT
NULL,mobil varchar(20) NOT NULL,fax varchar(20) NOT NULL,email varchar(30) NOT
NULL,web varchar(30) NOT NULL,PRIMARY KEY (id),UNIQUE id (id),KEY id_2 (id))";
mysql_query($query);
mysql_close();
?>
Se introduce numele bazei de date, contul MySQL i parola MySQL n poziiile
corespunztoare din primele 3 linii de mai sus.
II.1 Dup ce ne-am conectat la severul de baze de date, trebuie s selectm baza
de date pe care vrem s-o folosim. Trebuie s fie o baz de date la care avem acces, cu
respectivul nume de utilizator. Se folosete urmtoarea comand:
Aceasta spune PHP-ului s selecteze baza de date specificat n variabila $database
(pe care am definit-o mai nainte). Dac conexiunea nu se poate realiza procesul
(execuia script-ului) se oprete afind textul: Baza de date nu poate fi selectata
Dup conectarea la server i selecia bazei de date dorite, putem ncepe execuia
comenzilor pe server.
II.2. Exist dou moduri de a executa o comand. Primul implic introducerea comenzii
n PHP, mai ales atunci cnd nu apar rezultate ca urmare a execuiei comenzii. Cea de
a doua variant este definirea comenzii ca o variabil. Asta va atribui variabilei
rezultatele operaiei.
Pentru prima cale comanda va fi de forma:
Introducerea datelor
Presupunem c avem o baz de date cu adrese de contact. Pentru introducerea
urmtoarelor date:
Nume: Popescu
Prenume: Gheorghe
Telefon: 021 1234567
124
Mobil: 0724 123456

Fax: 0294 123456
E-mail: popescughe@personal.ro
Web: http://www.xxxxxx.yyy.ro
se utilizeaz comanda:
$query = "INSERT INTO contacts VALUES ('','Popescu','Gheorghe','021
1234567','072412345','026412345','popescughe@personal.ro','http://www.xxxxxx.yyy.ro'
)";
Variabilei $query i atribuim o comand
INSERT INTO contacts VALUES.
Aceasta spune PHP-ului s insereze n tabela numit contacts valorile care urmeaz
(scrise ntre paranteze). ntre paranteze apar toate cmpurile n ordine i sunt inserate
informaiile dintre ghilimele. Spre exemplu:
Popescu va fi inserat n al 2-lea cmp, care, n aceast tabel este cmpul 'nume' .
Poate ai reinut c nu am inserat nimic n primul cmp din baza de date (id). Asta din
cauz c acest cmp va fi un cmp index, elementul unic de identificare. Fiecare
nregistrare din baza de date va avea un unic ID. Din aceast cauz, cnd ncrcm
baza de date, vom pune ID pe 'Auto Increment', el va lua la fiecare nregistrare
urmtoarea valoare din ir, iar prima nregistrare va avea valoarea ID=1
II.3. Introducerea datelor dintr-o pagin HTML
Introducerea datelor din paginile HTML este aproape identic cu inserarea lor din scripturi PHP. Avantajul const, ns, n faptul c nu apare nevoia schimbrii script-ului pentru
fiecare cmp de introdus. n plus, putem permite "vizitatorilor" s introduc direct datele
lor.
Pagina HTML cu celule text pentru introducerea detaliilor corespunztoare va arta
astfel:
<form action="insert.php" method="post">
Nume Familie: <input type="text" name="nume"><br>
Prenume: <input type="text" name="prenume"><br>
Telefon: <input type="text" name="telefon"><br>
Mobil: <input type="text" name="mobil"><br>
Fax: <input type="text" name="fax"><br>
E-mail: <input type="text" name="email"><br>
Web: <input type="text" name="web"><br>
125
<input type="Submit">
</form>
Aceast pagin poate fi formatat. script-ul poate fi editat pentru ca n locul introducerii
informaiilor direct din script n baza de date, s fie folosite variabilele:
<?
$username="username";
$database="baza_mea_de_date";
$query = "INSERT INTO contacts VALUES
('','$nume','$prenume','$telefon','$mobil','$fax','$email','$web')";
mysql_close();
?>
Acest script trebuie salvat ca fiier cu numele insert.php, astfel ca s poat fi apelat de
formularul HTML. n loc ca datele s fie introduse local, ele se introduc n formular i
sunt memorate n variabilele care apar precizate acolo i care sunt transmise apoi PHPului.
II.4. Pentru vizualizarea sau extragerea nregistrrilor se pot folosi comenzi dup cum
urmeaz. Comanda SELECT din SQL, folosit ntr-o cerere MySQL n forma:
SELECT * FROM contacts
va spune script-ului s selecteze toate nregistrrile din tabela contacts. Va trebui
executat atribuind rezultatele unei variabile:
$query="SELECT * FROM contacts";
$rezultat=mysql_query($query);
ntregul coninut al bazei de date va fi atribuit variabilei cu numele $rezultat (care va fi
deci o matrice). Mai nainte de a putea scoate aceste date va trebui s le extragem ca
variabile simple, separate. Pentru asta trebuie s tim cte nregistrri avem n tabel
(deci i n variabila $rezultat )
Pentru calculul numrului de linii din tabel o comand special n MySQL. Este
important pentru c n baza de date se fac uzual numeroase actualizri, completri,
tergeri.
126
$num=mysql_numrows($rezultat);
Astfel, variabila $num va cpta ca valoare numrul de linii din $rezultat (adic din baza
de date). Acest numr va putea fi folosit pentru ciclul n care se vor analiza i desface n
variable separate cmpurile fiecrei linii.
Pentru a selecta din tabel (din rezultat) linie cu linie definim un indice, o variabil $i care
va parcurge (cu incrementare) valorile de la 1 la $num
$i=0;
while ($i < $num) {
OPERATIILE ASUPRA LINIEI
++$i;
}
Acesta va executa ansamblul numit OPERATIILE ASUPRA LINIEI de exact $num ori,
adic de attea ori ct trebuie. La fiecare reluare $i fiind mrit cu o unitate. Astfel $i
poate fi folosit i pentru a preciza numrul liniei care se prelucreaz.
n partea pe care am numit OPERATIILE ASUPRA LINIEI trebuie s separm fiecare
cmp din linia - nregistrare asociindu-l unei variabile, folosind urmtoarea secven:
$variable=mysql_result($rezultat,$i,"numele_campului");
II.5. Pentru a extrage fiecare component din baza noastr de date, vom folosi
urmtoarele instruciuni:
$nume=mysql_result($result,$i,"nume");
$prenume=mysql_result($result,$i,"prenume");
$telefon=mysql_result($result,$i,"telefon");
$mobil=mysql_result($result,$i,"mobil");
$fax=mysql_result($result,$i,"fax");
$email=mysql_result($result,$i,"email");
$web=mysql_result($result,$i,"web");
Script-ul complet pentru extragerea datelor:
<?
$username="username";
$database="baza_noastra_de_date";
127

$query="SELECT * FROM contacts";
$rezultat=mysql_query($query);
mysql_close();
echo "<b><center>Database Output</center></b><br><br>";
$i=0;
while ($i < $num) {
$nume=mysql_result($rezultat,$i,"nume");
echo "<b>$nume $prenume</b><br>Telefon: $telefon<br>Mobil: $mobil<br>Fax:
$fax<br>E-mail: $email<br>Web: $web<br><hr><br>";
++$i;
}
?>
Formatarea scoaterii
Pentru prezentarea pe ecran a datelor n forma unui tabel trebuie realizat o formatare
cu ajutorul HTML. Se nchide tagul PHP i se introduc liniile normale din HTML. Ori de
cte ori ajungem la o variabil o vom include folosind o secven de forma:
<? echo "$numele_variabilei"; ?>
Ciclul PHP va fi folosit pentru a repeta o secven de cod ca cea de mai sus, la
includerea variabilelor ntr-un tablou.
<table border="1" cellspacing="2" cellpadding="2">

<tr>
128
<th><font face="Arial, Helvetica, sans-serif">Nume</font></th>

<th><font face="Arial, Helvetica, sans-serif">Telefon</font></th>
<th><font face="Arial, Helvetica, sans-serif">Mobil</font></th>
<th><font face="Arial, Helvetica, sans-serif">Fax</font></th>
<th><font face="Arial, Helvetica, sans-serif">E-mail</font></th>
<th><font face="Arial, Helvetica, sans-serif">Website</font></th>
</tr>
$i=0;
while ($i < $num) {
?>
<tr>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$nume $prenume"; ?
></font></td>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$telefon"; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$mobil"; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$fax"; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><a href="mailto:<? echo "$email"; ?>">Email</a></font></td>
<td><font face="Arial, Helvetica, sans-serif"><a href="<? echo "$web"; ?
>">Website</a></font></td>
</tr>
<?
++$i;
}
129
echo "</table>";
Aceast secven va afia antetul tabelului, apoi va aduga o linie suplimentar pentru
fiecare nregistrare din baza de date, formatnd datele la extragere .
II.6. PHP poate fi folosit pentru a selecta date individuale, doar anumite nregistrri, sau
nregistrrile care verific anumite criterii.
SELECT * FROM contacts
Dac vrem s selectm doar pe acele persoane care au prenumele 'Nicu' vom folosi o
cerere de forma:
SELECT * FROM contacts WHERE prenume='nicu'
Se pot selecta nregistrrile pe baza oricrui cmp din baza de date, sau se poate
selecta o nregistrare folosind mai multe cmpuri, adugnd n clauza:
field='value'
Dac dntr-un formular de cutare primim a variabil numit $nume_cautat putem
imagina urmtoarea secven:
$query="SELECT * FROM contacts WHERE nume='$nume_cautat'";
$result=mysql_query($query);
Prezentarea pe ecran n forma unui tabel se face folosind PHP pentru extragerile HTML
incluznd variabilele n zonele corecte. De fiecare dat cnd ajungem la o variabil va fi
inclus folosind o secven de forma:
<? echo "$numele_variabilei"; ?>
Putem folosi un ciclu PHP pentru a repeta o secven de cod de mai sus, la includerea
variabilelor ntr-un tablou. Putem formata pentru datele s apar ntr-o tabel mare:
<table border="0" cellspacing="2" cellpadding="2">
<tr>
<th><font face="Arial, Helvetica, sans-serif">Nume</font></th>
<th><font face="Arial, Helvetica, sans-serif">Telefon</font></th>
<th><font face="Arial, Helvetica, sans-serif">Mobil</font></th>
<th><font face="Arial, Helvetica, sans-serif">Fax</font></th>
<th><font face="Arial, Helvetica, sans-serif">E-mail</font></th>
<th><font face="Arial, Helvetica, sans-serif">Website</font></th>
130
</tr>
$i=0;
while ($i < $num) {
?>
<tr>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$nume $prenume"; ?
></font></td>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$telefon"; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$mobil"; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><? echo "$fax"; ?></font></td>
<td><font face="Arial, Helvetica, sans-serif"><a href="mailto:<? echo "$email"; ?>">Email</a></font></td>
<td><font face="Arial, Helvetica, sans-serif"><a href="<? echo "$web"; ?
>">Website</a></font></td>
</tr>
<?
++$i;
}
echo "</table>";
Secvena afieaz antetul tabelului, apoi va aduga o linie suplimentar pentru fiecare
nregistrare din baza de date.
131
III. Un script de actualizare are dou pri. Prima parte a script-ului de actualizare
folosete procedeul de selecie a unei singure nregistrri, adugnd doar elemente
HTML pentru a-l face mai util.
III.1. Mai nti, ne conectm la baza de date i selectm nregistrarea potrivit.
$id=$_GET['id'];
$password="parola";
$database="baza_de_date";
$query=" SELECT * FROM contacts WHERE id='$id'";
$result=mysql_query($query);
mysql_close();
$i=0;
while ($i < $num) {
$prenume=mysql_result($rezultat,$i,"prenume");
$telefon=mysql_result($rezultat,$i,"telefon");
$mobil=mysql_result($rezultat,$i,"mobil");
$fax=mysql_result($rezultat,$i,"fax");
$email=mysql_result($rezultat,$i,"email");
$web=mysql_result($rezultat,$i,"web");
Zona de cod suplimentar
++$i;
}
Unde 'Zona de cod suplimentar' marcheaz poriunea din script unde vor apare
comenzile de actualizare.
III.2. Formatarea HTML :
<form action="updated.php" method="post">
<input type="hidden" name="ud_id" value="<? echo "$id"; ?>">
132
Numele de Familie: <input type="text" value="ud_first" value="<? echo "$nume"?

>"><br>
Numele de Botez: <input type="text" value="ud_last" value="<? echo "$prenume"?
>"><br>
Numrul de Telefon: <input type="text" value="ud_phone" value="<? echo "$telefon"?
>"><br>
Numrul de Mobil: <input type="text" value="ud_mobile" value="<? echo "$mobil"?
>"><br>
Numrul de Fax: <input type="text" value="ud_fax" value="<? echo "$fax"?>"><br>
Adresa E-mail: <input type="text" value="ud_email" value="<? echo "$email"?>"><br>
Adresa Web: <input type="text" value="ud_web" value="<? echo "$web"?>"><br>
<input type="Submit" value="Update">
</form>
Secvena construiete un formular standard.
III.3. Urmeaz actualizarea efectiv a bazei de date. Operaia implic o nou cerere
pentru baza de date:
$query = "UPDATE contacts SET nume = '$ud_first',prenume = '$ud_last',telefon =
'$ud_phone',mobil = '$ud_mobile',fax = '$ud_fax',email = '$ud_email',web = '$ud_web'
WHERE id = '$ud_id'";
Aceast cerere spune sistemului de gestiune de baze de date s actualizeze tabela
contacts n acele linii n care ID coincide cu valoarea din $ud_id (care a primit valoarea
id a nregistrrii pe care o actualizm), modificnd urmtoarele cmpuri cu valorile
specificate (care au fost introduse cu ajutorul formularului).
Cererea poate fi nglobat n scriptul:
$ud_id=$_POST['ud_id'];
$ud_first=$_POST['ud_first'];
$ud_last=$_POST['ud_last'];
$ud_phone=$_POST['ud_phone'];
$ud_mobile=$_POST['ud_mobile'];
$ud_fax=$_POST['ud_fax'];
$ud_email=$_POST['ud_email'];
$ud_web=$_POST['ud_web'];
$password="parola";
133
$database="baza_de_date";
$query="UPDATE contacts WHERE id='$ud_id' SET first='$ud_first' last='$ud_last'
phone='$ud_phone' mobile='$ud_mobile' fax='$ud_fax' email='$ud_email'
web='$ud_web'";
echo "Actualizarea s-a fcut";
mysql_close();
Se va actualiza baza de date transmind i o confirmare utilizatorului.
IV. Pentru tergerea nregistrrilor - trebuie s-i transmitem poziia (ID-ul)
nregistrrii, prntr-un URL:
delete.php?id=11
V. Cutarea - se poate realiza o cutare limitat n baza de date folosind funcia

special din MySQL, LIKE , n forma:
SELECT * FROM nume_tabela WHERE nume_camp LIKE '%$string%'
LIKE va spune bazei de date s foloseasc posibilitile proprii de cutare. Semnele %
au semnificaia c orice alte date pot s apar n poziia lor i variabila $string va
conine cererea de cutare
VI. Comanda mysql_close(); nchide conexiunea cu serverul de baze de date.
Scriptul va rula nc, dac nu includem aceast comand, iar prea multe conexiuni
MySQL deschise pot cauza probleme serverului web. Este bine s includem comanda
de nchidere dup ce am introdus toate comenzile ctre baza de date, pentru a menine
platforma n bun stare.
134
Tema 7. Partajarea datelor

Fia de documentare 7 Partajarea datelor
Internetul este o vast colecie de re ele de diferite tipuri conectate ntre ele ce
permite utilizatorilor aflai n locuri diferite sa foloseasc diferite servicii( Web-ul, e-mail,
ftp ). ISP(Internet Service Provider) ofer acces la internet diferitelor organiza ii sau
persoane, sau servicii cum ar fi : gzduirea de situri, email etc.
Intranet este o poriune de Internet care este administrat separat i pentru care exista
politici de securitate locale. Un intranet este conectat la internet prntr-un router , care
permite utilizatorilor din interior sa utilizeze servicii ca Web sau e-mail. Se poate permite
utilizatorilor din exterior s acceseze anumite servicii pe care le pune la dispozi ie.
Pentru a se proteja sunt utilizate fireall-urile pentru prevenirea intrrii sau ie irii
mesajelor neautorizate. Firewall filtreaz anumite mesaje conform unor criterii. Unele
organizaii, care din motive de securitate nu permit conectarea intranet-urilor lor la
Internet.
Atunci cnd anumite resurse se folosesc de ctre mai mul i utilizatori trebuie realizat o
partajare a cestora. Pot fi partajate resurse hardware (imprimante), resurse
software(fi iere), resurse cu anumite func ionalit i (motoarele de cutare).
Partajarea hardware urmre te reducerea costurilor prin utilizarea n comun a mai
multor resurse hard (ex. imprimant, discuri).
Din punct de vedere a utilizatorilor o mare important o are partajarea resurselor care
joac un rol n aplicaiile lor, cum ar fi partajarea datelor care se gsesc ntr-o baza de
date sau de pagini web.
Modelul partajrii difer n funcie de scopul i de modul cum utilizatorii folosesc

resursele partajate. Putem vorbi de partajarea motoarelor de cutare pe Web, care pot
fi folosite de utilizatori care nu vor veni niciodat n contact, sau de computer-supported
cooperative working CSCW, n care avem un grup de utilizatori care coopereaz n
mod direct prin partajarea a unor fi iere.
n cadrul partajrii resurselor termenul de serviciu este vzut ca o parte distinct a unui
sistem care face managementul unei colecii de resurse asemntoare i face public
funcionalitatea lor utilizatorilor i aplica iilor. Astfel accesm un fi ier partajat cu ajutorul
unui serviciu pentru fi iere, sau trimitem un document la o imprimant cu ajutorul unui
serviciu pentru imprimant. Accesul la serviciul respectiv se face printr-o serie de
operaii (pentru serviciul de fi iere avem opera iile de read, write, delete).
Termenul de server se refer la un program care ruleaz (proces) pe un computer dintro reea i care accept cereri de la computere din reea. Cei care trimit cereri poart
numele de clieni.
WWW este un sistem ntr-o permanenta evolu ie n care se pot publica i accesa
resurse specifice internetului. Web-ul este un sistem deschis : poate fi extins i
implementat n feluri diferite fr a-i perturba func ionalitatea
Un sistem distribuit trebuie s se aib n vedere urmtoarele :
135
- Eterogenitatea
- Deschiderea
- Securitatea
- Scalabilitatea
- Tratarea erorilor
- Concurenta
- Transparenta
Eterogenitatea
Internetul ofer posibilitatea utilizatorilor de a accesa servicii i de a rula aplica ii ntr-un
mediu eterogen. Eterogenitatea se aplica la mai multe nivele :
reele de i Internetul const din multe tipuri de re ele , diferen ele dintre ele
sunt ascunse de faptul c se utilizeaz pentru comunicare acelea i protocoale
hardware tipurile de date au o reprezentare diferita n func ie de hardware-ul

folosit.
sisteme de operare - modul cum se face schimbul de mesaje n UNIX este diferit
de modul cum se face schimbul de mesaje n Windows
limbaje de programare n general multe limbaje de programare folosesc

reprezentri diferite pentru caractere sau structuri de date
implementri diferite ale dezvoltatorilor
Deschiderea este caracteristica unui sistem care spune dac acesta poate fi
extins i implementat n moduri diferite. Deschiderea pentru un sistem distribuit se
refer n primul rnd la capacitatea de adugare i publicarea de noi servicii de
partajare a resurselor. i acest lucru se poate face doar n cazul n care specifica iile i
documentaiile respectivei interfee software sunt fcute publice.
Sistemele deschise se caracterizeaz deci prin faptul ca interfe ele lor sunt publice.
Sistemele distribuite deschise sunt bazate pe asigurarea unui mecanism uniform de
comunicare i publicare a interfeelor pentru accesul la resursele partajate. Sistemele
distribuite pot fi construite din entiti eterogene, dar trebuie s se asigure ini ial
funcionarea corespunztoare a acestora.
Securitatea unei resurse are trei componente:
confidenialitate protecia mpotriva dezvluirii neautorizate

136
integritate protecie mpotriva alterrii sau coruperii
disponibilitate protecie mpotriva interferentelor atunci cnd se dore te

accesarea unei resurse
Un sistem este considerat scalabil dac el rmne func ionabil i atunci cnd
crete semnificativ numrul de resurse i numrul de utilizatori.
Proiectarea unui sistem distribuit scalabil trebuie sa ofere solu ii la:
controlul costului resurselor fizice
controlul pierderii performanelor cre terea dimensiunii duce la scderea

performantelor..
prevenirea cderii resurselor software
evitarea strangulrilor
Tratarea erorilor
Un procesor, un computer din reea poate cdea n mod independent de celelalte. De
aceea fiecare componenta trebuie sa fie con tient c o componenta de care depinde
poate e ua i atunci trebuie sa poat gsi o solu ie.
Tehnici folosite pentru manipularea erorilor :
detectarea erorilor unele erori pot fi detectate, dar sunt i erori care sunt greu
de detectat, de exemplu cderea la distant a unui server. Deci trebuie gsite
soluii n situaii de eroare care nu pot fi detectate ci doar suspectate.
Mascarea erorilor unele erori care pot fi detectate pot fi ascunse sau gsite
soluii de ameliorare a lor. Astfel unui fi ier i se poate pstra o copie pe un alt
disk i daca o variant a fost corupt se poate folosi varianta buna.
Tolerana la erori atunci cnd un browser Web nu poate intra n legtura cu un

server, informeaz utilizatorul asupra problemei i nu l face sa a tepte la
nesfrit
- Recuperarea n urma apariiei erorilor : recuperarea implic faptul ca sistemul
este proiectat astfel nct datele pot fi recuperate dup ce serverul a czut.
- Redundanta serviciile trebuie sa fie tolerante la erori prin folosirea unor tehnici
de redundant.
ntre doua routere din Internet ntotdeauna trebuie s existe minim dou ci diferite, n
Domin Mame Service, fiecare tabel se gse te pe cel pu in doua servere diferite, o
baz de date poate fi replicat pe mai multe servere (atunci cnd un server cade
utilizatorul este redirectat ctre serverul care func ioneaz).
137
Concurena. ntr-un sistem distribuit exista posibilitatea ca o aceea i resurs

partajat sa poat fi accesat de mai mul i utilizatori simultan. O solu ie ar fi ca
mecanismul care face managementul resursei sa serveasc cte un client odat.
Aceasta soluie este clar limitat. n general ns aplica iile sunt construite pentru a
putea deservi mai muli clieni.
Pentru ca un obiect sa fie sigur ntr-un mediu concurent, opera iile asupra lui trebuie s
poat fi sincronizate n a a fel nct sa avem date consistente. Acest lucru se poate
obine prin tehnici standard ca semafoarele.
Transparenta Un sistem este transparent atunci cnd este perceput ca un ntreg

i nu ca o colecie de componente independente.
Tipuri de transparen :
acces transparent resursele remite i cele locale sa poat fi accesate prin

acelea i operaii
transparena localizrii accesarea resurselor fr s se tie unde sunt localizate

- transparena concurentei mai multe procese opereaz concurent folosind
resursele partajate fr s interfereze ntre ele
transparena replicrii permite ca mai multe instan e a unei resurse s poat fi

folosite, acest lucru crescnd performanta i rezistenta
transparena erorilor permite ascunderea erorilor, permi nd utilizatorilor s-si

rezolve task-ul n ciuda apariiei unei erori software sau hardware
mobilitate transparenta permite mi carea resurselor i a clien ilor n sistem fr

s fie afectate operaiile care se doresc a fi fcute
performana transparent permite sistemului sa poat fi reconfigurat pentru a-i

mbunti performantele
scalabilitate transparent - permite sistemului sa se expandeze fr sa fie nevoie

de schimbarea structurii sistemului sau a algoritmilor folosi i.
Capacitatea de partajare a datelor reprezint avantajul definitoriu al unui SGBD

relaional, fapt important mai ales pentru aplicaiile bazate pe Web, deoarece mai muli
utilizatori pot obine acces la acelea i date aproape simultan. Sistemele de gestiune a
bazelor de date relaionale includ elemente de protecie, proiectate pentru a preveni
pierderea actualizrilor i deteriorarea datelor, care se pot produce n caz contrar n
asemenea circumstane.
Sistemele de gestiune a bazelor de date au o arhitectura client-server care pune la
dispoziia utilizatorilor aflai la distant, prin intermediul unei re ele, date stocate intr-o
locaie central. Astfel, bazele de date relaionale furnizeaz partajarea datelor att n
timp, cat i n spaiu
138
Mediul client/server care se regsete n unele reele este baza de date partajat
(shared database). Aceste baze de date permit utilizatorilor s acceseze informaii care
sunt deinute la nivel central pe un server de baze de date.
Sistemele de baze de date de mari dimensiuni au reprezentat o parte integrat a
sisteme de calculatoare, nc de mult timp. Bazele de date client/server au nevoie att
de un server dedicat, ct i de o interfa cu clientul (client front end). Programul
serverului de baze de date, numit i motorul bazei de date (datbase engine), este
conceput s accepte cererile de informaii (interogrile). Interogarea efectiv este fcut
de programul client de pe calculatorul utilizatorului.
Deoarece schimbul de date ntre serverul bazei de date i clientul bazei este
transparent pentru utilizator, caracteristicile i funcionalitatea oferite de clientul bazei de
date vor fi aceleai ca i cnd baza de date ar fi local, pe calculatorul clientului.
Serverul SQL(Structured Query Language limbaj de interogare structurat: este folosit
de calculatorul client pentru a trimite interogri la serverul de baz de date este un
exemplu de sistem de baze de date client/server). Interfaa cu clientul folosit pentru
interogarea Serverului SQL este Microsoft Access.
Crearea unui user mysql pentru baza de date utiliznd CPANEL
Dup adugarea unei baze de date se poate crea un user nou sau aloca un user
existent acelei baze de date.
Se folosete ADD USER TO DATABASE pentru a acorda permisiuni user-ului mysql

creat asupra bazei de date.
139
La setarea permisiunilor se selecteaz ALL PRIVILEGES
140
Activitatea de nvare 7.1 Partajarea datelor

specific
-
Identifici posibilitile de partajare a resurselor cu mai muli utilizatori
Partajezi resurse
Utilizezi programe de partajare
Durata: 50 minute
Sugestii:
-

caietul de notie etc) adunai informaii despre modul de partajare a resurselor web.
Ajutai-v de ntrebri precum cele de mai jos:
141
1.
Ce doresc s partajez?
2.
Cum vreau s partajez?
3.
De ce partajez?
4.
Pot s partajez: multimedia, documente, componente software, baze de

date?
5.
Cum partajez: : multimedia, documente, componente software, baze de

date?
142
Activitatea de nvare 7.2. Partajarea datelor disponibile pe web

specific
-
Identifici posibilitile de partajare a resurselor cu mai muli utilizatori
Partajezi resurse
Utilizezi programe de partajare
Durata: 50 minute

-
Sarcina de lucru:
Resursele disponibile pe web sunt de mai multe categorii :

-
multimedia : imagini, animaii etc.;
documente
lexicoane, dicionare;
componente software reutilizabile
baze de date
Realizai o scheme de partajare a diferitelor categorii de date. Realizai i o partajare a

bazei de date, considernd c la aceast baz de date se pot conecta urmtoarele
categorii de persoane:
-
care au acces total asupra bazei de date
care pot dect consulta baza de date
care pot consulta i modifica date
143
Tema 8. Legislaie specific

Fia de documentare 8. Legea drepturilor de autor
Legea nr 8/1996 privind dreptul de autor i drepturile conexe
TITLUL I
Dreptul de autor
PARTEA I
Dispozitii generale
CAPITOLUL I
Dispozitii introductive
CAPITOLUL II
Subiectul dreptului de autor
CAPITOLUL III
Obiectul dreptului de autor
CAPITOLUL IV
Continutul dreptului de autor
CAPITOLUL V
Durata protectiei dreptului de autor
CAPITOLUL VI
Limitele exercitarii dreptului de autor
CAPITOLUL VII
Cesiunea drepturilor patrimoniale de autor
PARTEA a II-a
Dispozitii speciale
CAPITOLUL VIII
Operele cinematografice i alte opere audiovizuale
CAPITOLUL IX
Programele pentru calculator
CAPITOLUL X
Operele de arta plastica, de arhitectura i fotografice
CAPITOLUL XI
Protectia portretului, a destinatarului corespondentei i a secretului sursei de informare
TITLUL II
Drepturile conexe dreptului de autor i drepturi sui-generis
CAPITOLUL I
Dispozitii comune
CAPITOLUL II
Drepturile artistilor interpreti sau executanti
CAPITOLUL III
Drepturile producatorilor de inregistrari sonore
CAPITOLUL III^1
Drepturile producatorilor de inregistrari audiovizuale
CAPITOLUL IV
Dispozitii comune autorilor, artistilor interpreti sau executanti i producatorilor de
inregistrari sonore i audiovizuale
CAPITOLUL V
Organismele de radiodifuziune i de televiziune
CAPITOLUL VI
Drepturile sui-generis ale fabricanilor bazelor de date
144
TITLUL III
Gestiunea i apararea dreptului de autor i a drepturilor conexe
CAPITOLUL I
Gestiunea drepturilor patrimoniale de autor i a drepturilor conexe
CAPITOLUL II
Oficiul Roman pentru Drepturile de Autor
CAPITOLUL III
Masuri de protectie, proceduri i sanctiuni
Sectiunea 1
Masuri tehnice de protectie i informatii privind regimul drepturilor
Sectiunea a 2-a
Proceduri i sanctiuni
TITLUL IV
Aplicarea legii. Dispozitii tranzitorii i finale
http://www.legi-internet.ro/index.php?id=63
145
Activitatea de nvare 8.1 Legea drepturilor de autor

specific
-
cunoti noiune de drept de autor
aplici legea dreptului de autor
Durata: 120 minute
Tipul activitii: Cubul

Sugestii:
-
elevii se organizeaz n 6 grupe
Sarcina de lucru:
Folosii un cub care semnifica, n mod simbolic, tema ce urmeaz a fi explorat: Legea
drepturilor de autor. Cubul are nscrise pe fiecare dintre fe ele sale: Descrie,
Compar, Analizeaz, Asociaz, Aplic, Argumenteaz.
Pe tabla/flip chart, profesorul detaliaz cerin ele de pe fetele cubului:

146
Descrie rolul legii dreptului de autor

Compar subiectul cu obiectul dreptului de autor.
Analizeaz drepturile sui-generis ale fabricanilor bazelor de date
Asociaz diferitele sanciuni fapta comis
Aplic prevederile legii de autor pentru un produs informatic
Argumenteaz necesitatea legii dreptului de autor
Conductorul fiecrui grup va rostogoli cubul. Echipa sa va explora tema din

perspectiva cerinei care a czut pe fata superioara a cubului i va nregistra totul pe o
foaie de flip chart.
Dup 40 minute, grupurile se reunesc n plen i vor mprt i clasei rezultatul analizei.
Concluziile se trec pe tabl / flip chart.
147
Tema 9. Testarea i validarea site-urilor create

Fia de documentare 9 Testarea i validarea site-urilor create
Procesul de creare a unui site Web se poate considera ncheiat numai dup
parcurgerea etapei de testare a site-ului, etap esenial pentru construirea unui site
de calitate.
nainte upload-ul sitului web pe serverul gazd este indicat s se fac testarea
local a sitului, pentru a avea sigurana c paginile web arat n browser aa cum a fost
proiectat. Se verific din punct de vedere gramatical i ortografic i al coninutului
textul din fiecare pagin. Pentru site-urile de dimensiuni mari se citesc documentele n
mod repetat, cutnd un anumit tip particular de erori. Prima citire se urmrete
aspectul general al documentului i descoperirea erorilor de formatare. A doua lectur
presupune verificarea logicii i cursivitii ideilor i a cuvintelor. A treia lectur,
presupune corectarea minuioas a ntregului text verificnd sintaxa, ortografia,
punctuaia.
Dup verificarea corectitudinii textului din pagini din punct de vedere gramatical i logic,
urmeaz etapa de testare a paginilor. n aceast etap se testeaz corectitudinea
etichetelor HTML, a link-urilor, a imaginilor, etc.
Dup transferarea tuturor fiierelor, se acceseaz i se verific din nou site-ul, n

mod on-line. Trebuie s nu existe nici un fel de eroare i totul s funcioneze aa cum a
fost planificat. n acest scop sunt parcurse urmtoarele etape:
se navigheaz prin fiecare pagin i se verific funcionalitatea tuturor legturilor

interne i externe, butoanelor de navigare i hrilor grafice. n acest acop se
poate folosi un verificator automat de legturi " link checker "
paginile Web se pot tipri pentru a putea fi analizat modul de aranjare n pagin,
vizualizarea cuvintelor scrise greit i a greelilor de punctuaie, etc.
se determin i analizeaz timpii de ncrcare pentru fiecare pagin web. Dac

aceti timpi sunt foarte mari, se ncearc reducerea dimensiunii fiierelor
grafice, elementelor multimedia sau eliminarea unor javascript-uri sau appleturi
Java
se corecteaz toate erorile off-line i se retransmit fiierele care au fost

modificate
pentru a evita pierderea de date, este recomandat s se fac copii dup toate
fiierele i apoi s fie salvate ntr-un director separat pe computer sau pe un
suport extern.
Pentru a verifica erorile care apar n timpul proiectrii paginilor web , se poate folosi un
serviciu de validare HTML . O pagin Web care urmeaz s fie validat trebuie sa aib
148
un Document Type Definition (DOCTYPE) ca prim linie pentru pagina HTML .Exemplu:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"
Aceasta specific sintaxa ( structura gramatical ) a paginii Web . Dup ce ruleaz un
program de validare HTML , se obine o list cu mai multe erori de sintaxa HTML .
acestea sunt analizate i apoi remediate, n msura n care acest lucru este posibil.
n cazul cnd formatul afiat de browser nu este cel ateptat se verific mai nti
compatibilitatea dintre browser i stilul de caractere specificat n codul HTML. Browserul
trebuie s fie capabil s afieze stilul ales. Atunci cnd sunt folosite stiluri logice,
browserul este ultima instan n decizia privind stilul caracterelor afiate.
O metod rapid de verificare a existenei unei probleme de compatibilitate este de a
afia paginile utiliznd browsere diferite, dintre care unul s poat afia n mod sigur
stilul de caracter utilizat. Dac acel browser afieaz textul incorect, se face verificarea
codului HTML. Dac textul este afiat corect, atunci exist o incompatibilitate cu
celelalte browsere.
Un site trebuie n primul rnd sa aib un con inut original, bogat, interesant i
actualizat periodic pentru a deveni popular n rndul navigatorilor web. Pentru site se
aleg acele elemente care vin n ntmpinarea necesitilor utilizatorului, i sunt ct mai
eficiente posibil din punctul de vedere al dimensiunii fiierelor, al timpului de acces i al
ntreinerii ulterioare. Un site Web nu se construiete pentru a satisface gustul
designerului (sau al clientului pentru care lucreaz), ci pentru a veni n ntmpinarea
nevoii de informaii a vizitatorilor si. Focalizarea asupra utilizatorului este prioritatea
principal a unui site de calitate.
Lizibilitatea este definita ca u urina cu care un document poate fi citit. n primul

rnd dimensiunea unui font se alege n principal pentru lizibilitate ct de u or va fi de
citit textul, o mrime lizibil pentru oricine pe un ecran este 12 puncte.
Cea mai mare parte a ceea ce citim este corpul de text. n corpul de text intr fonturile
mai mici de 14 puncte. n general blocurile de text au fonturi cuprinse ntre 9-12pt.
Dimensiunea trebuie aleas n funcie de font, mediul de expunere i scopul urmrit,
toate avnd ca scop citirea u oar a textului. Pentru corpul de text nu trebuie ales un
font mai mare de 16pt i c dimensiunea aleas trebuie pstrat de la cap la coad.
Fonturile de afi are - sunt fonturile mai mari dect corpul de text, deci mai mari de 14
puncte. Sunt folosite la titluri, subtitluri, anun uri, pentru a capta aten ia cititorului, a l
atrage sau a-l direciona spre un anumit mesaj. Fonturile pentru titlu sunt acele fonturi
care au fost gndite pentru a fi folosite la dimensiuni mari, n titluri,n general peste 18
pt. Sunt situaii cnd, pentru a atrage aten ia cititorului, se folosesc fonturi decorative
sau cu aspecte neobi nuite, lsnd oarecum pe planul secund lizibilitatea n favoarea
contrastului puternic dorit.
La un site bine realizat, se observ urmtoarele: titlul are fontul cu dimensiunea cea mai
mare, de multe ori poate chiar folose te majuscule sau culori. Urmeaz subtitlurile, mai
149
mici, dar cu proprieti similare. Corpul de text este cel mai mic i are un aspect
consistent pentru a u ura citirea. Anumite cuvinte sunt eviden iate cu bold sau italic i
de multe ori link-urile sunt colorate sau subliniate pentru a atrage aten ia. Toate acestea
au rolul de a face site-ul u or de citit i de navigat.
Ergonomia este definit ca tiin i tehnologie interdisciplinar

avnd ca obiect adaptarea reciproc ntre oameni, maini i mediu n
cadrul interaciunii lor ca sisteme.
Ergonomia cognitiv se concentreaz n mod particular asupra

interaciunii dintre om i mediul activitii sale cognitive, concentrndu-se
pe procesele de nelegere, raionament i utilizare a cunotinelor.
Utilizabilitatea tehnologiei informaionale i de comunicare se bazeaz pe
o proiectare a tehnologiei centrat pe om, orientat ctre nevoile i
interesele utilizatorului. Interfaa om-calculator este utilizabil dac
consider urmtoarele condiii:
utilizarea ei este uor de nvat i reamintit,

este eficient, adic se pot efectua rapid aciuni complexe,
este consistent, unitar,
flexibil,
confortabil.
Proiectarea interfeelor utilizabile, prietenoase i personalizate impune

considerarea mai multor principii de ergonomie cognitiv:
1. principiul coerenei, caracterul unitar al constituenilor interfeei,
2. principiul conciziunii, asigurarea unei economii cognitive,
3. principiul conexiunii inverse (feedback-ului), asigurarea unei reacii
la orice interaciune pentru a furniza informaii utilizatorului asupra
funcionrii sistemului n scopul nelegerii ct mai uoare a strii
curente i detectarea situaiilor nedorite
Scalabilitatea este o proprietate a unui sistem, a unei reele sau a unui proces,
proprietate care arat capacitatea acelui sistem de a suporta corect un volum mai mare
de ncrcare, sau de a permite mrirea sau extinderea sa. Un sistem este scalabil dac
el se comport similar, fr defeciuni, atunci cnd volumul de date pe care le
prelucreaz devine mai mare. De asemenea, un sistem poate fi considerat scalabil i
dac este capabil s ofere rezultate mbuntite n condiiile n care i sunt adugate
resurse adiionale. Deci scalabilitatea este proprietatea site-urilor web de a permite
dezvoltarea lor ulterioar, de a pune la dispoziia designe-rilor posibilitatea de a porni de
la sisteme mici i de a cre te n funcie de necesit i.
Standardul XHTML este standardul prin folosirea caruia administratorii unui site
au certitudinea c toi utilizatorii vd n acela i fel paginile unui website indiferent de
150
browserul sau sistemul de operare cu care sunt accesate. De asemenea, folosirea

standardului XHTML i CSS permite unei pagini web sa aib dimensiuni mai mici i s
fie afi at mai repede de ctre browser, plus o flexibilitate mai mare la integrarea
elementelor de design.
O pagin valid din punct de vedere a codului utilizat la realizarea ei, se constituie
ntr-un avantaj total pentru website. Respectnd standardele impuse paginile vor
putea fi ncrcate n toate browserele fr a- i schimba prea mult sau poate deloc
aparena,lucru important deoarece utilizatorii pot folosi diferite browsere internet
pentru a accesa paginile website-ului. Fiind bazate pe un cod valid de sintax i
coninut timpii de ncrcare vor fi mai mici , deoarece nu mai exist timpi ntre
preluarea paginii, analiza erorilor i afi area ei ntr-o maniera ct mai corecta.
Motoarele de cutare nu vor mai ignora poate chiar total un website, a a cum fac n
momentul n care ntlne te un website bazat pe cod cu erori.
Pe lng aceste avantaje vizibile sunt i avantaje care i privesc pe designeri, pe cei
care asigur mentenana sau pe cei care posed un website. Un website realizat bine
din toate punctele de vedere va fi mereu unul actual, sigur, prietenos cu utilizatorii,
uor de dezvoltat sau actualizat, primul n motoarele de cutare.
Modelul orientat-obiect pentru documente DOM este o specifica ie a World Wide

Web Consortium care descrie structura documentelor dinamice HTML i XML n
modaliti care le permit s fie manipulate ntr-un browser Web.
Modelul orientat-obiect pentru documente (DOM) reprezint o interfa a de programare a
aplicaiilor destinate sa prelucreze documentele HTML i XML, independenta de
platforma i de limbaj, definind structura logica a documentelor i modalit ile de
accesare i de modificare a lor.
Aceast structur logic este arborescent, orientat-obiect: documentele sunt
modelate utiliznd obiecte, modelul ofer doar o vizualizare structurat a documentului
i o manier de specificare a comportamentului lui i a obiectelor componente. Fiecare
element al unui document poate fi privit, ca un obiect, fiecare obiect avnd identitate i
propriile sale funcii. DOM identifica: interfe ele i obiectele utilizate s reprezinte i s
manipuleze un document, semantica acestor interfe e i obiecte (inclusiv
comportamentul i atributele lor); relaiile i dependen ele ntre aceste interfe e i
obiecte.
151
Activitatea de nvare 9.1. Testarea i validarea site-urilor create.

Competena: Realizeaz publicarea site-ului Web creat
-
Cunoti criterii i specificaii de verificare site Web
Utilizezi criterii i specificaii de verificare site Web
Respeci standarde i metode de testare i validare
Evaluezi un site web
Durata: 40 minute

Sugestii:
-

caietul de notie etc) obinei informaii despre criterii de verificare a site-urilor Web i
standarde de testare i validare a acestora i organiza i-le dup modelul urmtor:
Consisten
coninut,
corectitudine,
acuratee
Conformitate cu
cerinele proiectului
Modelul orientat-obiect
pentru documente
Testate i
validate site
WEB
Lizibilitate estetic,
principii de
ergonomie cognitiv
Utilizabilitate,
compatibilitate cu
browser-ul Web,
scalabilitate
Standardul XHTML
152
Tema 10 Publicarea site-urilor Web

Fia de documentare 10 Publicarea site-urilor Web
Dup crearea site-ului i verificarea acestuia urmeaz etapa publicrii pe Web a siteului, pentru ca paginile create s poat fi vizitate de utilizatori, iar site-ul s i ating
scopul pentru care a fost creat .
n etapa publicrii pe Web a site-ului se parcurg urmtorii pai:
1. Stabilirea unui nume de domeniu
2. Stabilirea serverului Web pe care va fi stocat (gzduit) site-ul
3. Organizarea i denumirea fiierelor n conformitate cu cerinele serverului gazd
4. Transferul fiierelor
Numele de domeniu este cel care d identitate site-ul pe Web. Numele de

domeniu al site-ului va face parte din adresa URL a fiecrei pagini i va oferi site-ului o
prezen distinct pe Web.
Pe Web exist mai multe domenii principale care pot fi grupate astfel:
comerciale .com
educaionale .edu
guvernamentale .gov
furnizorii de servicii de reea .net
instituii non-profit .org
domeniile corespunztoare rilor lumii (.ro pentru Romnia)
Exist dou posibiliti de obinere a unui nume de domeniu pentru site:
domeniu pltit
domeniu gratuit
Opiunea domeniului pltit asigur o prezen stabil i credibil pe Web. Achiziionarea

i nregistrarea unui domeniu nu este foarte costisitoare i asigur site-ului o identitate
serioas i credibilitate. Fiind proprietarul unui domeniu se poate schimba locaia siteului (serverul Web pe care este gzduit) fr s fie necesar schimbarea domeniului.
Adresa URL a site-ului n cazul unui domeniu pltit va fi de forma:
http://www.nume_site.com
153
Lista de gazde web cu tax

www.cnet.com/internet.
www.findahost.com.
www.hostfinders.com.
www.hostindex.com.
www.thelist.internet.com.
www.tophosts.com.
Pentru a obine un nume de domeniu gratuit se apeleaz la companii on-line care ofer
astfel de domenii i spaiu de gzduire pentru site. Pentru cei care realizeaz pentru
prima dat un site Web este chiar indicat s foloseasc pentru publicarea site-ului un
domeniu i un serviciu de hosting gratuite.
Un domeniu gratuit poate aduce i multe dezavantaje site-ului, cum ar fi: restricii, att
n ceea ce privete cantitatea, ct i tipul de date ce pot fi stocate (fr reclame),
obligativitatea afirii n paginile proprii a unui banner pentru furnizorul de gzduire. De
asemenea prima judecat de valoare asupra unui site este fcut pe baza numelui su
de domeniu.
n cazul unui domeniu gratuit adresa URL a site-ului va fi:
http://www.numefirmagazda.com/~nume_site sau
http://www.nume_site.numefirmagazda.com
Prin acest URL vizitatorii site-ului vor ti c se folosete un serviciu de hosting gratuit
ceea ce va afecta credibilitatea. Dac site-ul este unul de afaceri, folosirea unui
domeniu i serviciu de hosting gratuit este contraindicat. Afiarea unor bannere
publicitare impus de furnizorii de serviciu distrag atenia vizitatorilor de la coninutul
site-ului i mresc timpul de ncrcare al paginilor.
Lista cu gazde gratuite:
www.100best-free-web-space.com www.fwpreview.com.
www.freewebsiteproviders.com.
www.freeindex.com.
www.freewebspace.net.
dir.yahoo.com/Business_and_Economy/
Serviciul de gzduire Web (Web hosting)
154
Pentru a determina ce fel de cont se potrivete site-ului creat nainte de a publica

site-ul pe Web este necesar o evaluare a necesitilor de acces. n aceast etap sunt
necesare cunoaterea necesitilor de natur tehnic cum ar fi: limea de band,
mediul de transmisie (anten satelit, cablu cu fibre optice, unde radio), tipul de server
folosit, asistena tehnic oferit.
Exist 3 opiuni de gzduire:
Instalarea unui server Web propriu
Utilizarea serverului Web al providerului de servicii Internet
Utilizarea unui server Web aparinnd unei firme care ofer servicii de hosting
Instalarea unui server Web propriu este soluia cea mai costisitoare, dar i cea care
ofer avantaje semnificative. Dac dispunem de o conexiune dedicat se pot furniza
servicii Web 24 de ore/zi utilizatorilor. Exist un control complet asupra serverului Web
i se poate publica orice se dorete. Se poate configura serverul i pentru alte servicii,
cum ar fi FTP, Telnet, scripturi CGI, etc. Avnd un server propriu putem avea propriul
domeniu care va stabili o prezen distinct pe Web. Adresa URL va avea forma
urmtoare:
http://www.nume_firma.com/
Costurile necesare echipamentului hardware, conexiunii la Internet, configurrii i
ntreinerii unui server propriu depesc, ns, posibilitile unui utilizator obinuit.
Utilizarea serverului Web al providerului de Internet este o opiune economic.
Furnizorii de servicii Internet ofer n cadrul contului de acces i un anumit spaiu pe
serverele proprii pe care se poate plasa site-ul, fr a percepe taxe suplimentare.
Spaiul oferit este de obicei mic( 1-3 Mb) i nu sunt oferite faciliti pentru crearea de
pagini dinamice. Dac se dorete obinerea de faciliti suplimentare trebuie s pltit n
plus.
Contul la ISP este accesibil pe baza unei conexiuni dial-up care permite o legtur cu o
vitez de pn la 56 Kbps.
Dac se dorete deschiderea unui cont la ISP trebuie verificate detaliile privind spaiul
de stocare, taxele pentru spaiul adiional, eventualele alte taxe. Trebuie verificat de
asemenea disponibilitatea altor servicii, precum: FTP, Gopher, Telnet, scripturi CGI,
care ar trebui s poat fi utilizate gratuit, n cazul n care exist.
Un cont la un provider ISP este o opiune economic dar, n acelai timp, limitat. Nu
exist control al serverului Web, serviciile adiionale rmn la latitudinea providerului, nu
exist domeniu propriu. Adresa URL va arta astfel:
http://www.provider.com/~nume_site
Utilizarea unui serviciu de hosting pltit reprezint cea mai bun soluie din punctul de
vedere al raportului servicii/pre . Ofertele sunt numeroase i variate ca pre. nainte de
a alegere trebuie realizat un studiu comparativ al ofertelor n privina spaiului pus la
dispoziie, al traficului impus precum i al prezenei diverselor faciliti: scripturi CGI,
155
baze de date, email personalizat, al modului de transfer al fiierelor, , etc. trebuie avut n
vedere c site-ul se poate dezvolta ulterior, astfel nct spaiul de stocare rezervat la
nceput poate deveni insuficient.
Adresa URL a site-ului va avea forma urmtoare:
n acest caz se poate beneficia i de una sau mai multe adrese de email personalizate
de tipul:
adresa@nume_site.com
Folosirea serviciilor unei firme de hosting v permite ca, odat ce deinei propriul nume
de domeniu, s v transferai site-ul pe serverul Web al firmei i s beneficiai de o
prezen stabil pe Web. Firmele de hosting ofer uneori i nume de domenii pentru
clienii lor ns exist riscul ca dac se dorete renunarea la serviciile acelei firme se
poate pierde domeniul. De aceea este mai bine ca domeniul i gzduirea s fie tratate
separat.
Organizarea i denumirea fiierelor

Serverul Web are un director "rdcin" (root) unde vor fi stocate toate fiierele site-ului.
Este indicat s se organizeze fiierele care fac parte din site pe computerul personal
exact aa cum ele vor fi organizate pe serverul Web.. Folderul unde vei stoca aceste
fiiere pe computerul personal va juca rolul directorului "rdcin" al serverului. n
directorul "rdcin" va fi plasat fiierul care va conine pagina "home" a site-ului, acest
fiier fiind denumit de obicei index.html sau index.htm.
Dac site-ul este de mici dimensiuni se pot plasa toate fiierele n acelai director. Dac
site-ul este mai mare, este recomandat s se creeze pentru fiecare seciune principal
a site-ului cte un subdirector care va conine fiierele asociate acelei seciuni.
Subdirectoarele pot conine la rndul lor cte un fiier index. Atunci cnd se transfer
fiierele de pe computerul personal pe serverul Web se poate transfera ntregul
subdirector cu fiierele coninute n el. Aceast metod va face i ntreinerea site-ului
mult mai uoar.
Pentru stocarea imaginilor se poate crea un subdirector special n directorul rdcin. n
acest caz este important s crem un subdirector similar cu aceeai amplasare i pe
computerul personal.
Calea de la pagina care apeleaz o imagine la imaginea respectiv trebuie s fie
aceeai i pe computerul personal i pe server, n caz contrar imaginile nu se vor afia
dup ce site-ul a fost transferat pe server.
Stocare a imaginilor mai poate fi realizat i prin crearea unui subdirector destinat
imaginilor, plasat n subdirectorul fiecrei pagini. SE respect aceleai cerine legate de
calea corect ctre imagini. Aceast metod mbuntete viteza de ncrcare a
imaginilor n pagini, prezint ns dezavantajul este necesar s se rein mai multe copii
ale aceleiai imagini n diferite subdirectoare, n funcie de paginile unde este folosit.
156
La mutarea fiierelor pe serverul Web se impune verificarea numelor fiierelor care

trebuie s fie compatibile cu sistemul pe care sunt mutate. Trebuie verificat denumirea
i extensia fiierelor(.html sau .htm). Trebuie reinut n sistemele UNIX, care sunt cele
mai des folosite ca servere Web, denumirile fiierelor este case-sensitive. O pagin
denumit homepage.html nu este totuna cu pagina HomePage.html. De aceea este
indicat s se foloseasc pentru denumirea fiierelor numai litere mici.
Transferul fiierelor
Transferul fiierelor care compun site-ul de pe computerul propriu pe serverul Web
const n copierea fiierelor pe server n locaia destinat site-ului. Exist firme de
hosting care asigur o aplicaie special destinat transferului fiierelor. Cea mai
utilizat metod de transfer este prin intermediul unui client FTP.
Client FTP (File Transfer Protocol) este o aplicaie prin intermediul creia se poate
realiza transferul fiierelor de pe un sistem pe altul. Operaia de copiere a fiierelor de
pe computerul personal pe un alt computer se numete Upload, iar operaia preluare a
fiierelor de pe un alt computer, pe computerul personal se numete Download.
Cele mai folosite programe FTP sunt CuteFTP (http://www.cuteftp.com) i WS_FTP
(http://ipswitch.com). Dup instalarea unui client FTP, nregistrarea numelui de
domeniu i obinerea unui cont la un serviciu de gzduire sunt create condiiile pentru
transferul fiierelor care compun site-ul pe serverul gazd.
Pentru a realiza transferul fiierelor, se parcurg urmtorii pai:
se realizeaz conectarea la Internet
se deschide programul FTP. Utiliznd casetele de dialog se introduc informaiile

necesare programului pentru a realiza conexiunea cu computerul gazd.
se furnizeaz programului adresa FTP a host-ului. Aceasta adres este furnizat

de firma de hosting la deschiderea contului. Programul va cere numele de
utilizator i parola stabilite la deschiderea contului. Se de-bifeaz opiunea
Anonymous din meniul Login. Se introducerea numele de utilizator i a parola i
astfel se obine accesul contul personal, avnd accesul la directorul unde vor fi
plasate fiierele site-ului.
Programul trebuie s cunoasc tipul fiierelor transferate, pentru fiierele HTML

se folosete opiunea ASCII iar pentru celelalte fiiere, opiunea binary. Exist i
posibilitatea alegerii opiunii AutoDetect prin care programul determin singur
tipul fiierului i modul cum va face transmiterea lui.
Dup furnizarea acestor informaii programul FTP va realiza conexiunea cu serverul

gazd.
Fereastra aplicaiei FTP este mprit n dou: ntr-o parte sunt directoarele de pe
computerul personal, n cealalt parte directoarele de pe computerul gazd. Se
selecteaz directorul care conine fiierele personale i se d comanda de transfer n
directorul care este destinat pe serverul gazd.
157
Folosirea scripturilor CGI asociate site-ului necesit atenie special. Majoritatea

serverelor necesit instalarea scripturilor CGI ntr-un subdirector special numit cgi-bin,
aflat n directorul personal. Pentru plasarea i setarea corect a scripturilor trebuie
contactat administratorul serverului gazd care v va oferi indicaiile necesare.
Dac dup transferul fiierelor apar probleme cum ar fi: paginile publicate nu pot fi
accesate deloc, scripturile nu funcioneaz,se verific, mai nti, dac fiierele se afl
n directoarele potrivite. Urmeaz verificarea permisiunilor de acces pentru directoare i
fiiere, extensiile fiierelor, fiierele index. Cea mai sigur cale de rezolvare a lor este s
luai legtura cu administratorul serverului gazd .
Pentru a atrage noi vizitatori,un site trebuie ntreinut i actualizat periodic.

Pentru a menine continuu interesul vizitatorilor, un sit web nu trebuie s fie static. Daca
nu ofer informaii noi i atractive sau resurse utile, surferii nu vor avea nici un motiv s
mai revin iar situl i pierde popularitatea.
ntreinerea i actualizarea unui sit web se realizeaz din urmtoarele motive:
pentru mbuntirea proiectrii i machetrii
pentru actualizarea sau adugarea unor informaii suplimentare
pentru a rspunde comentariilor, cerinelor sau observaiilor vizitatorilor
pentru a corecta erorile i problemele aprute n timpul proiectrii
Fiierele HTML i componentele grafice sau multimedia care alctuiesc o pagin web
sunt legate ntre ele, de aceea orice adugare sau modificare afecteaz relaia care
exist ntre aceste fiiere. Apar: legturi rupte, imagini lips sau pagini web care nu se
ncarc ntr-un mod satisfctor. De aceea, trebuie acordat o atenie deosebit
ntreinerii sitului web, pentru a v asigura c toate fiierele i structura sitului sunt
optime iar toate paginile web pot fi vizualizate fr probleme.
ntreinerea unui sit web personal, difer foarte mult fa de ntreinerea unui sit de
comer electronic. n funcie de complexitatea sitului, este posibil ca ntreinerea i
actualizarea acestuia s reprezinte sarcina permanent a unui webdesigner sau chiar a
unei echipe.
Pentru a realiza o ntreinere eficient a sitului web, se poate ntocmi o baz de date
care trebuie s conin:
scurt descriere a coninutului paginilor web
frecvena de actualizare
mbuntirile sau modificrile aduse
legturi i alte resurse folosite

158
comentariile sau recomandrile vizitatorilor .
Deoarece plasamentul n motoarele de cutare se schimb permanent, deci

necesar verificarea periodic a plasamentului.
este
Important este i urmrirea traficului. Numr de vizitatori, care sunt paginile cele mai
frecventate sau care pagini web constituie o poart de ieire din sit? Sunt informaii care
se poate obine prin folosirea eficient a unui contor de trafic.
Pe baza analizei rezultatelor obinute se poate face modificarea, actualizarea sau chiar
nlocuirea paginilor web cele mai puin accesate i care nu prezint interes pentru
vizitatori.
Prin actualizarea unui sit web se nelege, n principal, modificarea coninutului. Aceasta
poate presupune adugarea sau modificarea unor legturi externe sau chiar adugarea
unui formular.
Schimbarea coninutului unui sit web nu nseamn neaprat renunarea la coninutul
vechi. Unele materiale ( articole, recenzii, etc. ), care pot fi n continuare utile cititorilor
se pot pstra sub forma unor arhive. Prin organizarea judicioas a acestor arhive se va
oferi un acces facil tuturor persoanelor interesate. De asemenea, se poate aduga o
pagin cu nouti care trebuie actualizat periodic.
Resursele i costurile necesare actualizrii unui sit web depind foarte mult de felul
sitului i complexitatea acestuia. Trebuie stabilit ct de des va fi actualizat situl i ct de
extinse vor fi aceste actualizri.
159
Activitatea de nvare 10.1.1 Publicarea site-urilor Web

Competena: realizeaz publicarea site-ului Web creat
-
Achiziionezi un domeniu
Alegi o gazd pentru site
Transferi i organizezi date pe server
Administrezi site-ul Web creat
Durata: 30 minute

Sugestii:
-
Sarcina de lucru:
Etapa final ce trebuie parcurs la realizarea unui site Web este etapa etapa publicrii
pe Web a site-ului. n etapa publicrii pe Web a site-ului intervin mai muli pai:
Stabilirea unui nume de domeniu

Stabilirea serverului Web pe care va fi stocat (gzduit) site-ul
Organizarea i denumirea fiierelor n conformitate cu cerinele serverului gazd
Transferul fiierelor
Urmrii i notai pa ii urmtori.
160
1. Stabilirea unui nume de domeniu

Numele de domeniu al site-ului face parte din adresa URL a fiecrei pagini. Pentru a obine un
nume de domeniu pentru site exist dou posibiliti:
domeniu pltit
domeniu gratuit
Opiunea domeniului pltit asigur o prezen stabil i credibil pe Web. Achiziionarea

i nregistrarea unui domeniu nu este foarte costisitoare i asigur site-ului o identitate
serioas i credibilitate. Adresa URL a site-ului n cazul unui domeniu pltit va fi de
forma:
Lista de gazde web cu tax
www.cnet.com/internet.
www.findahost.com.
www.hostfinders.com.
www.hostindex.com.
www.thelist.internet.com.
www.tophosts.com.
Pentru a obine un nume de domeniu gratuit se apeleaz la companii on-line care ofer
astfel de domenii i spaiu de gzduire pentru site.
n cazul unui domeniu gratuit adresa URL a site-ului va fi:
http://www.numefirmagazda.com/~nume_site sau
http://www.nume_site.numefirmagazda.com
Lista cu gazde gratuite:
www.100best-free-web-space.com www.fwpreview.com.
www.freewebsiteproviders.com.
www.freeindex.com.
www.freewebspace.net.
dir.yahoo.com/Business_and_Economy/
2. Serviciul de gzduire Web (Web hosting)
161
Exist 3 opiuni de gzduire:
Instalarea unui server Web propriu
Utilizarea serverului Web al providerului de servicii Internet
Utilizarea unui server Web aparinnd unei firme care ofer servicii de hosting
Instalarea unui server Web propriu este soluia cea mai costisitoare, dar i cea care
ofer avantaje semnificative. Dac dispunem de o conexiune dedicat se pot furniza
servicii Web 24 de ore/zi utilizatorilor. Exist un control complet asupra serverului Web
i se poate publica orice se dorete. Se poate configura serverul i pentru alte servicii,
cum ar fi FTP, Telnet, scripturi CGI, etc. Avnd un server propriu putem avea propriul
domeniu care va stabili o prezen distinct pe Web. Adresa URL va avea forma
urmtoare:
http://www.nume_firma.com/
Costurile necesare echipamentului hardware, conexiunii la Internet, configurrii i
ntreinerii unui server propriu depesc, ns, posibilitile unui utilizator obinuit.
Utilizarea serverului Web al providerului de Internet este o opiune economic.
Furnizorii de servicii Internet ofer n cadrul contului de acces i un anumit spaiu pe
serverele proprii pe care se poate plasa site-ul, fr a percepe taxe suplimentare.
Spaiul oferit este de obicei mic( 1-3 Mb) i nu sunt oferite faciliti pentru crearea de
pagini dinamice. Dac se dorete obinerea de faciliti suplimentare trebuie s pltit n
plus.
Contul la ISP este accesibil pe baza unei conexiuni dial-up care permite o legtur cu o
vitez de pn la 56 Kbps.
Un cont la un provider ISP este o opiune economic dar, n acelai timp, limitat. Nu
exist control al serverului Web, serviciile adiionale rmn la latitudinea providerului, nu
exist domeniu propriu. Adresa URL va arta astfel:
http://www.provider.com/~nume_site
Utilizarea unui serviciu de hosting pltit reprezint cea mai bun soluie din punctul de
vedere al raportului servicii/pre . Ofertele sunt numeroase i variate ca pre. nainte de
a alegere trebuie realizat un studiu comparativ al ofertelor n privina spaiului pus la
dispoziie, al traficului impus precum i al prezenei diverselor faciliti: scripturi CGI,
baze de date, email personalizat, al modului de transfer al fiierelor, , etc. trebuie avut n
vedere c site-ul se poate dezvolta ulterior, astfel nct spaiul de stocare rezervat la
nceput poate deveni insuficient.
Adresa URL a site-ului va avea forma urmtoare:
n acest caz se poate beneficia i de una sau mai multe adrese de email personalizate
de tipul:
adresa@nume_site.com
162
Folosirea serviciilor unei firme de hosting v permite ca, odat ce deinei propriul nume
de domeniu, s v transferai site-ul pe serverul Web al firmei i s beneficiai de o
prezen stabil pe Web. Firmele de hosting ofer uneori i nume de domenii pentru
clienii lor ns exist riscul ca dac se dorete renunarea la serviciile acelei firme se
poate pierde domeniul. De aceea este mai bine ca domeniul i gzduirea s fie tratate
separat.
3. Organizarea i denumirea fiierelor
Serverul Web are un director "rdcin" (root) unde vor fi stocate toate fiierele site-ului.
Este indicat s se organizeze fiierele care fac parte din site pe computerul personal
exact aa cum ele vor fi organizate pe serverul Web.. Folderul unde vei stoca aceste
fiiere pe computerul personal va juca rolul directorului "rdcin" al serverului. n
directorul "rdcin" va fi plasat fiierul care va conine pagina "home" a site-ului, acest
fiier fiind denumit de obicei index.html sau index.htm.
Dac site-ul este de mici dimensiuni se pot plasa toate fiierele n acelai director. Dac
site-ul este mai mare, este recomandat s se creeze pentru fiecare seciune principal
a site-ului cte un subdirector care va conine fiierele asociate acelei seciuni.
Subdirectoarele pot conine la rndul lor cte un fiier index. Atunci cnd se transfer
fiierele de pe computerul personal pe serverul Web se poate transfera ntregul
subdirector cu fiierele coninute n el. Aceast metod va face i ntreinerea site-ului
mult mai uoar.
Pentru stocarea imaginilor se poate crea un subdirector special n directorul rdcin. n
acest caz este important s crem un subdirector similar cu aceeai amplasare i pe
computerul personal.
Calea de la pagina care apeleaz o imagine la imaginea respectiv trebuie s fie
aceeai i pe computerul personal i pe server, n caz contrar imaginile nu se vor afia
dup ce site-ul a fost transferat pe server.
Stocare a imaginilor mai poate fi realizat i prin crearea unui subdirector destinat
imaginilor, plasat n subdirectorul fiecrei pagini. SE respect aceleai cerine legate de
calea corect ctre imagini. Aceast metod mbuntete viteza de ncrcare a
imaginilor n pagini, prezint ns dezavantajul este necesar s se rein mai multe copii
ale aceleiai imagini n diferite subdirectoare, n funcie de paginile unde este folosit.
La mutarea fiierelor pe serverul Web se impune verificarea numelor fiierelor care
trebuie s fie compatibile cu sistemul pe care sunt mutate. Trebuie verificat denumirea
i extensia fiierelor(.html sau .htm). Trebuie reinut n sistemele UNIX, care sunt cele
mai des folosite ca servere Web, denumirile fiierelor este case-sensitive. O pagin
denumit homepage.html nu este totuna cu pagina HomePage.html. De aceea este
indicat s se foloseasc pentru denumirea fiierelor numai litere mici.
163
Activitatea de nvare 10.1.2. Achiziionare domeniu

-
Achiziionezi un domeniu
Durata: 20 minute

-
Sarcina de lucru:
Imaginai-v c ai construit un site-web i urmeaz s l publica i. Analiza i posibilit ile

de publicare a unui site, analizai avantajele i dezavantajele fiecreia. Alege i una
dintre variante , motivai alegerea.
164
Activitatea de nvare 10.1.3. Stabilire gazd site Web

-
Alegi o gazd pentru site-ul creat
Durata: 20 minute

-
Sarcina de lucru:
Imaginai-v c ai construit un site-web i trebuie s stabili i locul de gzduire a

acestuia.
Analizai posibilitile de gzduire unui site, analiza i avantajele i
dezavantajele fiecreia. Alegei una dintre variante , motiva i alegerea.
165
Activitatea de nvare 10.1.4 Transferul datelor pe server

-
Transferi i organizezi date pe server
Durata: 30 minute

Sugestii:
-
Sarcina de lucru:
Transferul fiierelor care compun site-ul de pe computerul propriu pe serverul Web

const n copierea fiierelor pe server n locaia destinat site-ului. Cea mai utilizat
metod de transfer este prin intermediul unui client FTP.
Client FTP (File Transfer Protocol) este o aplicaie prin intermediul creia se poate
realiza transferul fiierelor de pe un sistem pe altul. Operaia de copiere a fiierelor de
pe computerul personal pe un alt computer se numete Upload, iar operaia preluare a
fiierelor de pe un alt computer, pe computerul personal se numete Download.
Dup instalarea unui client FTP, nregistrarea numelui de domeniu i obinerea unui
cont la un serviciu de gzduire sunt create condiiile pentru transferul fiierelor care
compun site-ul pe serverul gazd.
Urmrii i realizai pa ii urmtori:
1. Se realizeaz conectarea la Internet
2. Se deschide programul FTP. Utiliznd casetele de dialog se introduc
informaiile necesare programului pentru a realiza conexiunea cu
computerul gazd.
3. Se furnizeaz programului adresa FTP a host-ului. Aceasta adres este
furnizat de firma de hosting la deschiderea contului. Programul va cere
numele de utilizator i parola stabilite la deschiderea contului. Se debifeaz opiunea Anonymous din meniul Login. Se introducerea numele
de utilizator i a parola i astfel se obine accesul contul personal, avnd
accesul la directorul unde vor fi plasate fiierele site-ului.
166
4. Se furnizeaz programului FTP tipul fiierelor transferate. Pentru fiierele HTML

se folosete opiunea ASCII iar pentru celelalte fiiere, opiunea binary. Se poate
alege opiunea AutoDetect prin care programul determin singur tipul fiierului i
modul cum va face transmiterea lui. Celelalte casete de dialog pot fi lsate
necompletate sau cu setrile preexistente
5. Dup furnizarea informaiilor programul FTP va realiza conexiunea cu serverul
gazd.
6. Se selecteaz fiierele ce se dorete a fi copiate. Fereastra aplicaiei FTP este
mprit n dou: ntr-o parte apar directoarele de pe computerul personal, iar n
cealalt parte directoarele de pe computerul gazd. Se selecteaz directorul care
conine fiierele ce trebuie transferate i se d comanda de transfer n directorul care
este destinat transferului pe serverul gazd.
Observaii:
Folosirea scripturilor CGI asociate site-ului necesit atenie special. Majoritatea
serverelor necesit instalarea scripturilor CGI ntr-un subdirector special numit cgi-bin,
aflat n directorul personal. Pentru plasarea i setarea corect a scripturilor trebuie
contactat administratorul serverului gazd care v va oferi indicaiile necesare.
Dac dup transferul fiierelor apar probleme cum ar fi: paginile publicate nu pot fi
accesate deloc, scripturile nu funcioneaz,se verific, mai nti, dac fiierele se afl
n directoarele potrivite. Urmeaz verificarea permisiunilor de acces pentru directoare i
fiiere, extensiile fiierelor, fiierele index. Cea mai sigur cale de rezolvare a lor este s
luai legtura cu administratorul serverului gazd .
167
Activitatea de nvare 10.1.5 Administrarea unui site Web

-
Administrezi, actualizezi i mbunteti site-ul Web
Durata: 50 minute
Sugestii:
-

caietul de notie etc) adunai informaii despre administrarea, organizarea i
mbuntirea permanent a site-ului Web. Ajuta i-v de ntrebri precum cele de mai
jos:
1.
Ce doresc s administrez site-ul ?
2.
Cum vreau s actualizez site-ul?

168
3.
De ce actualizez?
4.
Pot s mbuntesc : multimedia, documente, componente software,

baze de date?
5.
Cum actualizez : multimedia, documente, componente software, baze de

date?
169
III. Glosar
Adresa IP - Adresa Protocolului Internet. Reprezint un ir unic de numere, grupate n
serii ce identifica un computer din mediul Internet.
ASCII - este un acronim pentru American Standard Code of Information Interchange i
reprezinta o lista de litere, numere i semne de punctuatie i un numar de la 0 la 127,
asociat simbolului respectiv. Spre exemplu, litera A (mare) are codul ascii 65.
Autentificare (authentication) - Autentificarea reprezinta procedeul prin care un utilizator
este interogat, apoi ii sunt verificate numele de utilizator i parola pentru a determina
validitatea aceste combinaii i pentru a i se acorda acces la anumite resurse.
Banner - Un banner este o imagine plasata pe unele situri web cu scop publicitar.
Bit - Un bit este unitatea indivizibil pentru cantitatea de informa ie. Un bit poate lua
valorile 0 sau 1. Un ir de 8 bii formeaz un byte.
Byte (octect) - Un byte (octet) este o unitate de masur pentru cantitatea de informa ie.
Un byte este un ir de 8 biti. 1024 de bytes alcatuiesc un kilobyte sau kilooctet. 1024 de
kilobytes = 1024 x 1024 bytes alcatuiesc un megabyte.
Blog - Un jurnal inut pe un anumit server de web (public n cele mai multe cazuri).
Procesul de actualizare a acestui jurnal, poart denumirea de blogging. Toate
informaiile ce se regsesc n blog sunt actualizate zilnic sau la intervale scurte de timp,
de ctre proprietari, cu ajutorul unor programe ce permit acest lucru, accesibile oricui.
Browser - O aplicaie utilizat pentru a accesa fiierele din Internet. Browserele
obinuite sunt Microsoft Internet Explorer i Netscape Navigator.
Cache - Cache este o zon de memorie folosit pentru stocarea temporar a unei
cantitati de date (coninutul unor pagini web n caz particular). Dac utilizatorul
acceseaz aceeai pagin ntr-un interval scurt i pagina nu a suferit modificri,
browserul nu va mai copia din nou con inutul sitului web de pe internet ci va rula pagina
din cache.
Cod (code) - Orice text scris ntr-un anumit limbaj de programare, destinat interpretrii
de ctre calculatoare.
Conexiune Asincrona - O conexiune asincron este o conexiune realizat ntre dou
calculatoare sau procese, nesincronizat de semnale de ceas.
Conexiune Permanent (Direct Connection) - O conexiune permanent, pstreaz
legtura cu Internetul tot timpul ct calculatorul este deschis. Se mai foloseste termenul
de linie inchiriat.
Conexiune Sincrona (Synchronous Connection) - O conexiune sincron este o
conexiune analogic sau digital care permite rularea a dou procese n acela i timp,
prin intermediul semnalelor de sincronizare.
170
Contor (Counter) - Mic program care contorizeaz numrul de vizitatori a unei pagini
web i eventual creeaz statistici mai avansate despre referrer-ul paginii web,
momentul accesrii, software-ul folosit etc.
Cookie - Un cookie este un fiier ce stocheaz cantit i de informa ie de dimensiuni
reduse i cu o anumit durat de via. Un site poate salva cookie-uri pe calculatorul
unui vizitator pentru a salva anumite setri sau op iuni pe care vizitatorul le-a fcut la un
anumit moment dat, astfel nct utilizatorul nu va mai trebui s le reintroduc. Prin
aceast metod sunt salvate i numele de utilizator i parola la un anumit site, astfel
nct la urmtoarea vizit, utilizatorul este autentificat automat.
Criptare (encryption) - Procesul prin care o anumit informaie este securizat, pentru a
nu putea fi citit de ctre alte persoane dect cele care cunosc algoritmul de criptare.
CSS (Cascade Style Sheet) - Cascade Style Sheet este un limbaj de formatare pentru
paginile web folosit pentru a defini propriet ile elementelor dntr-un document HTML.
Cuvnt cheie (keyword) - Un cuvant cheie este un index pentru o baz de date care
identific o anumit informaie sau document. Cutarea dup cuvinte cheie este cea
mai folosita metod de cutare pe internet.
Client - Este un program care adreseaz anumite cereri (ntr-o pereche client/server);
de exemplu, funcionarea unui browser de web este legat de aceste cereri adresate de
ctre acesta unui server.
Dns (domain name server) - Un DNS este un server care convertete un URL ntr-o
adres IP. Oricnd introducei o cere de pagin prin URL-ul paginii (numele ca ir de
caractere), cererea este transmis unui DNS care converte te irul de caractere ntr-o
adres IP numeric, deoarece un calculator pe internet este identificat i apelat
folosindu-se adresa lui IP.
DNS ntors (Reverse DNS) - Un server ce face opusul unui server DNS, adic
transform o adres IP n URL-ul sitului.
Domeniu (domain) - Un domeniu reprezint un nume unic alocat unui site web (sau unui
alt tip de resurs web).
Download - Procesul de copiere a unuia sau a mai multor fi iere de pe un server web,
pe calculatorul dumneavoastr personal.
DOM - Modelul de obiect al documentului DOM constituie o specificaie dezvoltata de
W3C, ce permite manipularea tuturor elementelor unei pagini Web (grafica, text, stiluri
etc.) de ctre programe software i limbaje de programare (de tipul: JavaScript i
VBScript). DOM face posibil definirea drept obiect a fiecrei litere individuale din cadrul
unei pagini Web, alocnd ulterior caracteristici separate, de genul: culoare, dimensiune
i stil. DOM este una din tehnologiile de baza ale DHTML, mpreun cu CSS, HTML
tradiional i limbajele de programare.
E-mail - Electronic mail este un serviciu de pot electronic prin intermediul cruia se
pot transmite mesaje i fiiere ntre dou calculatoare/adrese de e-mail. Fiecare
utilizator al acestui serviciu deine o adres proprie de tip nume@domeniu.
171
Firewall - Un mecanism folosit n cadrul unei retele de calcularoare pentru a o proteja

de intrui exteriori, ct i de accese neautoriazate din interior. Un firewall poate fi un
dispozitiv hardware, un software sau un ansamblu format din ambele.
Fisier de log (Log file) - Un fiier n care se salveaz toat activitatea unui anumit
proces. Spre exemplu, un program poate salva toate ac iunile pe care le-a interprins la
instalarea sa. De asemenea, un server web poate salva toate informa iile referitoare la
activitatea pe server.
Frame - O zon de afisare dreptunghiular n cadrul ferestrei unui browser, folosit
pentru a afia n interiorul ei o anumit pagin web, n timp ce n alte frame-uri se poate
afia n paralel alte pagini web.
FTP - File Transfer Protocol. Reprezint cea mai uoar modalitate de a transfera
fiiere pe Internet, de a efectua copierea acestora ntre diferite computere conectate la
reea. FTP permite transferul de aplicaii freeware sau shareware
GIF - Extensie pentru fiiere grafice care comprim imaginea fra pierdere de calitate.
Formatul GIF este cel mai raspndit format pentru graficele unei pagini web n special
pentru c produce fiiere de dimensiuni mici pentru acest tip de grafice de o calitate
superioar i suport animaii. Nu este eficient de folosit cu fotografii deoarece nu
suport dect o palet de maxim 256 de culori. Versiunea imbunat it a GIF-ului este
formatul PNG.
GUI (Graphic User Interface) - GUI este acronimul pentru Graphic User Interface i se
refer la interfaa ce realizeaz o legatur facil dintre o aplica ie i utilizator.
HTML - Hyper Text Markup Language este un limbaj de programare prin care diferite
imagini texte, cmpuri marcate sau codificate sunt organizate ntr-un fiier special, ce
poate fi accesat pe www, prntr-un browser.
HTTP - Hypertext Transfer Protocol. Un protocol folosit pentru a cere i a transmite
fiiere, n special pagini web i componente ale acestora, pe Internet sau ntr-o reea de
calculatoare.
Hyperlink - Fondarea de interactivitate online. Acesta este link-ul care poate fi accesat
prin click n text sau grafice ntr-o pagin web care te duce n alt loc pe aceeai pagin,
pe alta pagin, sau n alt website.
Hypertext - Versiunea text a hyperlink-ului.
Hypertext Markup Language (HTML) - Un limbaj codificat utilizat pentru a face
documentele hypertext pentru a fi utilizate online.
Hypertext Transfer Protocol (HTTP) - Protocolul de reea care permite hyperlink-urilor
s funcioneze.
Internet - Reeaua Internet a fost nfiinat n anul 1969, sub forma unei reele
antinucleare finanat de Ministerul Aprrii Naionale al SUA. n mod curent, aceast
reea de comunicare este format dntr-un numr vast de reele i computere din diferite
locaii geografice, ce permit accesul n mas la informaii de ordin public.
172
Internet protocol address ( IP Address) - Sistem numeric utilizat pentru a identifica

componentele Internetului. Fiecare sistem conectat la Internet are un IP de adres unic.
n sistemele utilizate n prezent ( IPv4), exista doar 4,3 miliarde IP-uri unice.
ISP - Este un furnizor de servicii internet ce ofer acces cu viteza ridicat la reele de
servere (pot electronic, tiri, web etc.), routere i modem-uri conectate permanent la
noduri Internet. Opional, ISP-ul ofer servicii de e-mail, news, gzduire de pagini web
etc.
Java Script - Acest cod poate fi adugat paginilor HTML standard pentru crearea de
documente interactive; este considerat o surs relevant pentru dezvoltarea de
formulare interactive, cu utilizare n mediul Web.
Java - Limbaj de programare inventat de Sun Microsystem, foarte puternic datorit
portabilitii pe diferite platforme, motiv ce a fcut ca aplica iile Java s fie foarte
raspndite pe Internet.
JavaScript - Limbaj de scripting care poate fi ataat unei pagini web. Un astfel de script
se va executa pe calculatorul clientului cnd acesta va vizualiza pagina deci poate fi
folosit pentru a realiza diverse animaii i efecte. Interpretat de browserul clientului,
acesta are acces la codul surs.
JPEG (JPG) - JPEG este acromimul pentru Joint Photographic Experts Group i este
un tip de imagine foarte raspndit care folose te o compresie cu pierdere de calitate,
ns cu rezultate foarte bune, mai ales cu fotografiile digitale.
LAN (Local Area Network) - O reea de calculatoare local, de dimensiuni restrnse,
care cuprinde cel mult mai multe cldiri. Un LAN poate fi nchis sau poate avea acces la
Internet.
Lime de band (bandwidth) Limea de band reprezint cantitatea de informa ie
care poate fi transmis prin intermediul unui anumit canal de comunica ie ntr-un
interval prestabilit de timp. Pentru serviciile digitale, ltimea de band se msoar n biti
pe secund (bps) sau bytes pe secund (Bps).
Layout - Layout-ul reprezint forma de prezentare a unei pagini sau a unei colec ii de
pagini ale unui site i se refer la aranjarea elementelor n pagin, a imaginilor i a
graficelor, utilizarea anumitor fonturi i a altor tehnici vizuale, precum i mbinarea
aspectelor funcionale (ca formular de autentificare etc.). Layout a ezare n pagin.
Link (Hyperlink) - Zon de text sau imagine din cadrul unei pagini web care va duce
utilizatorul la o alt pagin web n momentul apasarii.
Motor de Cautare (Search Language) - Un program care caut ntr-un anumit set de
documente, acele documente ce conin cuvntul cheie de cutare. Termenul este folosit
i pentu a descrie sisteme complexe ce permit cutarea de documente pe Internet.
MPEG (MPG) - MPEG este acronimul pentru Moving Pictures Experts Group i este un
standard pentru compresia video.
Navigare - Parcurgerea paginilor componente ale unui site.
Nod - Un nod (ntr-o reea) reprezint orice dispozitiv conectat la acea re ea, capabil s
comunice cu reeaua i care are o adres atribuit n cadrul retelei.
173
Nume de Utilizator (Username) - Username-ul este un nume unic atribuit unei persoane, n
cadrul unui sistem cu mai muli utilizatori, pentru a se putea autentifica, mpreun cu o parol,
pentru a avea acces la diverse resurse.
Offline - Un termen general ce se refera la orice dispozitv care este conectat fizic la o
reea, dar nu este capabil de a comunica cu alte dispozitive.
Online - Un termen general ce se refer la orice dispozitiv conectat i gata de comunicare n
cadrul unei reele.
Pagina de Start (Home Page) - Pagina ce este afiat prima dat la accesarea unui
domeniu. De asemenea pagina de start poate fi considerat i pagina afi at la
deschiderea browserului.
Pagina Favorita (Bookmark) - O referin la o anumit pagin web, salvat de ctre
utilizator n browser cu scopul de a crea o list de pagini favorite la care s revin
ulterior.
Pagina web (webpage) - O pagin web este definit ca fiind un singur fi ier aflat pe un
server web. O pagin poate fi un document HTML, un script Java sau orice alt
document.
Pagini de eroare (error pages) - Pagina de eroare este acea pagin web care este
afiat utilizatorului atunci cnd ncearc s apeleze o pagin inexistent sau interzis
lui. Un utilizator poate primi o pagin de eroare cnd calculatorul personal nu
ndeplinete anumite condiii pentru a vizualiza pagina respectiv sau anumite
operaiuni n interiorul serverului au e uat la acel moment.
Paianjen (Spider) - Un paianjen este un program care gsete pagini web prin
urmrirea de linkuri din alte pagini. Cnd un paianjen ajunge pe un anumit site,
viziteaz toate linkurile pe care le gsete astfel nct i poate ncepe cutarea
aproape de oriunde. Paianjenii sunt folosi i n general de motoarele de cutare pentru a
indexa paginile web.
PDF (Portable Document Format) - Format de fiier pentru documente, creat de Adobe
Systems, care este portabil pe orice sistem sau platforma. Un fisier PDF va fi afiat
identic pe orice sistem echipat cu Adobe Reader, indiferent de software-ul cu care a fost
creat.
POP3 (Post Office Protocol v3) - Un protocol (set de reguli) folosit de anumite sisteme
server-client de e-mail pentru copierea mesajelor de pe server pe client.
Protocol - Un protocol reprezint o anumit metod de comunicare dintre dou
calculatoare. Cele mai cunoscute protocoale sunt HTTP, FTP, SCP.
Proxy (Server de proxy) - Un server proxy actioneaz ca un intermediar dintre un calculator i
internet, asigurnd astfel securitate, control administrativ i caching.
Retea (Network) - Dou sau mai multe calculatoare conectate astfel nct pot comunica
i partaja resurse. Internetul este o reea de re ele, la nivel global.
Router - Un router este un dispozitiv ataat unei re ele ce are func ia de a transmite
datele pe cea mai eficient rut posibil.
174
RSS (Really Simple Syndication) - RSS este un format care incapsuleaz informaii adesea
dinamice. Site-urile sau serviciile web pot folosi acest format pentru a oferi tiri, articole sau alte
informaii crend un RSS feed (o sursa), numit i stream RSS sau canal RSS. Vizitarea site-ului
web ce ofera feed-ul n acest caz nu mai este necesar. Utilizatorul foloseste un program special,
numit agregator sau feed reader, pentru a se abona la respectivul web feed i a recep iona
coninutul, citindu-l ntr-un format agreabil. Programele de tip feed reader sunt aplicaii care
ruleaz pe calculatorul propriu, dar exist i site-uri cu funcii de agregare, dnd astfel
posibilitatea utilizatorului de a-i accesa feed-urile favorite de la orice statie cu acces la internet.
Script - Un program scris ntr-un limbaj simplificat de programare, numit i limbaj de
script. Exemple de limaje de script sunt JavaScript, VBScript.
Server - Este un calculator performant, situat ntr-un Network Operation Center cu
legturi multiple ctre diferii furnizori de servicii Internet. Gzduiete fiiere destinate
vizitrii prin Internet sau transferrii prin FTP. Un server este capabil sa stocheze mai
multe site-uri web.
Server web (web server) - Un computer conectat la internet, ce gazduieste pagini web
i le furnizeaza vizitatorilor. un server dedicat gazduieste un singur site web. Un server
ne-dedicat gazduieste mai multe pagini web. Serverele dedicate sunt mai rapide, dar i
considerabil mai scumpe.
SMTP (Simple Mail Transfer Protocol) - Un protocol (set de reguli) folosit de anumite
sisteme server-client de e-mail pentru copierea mesajelor de la client la server.
SO (OS) - Un Sistem de Operare (Operating System) este un ansamblu de software-uri
de baz pe un calculator care gestioneaz resursele hardware ale calculatorului pe care
este instalat. (exemplu Windows XP, Windows 98, Windows 2003 Server , Fedora Core
4, Suse 10 etc)
Socket - Un socket reprezinta o asociere dintre un port i o adres de IP i o aplica ie
care prelucreaz datele ce se transmit prin acel port. Aplica ia poate citi i scrie date
prin port ca i cum ar lucra cu fisiere.
Software - Set de programe i rutine care lucreaza mpreun pentru ndeplinirea unui
set de funcii.
Sursa (Cod Sursa) - Textul propriu-zis care definete funcionalitatea unui program, aa cum a
fost scris de programator i care de obicei nu este vizibil utilizatorului.
TAG - Fragment HTML care permite unui website sa serveasc o impresie.
Upload - Copierea de fisiere de pe calculatorul clientului catre server.
URL (Uniform Resource Locator) - URL-ul este un nume folosit pentru identificarea unei
anumite resurse pe internet.
Web Page - Prezentarea tradiional a informaiilor online. Website-urile sunt fcute din
pagini web, analoge cu paginile unei cri.
Website - O locaie virtuala online conceputa de ctre un URL unic. Un website este
alctuit din una sau mai multe pagini web.
175
World Wide Web - Cunoscut i sub abrevierea WWW, W3 sau Web, i dezvoltat iniial
de laboratoarele CERN din Geneva, Elveia. Dezvoltarea continua a mediului Web este
supravegheata de World Wide Web Consortium. Mediul Web poate fi descris i sub
forma unui sistem de hypertext pentru server i client, utilizat n furnizarea de informaii
din reeaua Internet. Toate elementele componente ale mediului Web au o reprezentare
sub forma de/in format HTML i este legat de alte documente prin intermediul adreselor
tip URL. Mediul Web incorporeaz protocolul HTTP, FTP, Gopher i Telnet.
XML = este un acronim pentru eXtensible Mark-up Language i reprezint un limbaj de
marcare de nivel sczut folosit n special pentru documente web.
176
V. Bibliografie
1. McFredies, Paul. (2003). Crearea paginilor Web, Bucureti: Editura B.I.C.ALL
2. Williams, Robin. Tollett, John (2003). Design pentru Web, Bucureti: Editura Corint
3. Gugoiu, Teodoru. (2005). HTML, XHTML, CSS i XML prin exemple Ghid practic,
Bucureti: Editura Teora
4. ***. La http://www.primulpas.ro/ftp.htm. 25.04.2009
5. ***. La http://www.tutoriale.far-php.ro/index.php. 29.04.2009
6. ***. La http://facultate.regielive.ro/cursuri/calculatoare/webdesign-69744.html?
in=cursuri&s=sit%20web. 28.04.2009
7. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare_alte_domenii/dezvoltarea_site_uri
lor_web-53607.html?in=cursuri&s=sit%20web . 28.04.2009
8. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/curs_html-5747.html?
in=cursuri&s=sit%20web. 30.04.2009
9. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/xml_tehnologii-52577.html?
in=cursuri&s=xml . 29.04.2009
10. ***.
La
http://facultate.regielive.ro/cursuri/limbaje_de_programare/curs_php51674.html?in=cursuri&s=sit%20web. 30.04.2009
11. ***.La
http://facultate.regielive.ro/cursuri/calculatoare/pagini_web_dinamice73641.html?in=cursuri&s=scriptur%20web. 02.05.2009
12. ***.La
http://facultate.regielive.ro/cursuri/automatica_calculatoare/javascript_si_world_wide_w
eb-44356.html?in=cursuri&s=scriptur%20web. 02.05.2009
13. ***.
La
http://facultate.regielive.ro/cursuri/automatica_calculatoare/javascript_si_world_wide_w
eb-44356.html?in=cursuri&s=javascript. 02.05.2009
14. ***.La
http://facultate.regielive.ro/cursuri/calculatoare_automatica/baze_de_date_sql749.html?in=cursuri&s=sql. 02.05.2009
15. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/structuri_de_date-59836.html?
in=cursuri&s=structur. 02.05.2009
16. ***.La
http://facultate.regielive.ro/cursuri/limbaje_de_programare/dezvoltarea_de_aplicatii_web
_folosind_limbajul_de_programare_java-48618.html?in=cursuri&s=xml. 02.05.2009
17. ***.La http://www.softpageinternet.ro/manual_html/Capitole/Cuprins.htm. 02.05.2009
18. ***.La
http://facultate.regielive.ro/cursuri/calculatoare/xml_tehnologii-52577.html?
in=cursuri&s=xml . 02.05.2009
19. ***.La
http://www.afaceri.net/WEBDESIGN/PROIECTARE/MACHETARE/Grafica/Iconuri.ht
m . 02.05.2009
20. Robin,Williams. John, Tollett. (2003). Design pentru Web Ghid pentru crearea,
proiectarea i publicarea propriului site Web, Bucureti: Editura Corint
177

Crearea Site-Uri 2

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Crearea Site-Uri 2

Încărcat de

Drepturi de autor:

Formate disponibile

nvmntul profesional i tehnic n domeniul TIC

CREAREA SITE-URILOR WEB

Acest material a fost elaborat n cadrul proiectului nvmntul profesional i tehnic n

Fia de documentare 8. Legea drepturilor de autor.............................................................141

Utilizeaz resursele web i tehnologii pentru realizarea site-urilor web.

Prezentul material de nvare se adreseaz elevilor din cadrul colilor postliceale,

Tema 1- Structura site-urilor

Fisa 1.1 Elemente de

Tema 2 Limbaje de scriptare

Tema 3 Utilizarea scripturilor n

2.1.4 Obiecte JavaScript

Tema 5 Baze de date pentru

Fia 5.1 Tipuri de baze de

Fia 5.2 Crearea bazelor

Tema 5 Baze de date

Fia 5.5 Interfee de

Fia 6 Accesarea bazelor

Tema 7 Partajarea datelor

Fia 7 Partajarea datelor

Tema 8 Legislaie specific

Tema 9 Testarea i validarea

Fia 8 Legea dreptului de

Tema 10 Publicarea site-urilor

Fia 10 Publicarea siteurilor Web

Absolvenii nivelului 3 avansat, coal postliceal, specialitatea Analist programator,

Tema 1. Structura site-urilor Web

Pentru un site Web sunt importante urmtoarele elemente:

stilul imprimat paginilor. Elementele componente ale unei pagini web

Grafica se folose te pentru mbuntirea aspectului unui site i cre terea

GIF (Graphics Interchange Format) - pentru grafice i imagini cu o rezolu ie mai

JPEG (JPG) - pentru imagini fotografice sau cu o varietate de tonuri de culori,

imaginile folosesc numai culori pe 8 biti

se folose te o metoda de compresie numit "lossless", deci nu se pierde nici o

pot avea pana la 16.7 milioane de culori ( 24 biti )

Harta grafic reprezint o imagine, care permite utilizatorilor s acceseze diferite

muli utilizatori au dezactivat opiunea "Load images" pentru a ncrca paginile

se mai folosesc nc browsere bazate pe text i care nu ncarc imaginile grafice

imagine stilizata cu numele companiei respective

Prin folosirea iconurilor (simboluri grafice) se mbunt e te aspectul unei pagini

simbolul "casa" pentru pagina iniial

Pentru a fi eficiente, iconurile trebuie sa ndeplineasc anumite caracteristici:

s foloseasc un design simplu i elocvent

s aib o dimensiune redus a fi ierului

La alegerea unui fundal se au n vedere urmtoarele:

culoarea fundalului nu trebuie s interfereze cu culoarea textului

pentru text i fundal se folosesc culori contrastante, care sa permit citirea

Imaginile animate, se folosesc pentru a sublinia un mesaj sau pentru a da un

dimensiunea fi ierului folosit

interne (ctre alte pagini din interiorul site-ului)

Pentru a crea o legtura extern trebuie s se cunoasc URL-ul site-ului respectiv.

Butoanele de navigare dau atractivitate paginilor web. Pot fi folosite ca mijloc de

versiunile mai vechi de browsere nu suport Javascript

Pagini generate dinamic reprezint o metod de navigare ce se folose te n

Cadrele se pot folosi atunci cnd coninutul site-ului se modific frecvent.

Dezavantajele folosirii cadrelor

Activitatea de nvare 1.1.1. Elemente de coninut ale site-ului

identifici diferitele elemente de coninut ale unui site web

caracterizezi fiecare element de coninut

utilizezi elementele de coninut

organizezi diferite elemente de coninut

Tipul activitii: Reducere

elevii vor lucra individual

Rolul su ntr-o pagin web