Modulul VIII - Obogeanu Gina II

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
CRERE S!"E-UR!#OR $E%
&aterial de predare ' partea a !!-a
Do(eniul) infor(atic*
Calificarea) nali+t pro,ra(ator
-i.el 3 a.an+at
200/
U"OR)
O%O0E-U 01EOR01! ' profesor grad didactic
COORDO-"OR)
&R!- 2!O#E" C!O%-U - Profesor, grad didactic
CO-SU#"-34)
!O- C5RS"E expert CNDPT
6O!C 2#4DU3 expert CNDPT
-0E# POPESCU expert CNDPT
D- S"RO!E expert CNDPT
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 2007-
2013
Cuprin+
. ntroducere......................................................................................................................5
. Resurse.........................................................................................................................8
Formateaz elementele de con inut ale site-ului cu ajutorul software-ului specific ......8
Tema 1- Structura site-urilor Web .................................................................................8
Fia de documentare 1.1. Elemente de con inut .......................................................8
Tema 1. Structura site-urilor Web................................................................................17
Fia de documentare 1.2 Marcarea elementelor....................................................17
Tema 2. Limbaje de scriptare pentru Web...................................................................26
Fia de documentare 2.1 - Limbajul JavaScript......................................................26
Tema 2. Limbaje de scriptare pentru Web...................................................................33
Fia de documentare 2.2 - Limbajul PHP...............................................................33
Tema 3. Utilizarea scripturilor n cadrul site-urilor Web...............................................37
Fia de documentare 3 - Utilizarea scripturilor n cadrul site-urilor Web................37
Tema 4. nterfe e .........................................................................................................44
Fia de documentare 4 nterfe e ..............................................................................44
Tema 5. Baze de date pentru site-uri Web..................................................................50
Fia de documentare 5.1 Tipuri de baze de date ...................................................50
Fia de documentare 5.2 Crearea bazelor de date.................................................55
Fia de documentare 5.3 Serverul Apache...........................................................60
Fia de documentare 5.4 nterogarea i prelucrarea bazelor de date ..................62
Fia de documentare 5.5 nterfe e de acces. Drivere de acces la baze de date . 68
Tema 6. Accesarea bazelor de date n site-urile Web.................................................71
Fia de documentare 6 Accesarea bazelor de date n site-urile Web..................71
Tema 7. Partajarea datelor..........................................................................................74
Fia de documentare 7 Partajarea datelor............................................................74
Tema 8. Legisla ie specific ........................................................................................80
Fia de documentare 8. Legea drepturilor de autor.................................................80
Realizeaz publicarea site-ului Web creat......................................................................82
Tema 9. Testarea i validarea site-urilor create ..........................................................82
Fia de documentare 9 Testarea i validarea site-urilor create ............................82
Tema 10 Publicarea site-urilor Web .........................................................................88
Fia de documentare 10 Publicarea site-urilor Web.............................................88
V. Fia rezumat...............................................................................................................96
V. Bibliografie...................................................................................................................98
!7 !ntroducere
Materialele de predare reprezint o resurs suport pentru activitatea de predare,
instrumente auxiliare care includ un mesaj sau o informa ie didactic.
Prezentul material de predare, se adreseaz cadrelor didactice care predau n cadrul
colilor postliceale, domeniul infor(atic*, calificarea nali+t pro,ra(ator7
El a fost elaborat pentru modulul CRERE ! PRO0R&RE S!"E-UR!#OR $E% ,
ce se desfoar n 126 ore, din care:
Laborator tehnologic 60 ore
nstruire practic 30 ore care se desfoar n cadrul stagiului de pregtire
practic
Co(petene "e(e Fi+e +uport
Competen a 2-
Formateaz
elementele de
con inut ale site-
ului cu ajutorul
software-ului
specific
Tema 1- Structura site-urilor
Web
Fisa 1.1 Elemente de
con inut
Fi a 1.2 Marcarea
elementelor
Tema 2 Limbaje de scriptare
pentru Web
Fisa 2.1 Limbajul
JavaScript
Fisa 2.2 Limbajul PHP
Tema 3 Utilizarea scripturilor n
cadrul site-urilor Web
Fi a 3 Utilizarea
scripturilor n cadrul site-
urilor Web
Competen a
3- Realizeaz
publicarea
site-ului Web
creat
Tema 4 nterfe e Fi a 4 nterfe e
Tema 5 Baze de date pentru
site-uri Web
Fi a 5.1 Tipuri de baze
de date
Fi a 5.2 Crearea bazelor
de date
Fi a 5.3 Serverul Apache
Fi a 5.4 nterogarea i
prelucrarea bazelor de date
Fi a 5.5 nterfee de
acces. Drivere de acces la
Co(petene "e(e Fi+e +uport
baze de date
Tema 6 Accesarea bazelor de
date n site-urile Web
Fia 6 Accesarea bazelor
de date n site-urile Web
Tema 7 Partajarea datelor Fia 7 Partajarea datelor
Tema 8 Legisla ie specific Fi a 8 Legea dreptului de
autor
Competen a 3-
Realizeaz
publicarea site-
ului Web creat
Tema 9 Testarea i validarea
site-urilor create
Fia 9 Testarea i
validarea site-urilor create
Tema 10 Publicarea site-urilor
Web
Fia 10 Publicarea site-
urilor 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 documenta iei tehnice aferente.
. Documente necesare pentru activitatea de predare
Pentru predarea coninuturilor abordate n cadrul materialului de predare cadrul
didactic are obligaia de a studia urmtoarele documente:
Standardul de Pregtire Profesional pentru calificarea Tehnician echipamente
de calcul, nivelul 3 avansat www.tvet.ro, seciunea SPP sau www.edu.ro ,
seciunea nvmnt preuniversitar
Curriculum pentru calificarea Tehnician echipamente de calcul, nivelul 3 avansat
www.tvet.ro, seciunea Curriculum sau www.edu.ro , seciunea nvmnt
preuniversitar
!!!7 Re+ur+e
Formateaz elementele de con inut ale site-ului cu ajutorul softare-
ului specific
Tema !- "tructura site-urilor #e$
Fi8a de docu(entare 1717 Ele(ente de con inut
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) site-
ului. 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 mpr it n:
cadre
tabele simple
tabele multiple sau imbricate
o combina ie a acestor elemente
Pentru un site Web sunt importante urmtoarele elemente:
stilul imprimat paginilor. Elementele componente ale unei pagini web
con inut
grafica
- imagini GF & JPEG
- fundal
- anima ii
- hr i 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. nforma iile 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
con inutului 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 ARAL i TMES NEW ROMAN
Con inutul unui sit web - n construc ia unui site trebuie acordat o aten ie
deosebit con inutului, deoarece pe baza acestuia se dezvolt structura site-ului i
machetarea paginii.
Principalul motiv pentru care oamenii acceseaz nternetul 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, con inutul site-ului va fi mpr it pe categorii i subcategorii. La
realizarea unui site complex, apar dificult i n mpr irea con inutului n categorii clare
i distincte, care sa fie u or de n eles de ctre cititori Titlurile acestor categorii pot
deveni etichete pentru butoanele sau hr ile grafice utilizate pentru navigare.
Grafica se folose te pentru mbunt irea aspectului unui site i cre terea
atractivit ii acestuia. maginile 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
"HEGHT" i "WDTH" alturate etichetei "MG". n acest caz, browserul cunoa te ct de
mult spa iu 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
a tepte 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:
GF (Graphics nterchange 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 .
Fi ierelor GF 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
informa ie, iar imaginea ob inut 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 GF
maginile n format GF se folosesc pentru ob inerea unor elemente grafice ca:
banere
logo
titluri
iconuri simple
imagini animate
magini JPEG se folosesc pentru grafice complicate sau imagini complexe, cu multe
nuan e de culori(fotografiile). Pentru a pstra dimensiunea redus a fi ierelor grafice se
folose te procedeul " built-in compression". maginile JPEG mai sunt folosite pentru
realizarea unor efecte metalice (auriu, argintiu, etc.), sau cnd se dore te ob inerea de
tonalit i 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
calit ii 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 GF 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 :
mul i utilizatori au dezactivat op iunea "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
organiza ii. 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
combina ie a acestora
Prin folosirea iconurilor (simboluri grafice) se mbunt e te aspectul unei pagini
web. Cele mai cunoscute iconuri:
sge ile direc ionale
simbolul "casa" pentru pagina ini ial
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
pozi ionarea 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
u oar a con inutului
imaginile pentru fundal, trebuie s fie fi iere GF 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.
maginile 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 con inutul ei ,nu prin folosirea unor imagini animate viu
colorate.
Restric ii 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 nternet)
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.
nternetul, 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
con inutului i este ncorporat n tema general a site-ului. Meniul principal trebuie s
furnizeze trimiteri rapide i directe la sec iunile i informa iile disponibile dintr-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
hr i 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..
Meniurile tip li+t* derulant* sunt realizate cu ajutorul limbajului Javascript sau
folosind scripturi CG.
Principalele dezavantaje:
versiunile mai vechi de browsere nu suport Javascript
la folosirea scripturilor CG trebuie aleas o gazd care dispune de un server
care suport scripturile CG
Avantaj :
ocup un spa iu minim, nefiind afi ate toate variantele n acela i timp. La
accesare va apare o list cu toate op iunile posibile. Fiecare op iune reprezint o
legtur ctre o alt pagin sau sec iune 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
dispozi ia utilizatorilor o func ie 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
ntre inerea 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 sec iuni i o pozi ionarea precis a textului sau imaginilor n interiorul paginii.
Se poate mpr i 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
mpr irea ecranului n mai multe sec iuni independente.
Avantajele folosirii cadrelor:
Cadrele se pot folosi atunci cnd con inutul site-ului se modific frecvent.
Un cadru va fi folosit pentru meniul de navigare iar n cellalt cadru va apare
con inutul 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
apari ia 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 HTM le permit utilizatorilor s creeze documente web
ntr!un mod rapid i uor. "ceste programe genereaz ele nsele acest cod n
locul programatorului, reprezint unelte excelente pentru dezvoltatorii web
cu experien#.
$entru editarea paginilor %eb i dezvoltarea site!urilor %eb exist o mare
varietate de limba&e, dar la baza oricrei pagini %eb este limba&ul HTM.
'ugestii metodologice
C% C&'
Se recomand utilizarea unei prezentri PowerPoint care s con in descrierea i rolul
principalelor elemente de con inut ale unui site Web.
Prin intermediul nternetului elevii pot accesa diferite site-uri Web, unde pot sa identifice
principalele elemente de con inut ale unui site Web, locul de amplasare a acestora i
principalele caracteristici.
Se pot s face eventual compara ii ntre elementele de con inut de pe diferite site-uri
Web, preciznd ce influent au diferite elemente de con inut n diferite tipuri de site-uri,
modul cum de aranjarea lor n pagin, numrul lor, prezen a sau absen a lor face un
site mai mult sau mai pu in atractiv.
C%('
(etode de n.**(9nt:
o expunere
o conversaie euristic
o nvare prin descoperire
or,ani:area cla+ei: frontal, individual sau pe grupe
Profesorul prezint elevilor principalele elemente de con inut ale unui site Web, elevii
acceseaz individual pagini Web, identific elemente de con inut ale site-ului specifice.
Pe grupe de elevi se poate realiza urmrirea unui anumit element de con inut fcnd
compara ii legate de modul de folosire a acelui element n site-uri diferite. Rezultatele
pot fi prezentate de elevi pe flipchart i comentate de celelalte grupe.
%)*&'
sala de clas dotat cu video-proiector, pentru prezentarea elementelor de
con inut ale site-ului
laborator informatic, pentru a putea accesa diferie site-uri Web i a putea
vizualiza diferitele elemente de con inut i a le compara
Cadrele didactice pot utiliza i alte metode de predare n funcie de specificul
clasei. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi cu
cerine educaionale speciale.
Pot fi utilizate i alte materiale i resurse bibliografice.
Pentru evaluare se vor folosi:
o Probe orale, scrise i practice
Tema !+ "tructura site-urilor #e$
Fi8a de docu(entare 172 &arcarea ele(entelor
Orice document HTML ncepe cu notaia ;<t(l= i se termina cu notaia ;><t(l=.
Acestea se numesc n literatura de specialitate ""0-uri". Prin convenie, toate
informaiile HTML ncep cu o ?;? i se termin cu ?=?7
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:
ntre marcajele ;<t(l= i ;><t(l= se introduc dou seciuni:
seciunea de antet ;<ead=777;><ead=
corpul documentului ;@odA=777;>@odA=.
Blocul ;@odA=777;>@odA= 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
;1"&#= B ;1t(#= B ;<t(l=.
Caracterele "spaiu" i "CR/LF" ce apar ntre etichete sunt ignorate de ctre browser.
Titlul unei pagini se obine insernd n seciunea ;<ead=777;><ead= a urmtoarei linii:
<title> TTLU ;>title=
n seciunea ;@odA=777;>@odA= se pot scrie texte. Dac nu apare nici un marcaj ; sau
=C atunci interpretorul HTML le va considera texte simple i le va afia pe ecran.
Coninutul blocului ;title=777;>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 browser-
ului 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 ;@r= (" 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=777;>pre=. Acesta
realizeaz formatarea existent n documentul surs.
;ta,= DDDDDDDDDDDDD77;>ta,=
Con inut
Un font este caracterizat de urmtoarele atribute:
culoare (stabilit prin atributul color);
tipul sau stilul (stabilit prin atributul face);
mrimea (definit prin atributul sie);
mrimea n puncte tipografice (stabilit prin atributul point!sie);
grosime (definit prin atributul "eight)
.
Culoarea se ob ine 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>.
Po:iionarea 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>.
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>.
"itlurile (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.
#iniile ori:ontale 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)
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)
,, pentru ordonare de tipul , , , V 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 ta@el 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
"itlul 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:
"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 i(a,ine 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.
maginea 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.
#e,*turile n pagina html se insereaz cu ajutorul etichetei speciale <a> i a
atributului ,href care ia ca valoare adresa URL a resursei solicitate.
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
For(ularele 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 selec ie, 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 aplica ie 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
- 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 @utoane 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 totu i parola decodificata).
name - este numele ata at casetei sau butonului . Nu reprezint con inutul butonului
sau casetei
value - apare scris pe buton sau con inutul 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 selec ie <select> <option >.. </select>
O lista de selec ie 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
<option value = valoare_2 > Element_2.
<option value = valoare_3> Element_3
</select>.
unde:
name - numele listei de selec ie
size - este un numr ntreg pozitiv, precizeaz cate elemente din lista sunt
vizibile la un moment dat
<option > este tag-ul care include elementele listei. Server-ul prime te
perechea
selected - permite selectarea prestabilita a unui element al listei
Lista de selec ie cu selec ii 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 enumeram:
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:
C% C&'
Pentru prezentarea tagurilor HTML se poate realiza o prezentare PowerPoint . De
asemenea se pot realiza fi e , cu principalele tag-uri HTML, care s cuprind structura
acestora i ac iunea pe care o determin.
Se poate folosi un editor de text pentru ca fiecare elev s realizeze prima sa pagin
Web, cu ajutorul HTML.
C%('
(etode de n.**(9nt:
o expunere
Profesorul prezint elevilor principalele tag-uri HTML. Cu ajutorul unui eitor de text
creaz o pagin Web care s con in text cu diferite formate, imagini, tabele. Elevii
urmreac activitatea profesorului, primesc explica ii de la acesta, pun ntrebri acolo
unde este cazul, sunt implica i n stabilirea tag-ului ce se va folosi pentru realizarea unei
anumite componente.
%)*&'
sala de clas dotat cu video-proiector, pentru prezentarea tag-urilor HTML
laborator informatic, pentru a putea vizualiza modul cum se folosesc tag-urile i
ce ac iuni produc acestea i apoi pentru a utiliza editoare de text n vederea
realizrii unei pagini Web simple.
n funcie de specificul clasei cadrele didactice pot utiliza i alte metode de
predare. Acolo unde este cazul se vor utiliza metode de predare adaptate pentru elevi
cu cerine educaionale speciale.
Tema ,+ -im$aje de scriptare pentru #e$
Fi8a de docu(entare 271 - #i(@aEul Fa.aScript
Limbajul JavaScript a fost realizat de firmele Netscape i Sun i a fost conceput ca un
limbaj care extinde posibilit ile de lucru ale HTM-ului. Limbajul conlucreaz cu HTML-
ul
Caracteristici ale limbajului JavaScript:
n JavaScript se scriu secven e de program numite scripturi. Majoritatea
acestor secven e sunt alctuite din func ii, care rspund anumitor
evenimente.
n 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 instruc iune o executa, s.a.m.d.
JavaScript este un limbaj care utilizeaz obiecte;
n JavaScript se face distinc ie ntre literele mari i literele mici, adic este
case sensitive. "
Folose te din sintaxa lui C++ i a limbajului Java
JavaScript lucreaz cu func ii definite de programatori sau cu/i func ii
predefinite
Procesul de programare n JavaScript poate fi reprezentat grafic astfel:
Exista trei modaliti de a introduce intr-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 > si</script>
JavaScript lucreaz cu constante, date , variabile, operatori, instruc iuni, func ii,
obiecte.
O con+tant* 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 .aria@il* 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.
n 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 rela ionali : <, <=, >, >=
Operatori de egalitate = = pentru test egalitate
!= pentru test inegalitate
Operatori logici ! (negarea logica)
|| 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 condi ional : exp1 ? exp2:exp3;
JavaScript folosete doi operatori, G i ), pentru a forma expresii condiionale.
Operatorii condiionali JavaScript execut aceea i operaie ca i o instruciune F
imediat.
Operatorul de concatenare pentru iruri este +
nstruc iunile folosite n JavaScript sunt grupate n 3 categorii: instruciuni condiionale,
instruciuni pentru cicluri, instruciuni label, instruc iuni with, instruc iuni switch
nstruciunea F se folosete astfel:
F (condi ie ) {
#instruc iuni$
}
condi ie poate fi orice expresie logic. Dac rezultatul lui condi ie este true, sunt
executate instruc iuni i executarea programului continu. Dac ns condi ie ntoarce
false, JavaScript ignor instruc iuni i continu.
dentarea instruciunilor cuprinse ntre acolade este o practic frecvent. Aceasta
confer scripturilor un aspect logic i se dovedete util mai ales cnd imbricai
instruciuni F (atunci cnd se folosete o instruciune F n interiorul altei instruciuni F).
Uneori, simpla folosire a instruciunii F 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 F:
F (condi ie ) {
instruc iuni
} else {
instruc iuni
}
nstruciunea trA77catc< este folosit pentru a ignora tratarea prestabilit a
erorilor.
nstruciuni pentru cicluri for:
Sintaxa instruciunii for este urmtoarea:
for([e%pr&ini ialiare ]; [e%pr&condi ie ]; [e%pr&ciclu]) {
instruc iuni
}
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 F, ciclurile for pot fi imbricate. Numrul
imbricrilor nu este limitat.
Cu instruciunea for77in se poate executa cte un set de instruciuni pentru fiecare
proprietate dintr-un obiect. Se poate folosi ciclul for..in cu orice obiect JavaScript,
indiferent dac are sau nu proprieti. Sintaxa este:
for (proprietate n o'iect) {
instruc iuni
}
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 o'iect, pn ce
sunt folosite toate.
nstruciunea H<ile 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 (e%pr&condi ie ) {
instruc iuni
}
ncepnd cu JavaScript 1.2, limbajul ofer o instruciune do77H<ile, 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 {
instruc iuni
} while (e%pr&condi ie );
Pentru ie irea din ieirea din ciclu nainte de a fi ajuns la acolada final adug fie
break, fie continue n blocul instruc iuni al ciclului. nstruciunea @reaI ntrerupe definitiv
ciclul, n vremea ce instruciunea continue sare peste instruciunile rmase din ciclul
curent, evalueaz expresia ciclului i ncepe urmtorul ciclu.
nstruciunea la@el poate fi plasat naintea oricrei structuri de control care poate
imbrica alte instruciuni, ceea ce permite ieirea dintr-o instruciune condiional sau
dintr-un ciclu la o locaie specific de program.
nstruciunea Hit< este folosit pentru a evita s specificai n mod repetat
referirea la obiect, atunci cnd i accesai proprietile sau metodele. Orice proprietate
sau metod dintr-un bloc with pe care JavaScript nu o recunoate este asociat cu
obiectul specificat pentru acel bloc. Sintaxa este urmtoarea:
with (o'iect) {
instruc iuni
}
o'iect specific referirea la obiect care trebuie folosit, dac aceasta nu exist n blocul
instruc iuni . Este foarte util atunci cnd folosii funcii matematice avansate, disponibile
doar prin intermediul obiectului Math.
nstruciunea +Hitc< 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. nstruciunea switch a fost introdus n JavaScript 1.2.
nstruciunea @reaI 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.
FU-C !! - 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&func ie ([argument(][...,argument)]) {
[instruc iuni ]
}
Cuvntul cheie function este folosit pentru a specifica un nume, nume&func ie , 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&func ie ([argument(][...,argument)])
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 o@iecte 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 -a.i,ator 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 nternet 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
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 (U) 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 con ine originea paginii de unde provine con inutul unei pagini.
C% C&'
Se poate utiliza o prezentare PowerPoint pentru a expune principalele caracteristici ale
limbajului JavaScript i modalit ile de introducere a unui script . Se pot folosi fi e de
documentare care s cuprind elementele limbajului, inclusiv obiecte
C%('
(etode de n.**(9nt:
o expunere
or,ani:area cla+ei: frontal, individual
Profesorul discut cu elevii i identific principalele elemente ale unui limbaj.
Profesorul define te, apoi, elementele limbajului, JavaScript: constante, variabile,
operatori, func ii, instruc iuni. Se definesc obiectele i metodele JavaScript.
%)*&'
sala de clas dotat cu video-proiector
Tema ,+ -im$aje de scriptare pentru #e$
Fi8a de docu(entare 272 - #i(@aEul P1P
P*P(.+perte%t /reprocessor), 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.
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 (GU).
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, MAP, 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 POSX 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. ;Gp<p echo("F you want to serve XHTML or XML documents, do like this\n"); G=
2. ;G echo ("this is the simplest, an SGML processing instruction\n"); G=
;GB expression G= This is a shortcut for "<? echo expression ?>"
3. ;+cript lan,ua,eB?p<p?=
echo ("some editors (like FrontPage) don't
like processing instructions");
;>+cript=
4. ;J echo ("You may optionally use ASP-style tags"); J=
;JB $variable; # This is a shortcut for "<% echo . . ." J=
Prima variant, ;Gp<p7 7 7G=, este metoda preferat deoarece permite folosirea PHP-
ului 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
F ($expression) {
?>
<strong>This is true.</strong>
<?php
} else {
?>
<strong>This is false.</strong>
<?php
}
?>
Cnd PHP ntlnete tag-ul de nchidere G= 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
?>
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.
Tema 0+ %tilizarea scripturilor n cadrul site-urilor #e$
Fi8a de docu(entare 3 - Utili:area +cripturilor n cadrul +ite-urilor $e@
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 ;SCR!P"= ;>SCR!P"=
2. prin intermediul unei proceduri e.eni(ent
C% C&'
Utiliznd un videoproiector se ruleaz o prezentare PowerPoint ce con ine no iunile de
baz ale PHP. Se pot utiliza fi e de documentare pentru elevi.
C%('
(etode de n.**(9nt:
o expunere
%)*&'
o Probe orale, scrise
Urmtorul exemplu include n document un script care afieaz n pagin textul "Salut!"
prin intermediul etichetei <SCRPT>.
<HTML>
<HEAD>
<TTLE>javascript1</TTLE>
</HEAD>
<BODY>
<H1> exemplu JavaScript</H1><HR>
<SCRPT language="JavaScript">
document.write("Salut!")
</SCRPT>
</BODY>
</HTML>
Atributul lan,ua,e al etichetei <SCRPT> 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 +rc al etichetei <SCRPT>.
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
func ie
Pentru a defini un obiect se folosete o funcie numit con+tructorC 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("Func ie: ", this.fct, "\n");
}
Se scrie definiia complet a obiectului:
function Ecuson(num, pre, fct)
{
this.nume=num;
this.prenume=pre;
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 ", " on ", "Director")
Dup crearea instan ei obiectului Ecuson, metoda PrintCard poate fi folosit astfel:
ion.PrintCard()
Dup crearea obiectului urmeaz folosirea lui n pagina Web.
<HTML>
<HEAD>
<TTLE>javascript2</TTLE>
function PrintEc()
{
document.write("<B>Numele:</B> ", this.nume, "<BR>");
document.write("<B>Prenumele:</B> ", this.prenume, "<BR>");
document.write("<B>Func ie:</B> ", this.functie, "<HR>");
}
function Ecuson(num,pre , fct)
{
this.nume=num;
this.prenume=adr;
this.functie=fct;
this.PrintEc=PrintEc;
}
</SCRPT>
</HEAD>
<BODY>
<H1 align="center">Crearea obiectelor</H1>
nceputul scriptului<HR>
// Crearea a trei obiecte noi
ion=new Ecuson("Pop", "on", "Director")
mia=new Ecuson("lie", "Maria", "Economist");
doru=new Ecuson("Popescu", "Doru", "Economist");
// Afisarea lor
ion.PrintEc();
mia.PrintEc();
doru.PrintEc();
</SCRPT>
Sfr itul 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:
E.eni(ent De+criere
onAbort
Apare cnd utilizatorul renun la ncrcarea unei
imagini
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 e.eni(ent.
Procedurile eveniment nu sunt definite cu ajutorul etichetei <SCRPT> , ele fiind
atribute ale celorlalte etichete.
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.
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 <SCRPT> 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
// - ->
</SCRPT>
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 mbunt i func ionalitatea 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
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
Tema 1+ Interfe e
Fi8a de docu(entare K !nterfe e
C% C&'
Cu ajutorul unei prezentri PowerPoint se prezint elementele unui script , modul de
utilizare a ceripturilor, modul de execu ie, exemple de scripturi folosite pe Web.
Se poate utiliza, de asemenea conexiunea la nternet.
C%('
(etode de n.**(9nt:
o expunere
Dup prezentarea fcut de profesor i n elegerea elementelor definitorii ale unui
script, se pot cuta scripturi pe nternet, se identific rolul acestora i se analizaz
structura lor.
Se poate trece apoi la realizarea unor scripturi simple de ctre fiecare elev.
%)*&'
laborator informatic
nterfa a reprezint separa ia ntre 2 medii sau sisteme cu limbaje diferite. Rolul
interfe ei este de a traduce semnalele celor 2 sisteme pentru ca acestea s se
n eleag, fcnd posibil interac iunea dintre ele.
nterfe ele Web sunt interfe e de interac iune cu utilizatorul ce sunt accesate
prin intermediul Web-ului. nterfe ele web definesc o categorie de interfe e grafice prin
care un utilizator de nternet poate interac iona cu o pagin web.
Reguli ce se urmresc la realizarea unei interfe e
elementele importante ale interfe ei trebuie fie ct mai vizibile
trebuie s existe consisten de la pagin la pagin pentru a reduce ncrcarea
memoriei i pentru a nu for a 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
n tiin a 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 rela ia paginii curente cu restul ierarhiei i acces u or la paginile
vecine .
nterfa a 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 interac iune 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.
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 (su'mit), 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 aplica ii 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 sec iunile i informa iile disponibile dintr-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.
Sec iunile 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 con ine o serie de butoane i meniuri derulante care permit
executarea unor opera ii specifice.
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 directoareC 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 (Pa,ina 1o(e) conine o serie de elemente cum ar fi:
dentificarea 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
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 nternet utilizat i
servete la identificarea paginii i a coninutului acesteia i pentru facilitarea cutrii
acesteia pe nternet;
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
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.
C% C&'
Se acceseaz pagini Web pe nternet, iar prin inbtermediul videoproiectorului se
vizualizeaz de ctre to i elevii. Se identific i se definesc principalele elemente ale
unei pagini Web. Se pot folosi i fi e de documentare care s prezinte structura unui
site Web.
C%('
(etode de n.**(9nt:
o expunere
Profesorul discut cu elevii i identific elementele de interfa ale paginilor Web. Se
urmre te modul de a ezare a acestora n cadrul unei pagini Web. Pe grupe se pot
cuta i identifica mai multe tipuri de elemente de interfa .
%)*&'
laborator de informatic
Tema 2+ 3aze de date pentru site-uri #e$
Fi8a de docu(entare L71 "ipuri de @a:e 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 (S,-.). 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
TP_NREG 0
TP_NREG 11 TP_NREG 13 TP_NREG 12
TP_NREG 21 TP_NREG 23 TP_NREG 22
nivel 2
Caracteristici ale structurii ierarhice (arborescente):
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.
erarhia 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 dintr-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).
TP_NREG 1 TP_NREG 2
TP_NREG 3 TP_NREG 4
TP_NREG 5 TP_NREG 6
Caracteristici ale structurii reea :
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 dintr-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.
Legturile dintre tabele sunt:
Rela ii ntre
tabele
~ de tip 1:1;
~ de tip 1:M;
~ de tip M:N;
Caracteristici ale structurii relaionale:
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).
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:
erarhice, 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.
Fi8a de docu(entare L72 Crearea @a:elor 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 nternet, fr costuri.
Serverul de baze de date MySQL este foarte rapid, fiabil i uor de utilizat. niial 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
nternet.
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
C% C&'
Se poate crea o lec ie n sistem AeL, care s prezinte definirea unei baze de date i
apoi caracteristicile principale a tipurilor(modelelor) de baze de date.
C%('
(etode de n.**(9nt:
o utilizare AeL
or,ani:area cla+ei: frontal, individual, pe grupe
Profesorul transmite lec ia pe calculatoarele elevilor, acestia urmresc no iunile
teoretice prezentate. Profesorul va dirija modul cum elevii parcurg i n eleg no iunile
prezentate. La sfr itul lec iei se poate realiza o structur a materialului prezentat, elevii
fiind mpr i i pe grupe, fiecare grup prezentnd caracteristicile unui anumit tip de
baz de date.
%)*&'
Laborator AeL
o Test n sistem AeL
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/P pe orice
platform.
nterfaa Connector/ODBC ofer suport MySQL pentru programe client care
folosesc conexiuni ODBC (Open DataBase Conectivity).
nterfaa 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
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
C4&5T& T53-& nume6ta$el 7nume6coloana tip6data 8*&F5%-T e9presie:;+<
- 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(NTAL 100k NEXT 100k);
Pentru a vedea detaliile unui tabel se folosete comanda DESCRBE:
mysql> DESCRBE pet;
Pentru introducerea datelor intr-un tabel se utilizeaz comanda
NSERT NTO 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
ata at 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;
Valorile introduse trebuie s respecte restric iile de integritate definite la
crearea tabelei
Pentru a modifica datele existente intr-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)
Ob inerea valorilor cu ajutorul unei subinterogri
nterogarea datelor din tabele, fr a le modifica se realizeaz cu comanda;
S/0/CT atri'ute 1234 o'iect5
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.
n 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 func ie de primul cmp specificat dup clauza ORDER BY,
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 32./2 -6,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
condi ii evaluate ca valoarea de adevr True , adic pentru a realiza anumite restric ii
de selec ie.
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 condi ie
Comanda SELECT cu clauza WHERE va returna toate nregistrrile pentru care
condi ia are valoarea True7 Condi ia 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 HAVNG 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 HAVNG
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.
MODFCAREA TABELELOR
Se pot efectua urmtoarele tipuri de modificri:
Adugare de noi coloane(mpreuna cu eventualele constrngeri):
ALTER TABLE departament
ADD (localitate CHAR(10) NOT NULL);
Modificarea tipului de date sau a mrimii unor coloane existente:
ALTER TABLE departament
MODFY (nume_dept CHAR (20));
Adugarea de noi constrngeri:
ALTER TABLE salariat
ADD (CONSTRANT data_ck CHECK(data_natere> '1900-10-15'));
Stergerea unor constrngeri existente:
ALTER TABLE salariat
DROP CONSTRANTS sal_ck;
Trebuie remarcat ca o constrngere PRMAY KEY la care face referina o constrngere
FOREGN KEY, nu poate fi tearsa dect daca mpreuna cu constrngerea PRMARY
KEY sunt terse i toate constrngerile refereniale asociate. Pentru aceasta se
folosete clauza CASCADE.
o ALTER TABLE departament
o DROP CONSTRANTS dept_pk CASCADE;
DSTRUGEREA 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
FOREGN KEY care fac referire la cheia primar a acestuia i se realizeaz cu folosirea
clauzei CASCADE CONSTRANTS.
DROP TABLE salariat CASCADE CONSTRANTS;
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.
Fi8a de docu(entare L73 ' Serverul Apache
C% C&'
Expunerea no iunilor teoretice legate de caracteristile MYSQL, inclusiv opera iile cu
baze de date specifice se poate face cu ajutorul unei prezentri PowerPoint.
C%('
(etode de n.**(9nt:
o expunere
o problematizare
o exerci ii practice
Dup prezentarea no iunilor teoretice se poate trece la utilizarea comenzilor pentru :
crearea bazelor de date, introducerea datelor, modificarea datelor, interogarea datelor
etc. Elevii pot fi mpr i i pe grupe, fiecare grup aplicnd aceste comenzi pentru o
anumit baz de date.
%)*&'
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
fi ierele de configurare. Apache este suportat de diferite GU, ce permite o configurare
mai u oara 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 dintr-un server de baz i
mai multe module, care sunt ncrcate dinamic. n Linux. Apache poate fi configurat cu
ajutorul interfe ei 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 sec iunilor <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, con innd 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.
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 con innd 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.
Fi ierul con innd lista cu parole nu va fi stocat n directoarele compuse
din documente HTML, ci la o loca ie 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 .
Fi8a de docu(entare L7K ' !ntero,area i prelucrarea @a:elor de date
C% C&'
Se pot utiliza fi e de documentare care s con in informa ii despre serverul Apache
C%('
(etode de n.**(9nt:
o expunere
%)*&'
SQL (Structured Query Language) a fost dezvoltat pentru sistemul de gestiune a
bazelor de date System R, creat de BM 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 select, insert, delete ca
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 dintr-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
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: NSERT, 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.
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 M M, 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 mic
>= mai mare sau egal <= mai mic sau egal
Sirurile 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. N
3. LKE
4. S 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;
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.
n 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 DSTNCT va afia toate
nregistrrile care rezult din interogare, indiferent dac unele dintre ele sunt identice. n
cazul folosirii cuvntului cheie DSTNCT nregistrrile duplicat sunt eliminate, afindu-
se numai prima apariie a valorilor cmpurilor specificate n lista de atribute. Dac lista
de atribute conine mai multe coloane, operatorul DSTNCT 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 NSERT este utilizat pentru adugarea unor rnduri noi ntr-o tabel
creat anterior sau n tabelele de baz ale unei vederi. Comanda NSERT poate fi
utilizat n dou moduri:
1. Pentru introducerea datelor ntr-un tabel, cte o nregistrare la un moment dat. n
acest, sintaxa fiind urmtoarea
NSERT NTO tabela [(coloana1, coloana 2)]
VALUES (valoare 1, valoare2, .. )
2. Pentru copierea mai multor rnduri din unul sau mai multe tabele, sintaxa fiind
NSERT NTO tabela [(coloana1, colonna2, ...)] comanda_select
Comanda UPDATE - este folosit pentru a modifica valorile datelor existente ntr-
un 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.
C% C&'
Expunerea no iunilor teoretice legate de caracteristile SQL, operatorii folosi i, func iile
i comenzile se poate face cu ajutorul unei prezentri PowerPoint.
C%('
(etode de n.**(9nt:
o expunere
o problematizare
o exerci ii practice
Dup prezentarea no iunilor teoretice i n elegerea acestora de ctre elevi vor realiza
aplica ii practice de utilizare a SQL . Elevii pot fi mpr i i pe grupe, fiecare grup
aplicnd aceste comenzi pentru o anumit baz de date.
%)*&'
o Probe orale i practice
Fi8a de docu(entare L7L ' !nterfe e de acce+7 Dri.ere de acce+ la @a:e 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 dintr-un set de clase i interfe e scrise n Java, furniznd un AP standard
pentru proiectan ii de aplica ii baze de date. Acest lucru face posibila scrierea
aplica iilor de baze de date folosind un AP 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 AP-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 aplica iile Java pot comunica cu bazele de date.
JDBC realizeaz urmtoarele:
Stabile te o conexiune cu o baza de date;
trimite secven e 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 cone%iune 8sesiune9 la o baza de date reprezint un context prin care sunt trimise
secven e SQL i primite rezultate. ntr-o aplica ie pot exista mai multe conexiuni
simultan la baze de date diferite sau la aceea i baz.
Clasele i interfe ele responsabile cu realizarea unei conexiuni sunt:
clasa Dri.er&ana,er - se ocup cu nregistrarea driverelor ce vor fi folosite n
aplica ie
interfa a Dri.er - pe care trebuie s o implementeze orice clas ce descrie un
driver
clasa Dri.erPropertA!nfo
interfa a Connection, descrie obiectele ce modeleaz o conexiune propriu-zis
cu baza de date
n procesul de conectare la o baz de date o aplica ie este sa 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 su'!protocol denume te tipul de driver ce trebuie folosit pentru realizarea
conexiunii i poate fi od'c, oracle, s+'ase, d': etc. Identificatorul 'aei de date este un
indicator specific fiecrui driver care specifica baza de date cu care aplica ia dore te s
interac ioneze. 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);
O conexiune va fi folosita pentru:
crearea de secven e SQL ce vor fi folosite pentru interogarea sau actualizarea bazei
aflarea unor informa ii 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 secven e SQL ctre baza de date. Cele mai uzuale comenzi SQL sunt cele
folosite pentru:
interogarea bazei de date (SELECT)
actualizarea bazei de date (NSERT, UPDATE, DELETE)
Metoda executeQuery trimite interogri SQL ctre baza de date i prime te rspuns
ntr-un obiect de tip ResultSet.
Tema =+ 5ccesarea $azelor de date n site-urile #e$
Fi8a de docu(entare N ' cce+area @a:elor de date n +ite-urile $e@
MySQL este un sistem de gestiune a bazelor de date rela ionale foarte rapid i robust.
O baz de date ne permite s stocm, s cutam, s sortm i s regsim datele n
mod eficient.
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
rela ionale (SGBDR). Este un limbaj relative simplu dar foarte puternic, care poate
ob ine accesul la datele stocate n mai multe tabele, poate filtra datele dorite i poate
sorta, rezuma i afi a rezultatele.
C% C&'
Se pot utiliza fi e de documentare care s con in informa ii despre interfe e de acces
la baze de date
C%('
(etode de n.**(9nt:
o expunere

%)*&'
sal de clas dotat cu videoproiector
nstruc iunile SQL trebuie incorporate n scripturile PHP astfel nct programele PHP s
poat lucra cu bazele de date rela ionale.
Utiliznd SQL, este posibil accesul la datele stocate ntr-o baz de date rela ional fr
a scrie un program de aplica ie, 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 ob ine accesul la datele rezidente dintr-o baza de date MySQL i le
poate modifica.
Majoritatea interac iunilor cu o baz de date se desf oar dup un model
secven ial simplu:
Se deschide o conexiune cu serverul MySQL
Se specifica baza de date la care se va ob ine accesul
Se emit interogri SQL, se ob ine accesul la rezultatele interogrilor i se
executa opera ii 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
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:
mysql> USE test
Deconectarea de la serverul MySQL se poate realiza oricnd prin introducerea
comenzii QUT (sau \a) la prompt-ul mysql.
mysql> QUT
Tema >+ /artajarea datelor
Fi8a de docu(entare 7 ' PartaEarea datelor
C% C&'
Se pot utiliza fi e de documentare care s con in informa ii despre modul cum se face
accesul la o baz de date i opera iile care deriv din aceasta.
C%('
(etode de n.**(9nt:
o expunere
Se recomand exemplificarea practic a modului cum se face conectarea la o baz de
date pe nternet. Se poate face un upload i un download. Se realizeaz deconectarea
de la baza de date.
%)*&'
nternetul este o vast colec ie de re ele de diferite tipuri conectate ntre ele ce
permite utilizatorilor afla i n locuri diferite sa foloseasc diferite servicii( Web-ul, e-mail,
ftp ). SP(nternet Service Provider) ofer acces la internet diferitelor organiza ii sau
persoane, sau servicii cum ar fi : gzduirea de situri, email etc.
ntranet este o por iune de nternet care este administrat separat i pentru care exista
politici de securitate locale. Un intranet este conectat la internet printr-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
organiza ii, care din motive de securitate nu permit conectarea intranet-urilor lor la
nternet.
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 aplica iile lor, cum ar fi partajarea datelor care se gsesc ntr-o baza de
date sau de pagini web.
Modelul partajrii difer n func ie 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 colec ii de resurse asemntoare i face public
func ionalitatea 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 opera ii (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 dintr-
o re ea i care accept cereri de la computere din re ea. Cei care trimit cereri poart
numele de clien i.
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 :
- Eterogenitatea
- Deschiderea
- Securitatea
- Scalabilitatea
- Tratarea erorilor
- Concurenta
- Transparenta
Eterogenitatea
nternetul ofer posibilitatea utilizatorilor de a accesa servicii i de a rula aplica ii ntr-un
mediu eterogen. Eterogenitatea se aplica la mai multe nivele :
re ele de i nternetul 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 UNX 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
documenta iile respectivei interfe e 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 interfe elor pentru accesul la resursele partajate. Sistemele
distribuite pot fi construite din entit i eterogene, dar trebuie s se asigure ini ial
func ionarea corespunztoare a acestora.
Securitatea unei resurse are trei componente:
confiden ialitate protec ia mpotriva dezvluirii neautorizate
integritate protec ie mpotriva alterrii sau coruperii
disponibilitate protec ie mpotriva interferentelor atunci cnd se dore te
accesarea unei resurse
Un sistem este considerat scalabil dac el rmne func ionabil i atunci cnd
cre te 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 performan elor cre terea dimensiunii duce la scderea
performantelor..
prevenirea cderii resurselor software
evitarea strangulrilor
Tratarea erorilor
Un procesor, un computer din re ea 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
solu ii n situa ii de eroare care nu pot fi detectate ci doar suspectate.
Mascarea erorilor unele erori care pot fi detectate pot fi ascunse sau gsite
solu ii 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.
Toleran a 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
nesfr it
- Recuperarea n urma apari iei 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 nternet 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).
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 solu ie este clar limitat. n general ns aplica iile sunt construite pentru a
putea deservi mai mul i clien i.
Pentru ca un obiect sa fie sigur intr-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
ob ine prin tehnici standard ca semafoarele.
Transparenta Un sistem este transparent atunci cnd este perceput ca un ntreg
i nu ca o colec ie de componente independente.
Tipuri de transparen :
acces transparent resursele remite i cele locale sa poat fi accesate prin
acelea i opera ii
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 apari iei unei erori software sau hardware
mobilitate transparenta permite mi carea resurselor i a clien ilor n sistem fr
s fie afectate opera iile care se doresc a fi fcute
performana transparent permite sistemului sa poat fi reconfigurat pentru a-i
mbunt i 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
rela ional, fapt important mai ales pentru aplica iile bazate pe Web, deoarece mai mul i
utilizatori pot ob ine acces la acelea i date aproape simultan. Sistemele de gestiune a
bazelor de date rela ionale includ elemente de protec ie, proiectate pentru a preveni
pierderea actualizrilor si deteriorarea datelor, care se pot produce n caz contrar n
asemenea circumstan e.
Sistemele de gestiune a bazelor de date au o arhitectura client-server care pune la
dispozi ia utilizatorilor afla i la distant, prin intermediul unei re ele, date stocate intr-o
loca ie central. Astfel, bazele de date rela ionale furnizeaz partajarea datelor att n
timp, cat i n spa iu
Mediul client/server care se regsete n unele reele este 'aa de date parta;at
(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 'aei de date (datbase engine), este
conceput s accepte cererile de informaii (interogrile). nterogarea 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 SO#(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). nterfaa cu clientul folosit pentru
interogarea Serverului SQL este Microsoft Access.
C% C&'
Se recomand utilizarea unei prezentri PowerPoint care s con in no iuni despre
partajarea resurselor.
C%('
(etode de n.**(9nt:
o expunere
Profesorul prezint elevilor principalele no iuni despre partajarea resurselor, elevii
acceseaz individual pagini Web, identific diferite resurse partajate pe Web.
%)*&'
laborator informatic, pentru a putea accesa diferie site-uri Web i a putea avea
acces la baze de date.
Tema ?+ -e@isla ie specific
Fi8a de docu(entare P7 #e,ea drepturilor de autor
Legea nr 8/1996 privind dreptul de autor i drepturile conexe
TTLUL
Dreptul de autor
PARTEA
Dispozitii generale
CAPTOLUL
Dispozitii introductive
CAPTOLUL
Subiectul dreptului de autor
CAPTOLUL
Obiectul dreptului de autor
CAPTOLUL V
Continutul dreptului de autor
CAPTOLUL V
Durata protectiei dreptului de autor
CAPTOLUL V
Limitele exercitarii dreptului de autor
CAPTOLUL V
Cesiunea drepturilor patrimoniale de autor
PARTEA a -a
Dispozitii speciale
CAPTOLUL V
Operele cinematografice i alte opere audiovizuale
CAPTOLUL X
Programele pentru calculator
CAPTOLUL X
Operele de arta plastica, de arhitectura i fotografice
CAPTOLUL X
Protectia portretului, a destinatarului corespondentei i a secretului sursei de informare
TTLUL
Drepturile conexe dreptului de autor i drepturi sui-generis
CAPTOLUL
Dispozitii comune
CAPTOLUL
Drepturile artistilor interpreti sau executanti
CAPTOLUL
Drepturile producatorilor de inregistrari sonore
CAPTOLUL ^1
Drepturile producatorilor de inregistrari audiovizuale
CAPTOLUL V
Dispozitii comune autorilor, artistilor interpreti sau executanti i producatorilor de
inregistrari sonore i audiovizuale
CAPTOLUL V
Organismele de radiodifuziune i de televiziune
CAPTOLUL V
Drepturile sui-generis ale fabricantilor bazelor de date
TTLUL
Gestiunea i apararea dreptului de autor i a drepturilor conexe
CAPTOLUL
Gestiunea drepturilor patrimoniale de autor i a drepturilor conexe
CAPTOLUL
Oficiul Roman pentru Drepturile de Autor
CAPTOLUL
Masuri de protectie, proceduri i sanctiuni
Sectiunea 1
Masuri tehnice de protectie i informatii privind regimul drepturilor
Sectiunea a 2-a
Proceduri i sanctiuni
TTLUL V
Aplicarea legii. Dispozitii tranzitorii i finale
http://www.legi-internet.ro/index.php?id=63
Reali:ea:* pu@licarea +ite-ului $e@ creat
Tema A+ Testarea i validarea site-urilor create
Fi8a de docu(entare / ' "e+tarea i .alidarea +ite-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
C% C&'
Se prezint elevilor , utiliznd un site Web unde sunt postate legi, Legea dreptului de
autor.(cuprinsul).
C%('
(etode de n.**(9nt:
o expunere
Profesorul prezint elevilor pe scurt obiectul legii dreptului de autor i le recomand
citirea complet a acesteia, pentru a tii cum s nu intre n ilegalitate.
%)*&'
sala de clas dotat cu videoproiector
laborator informatic, pentru a putea accesa un site Web ce con ine legea
dreptului de autor
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 " lin< chec<er "
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
un Document Type Definition (DOCTYPE) ca prim linie pentru pagina HTML .Exemplu:
!DOCTYPE HTML PUBLC "-//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 urin a 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 puncte7
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 func ie 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 direc iona 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 situa ii 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
mici, dar cu propriet i 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.
Ergonomi a este defi ni t ca ti i n i tehnol ogi e i nterdi sci pl i nar
avnd ca obi ect adaptarea reci proc ntre oameni , mai ni i medi u n
cadrul i nterac i uni i l or ca si steme.
Ergonomi a cogni ti v se concentreaz n mod parti cul ar asupra
i nterac i uni i di ntre om i medi ul acti vi ti i sal e cogni ti ve, concentrndu-se
pe procesel e de n el egere, ra i onament i uti l i zare a cunoti n el or.
Uti l i zabi l i tatea tehnol ogi ei i nformai onal e i de comuni care se bazeaz pe
o proi ectare a tehnol ogi ei centrat pe om, ori entat ctre nevoi l e i
i nteresel e uti l i zatorul ui . nterfa a om-cal cul ator este uti l i zabi l dac
consi der urmtoarel e condi i i :
uti l i zarea ei este uor de nv at i reami nti t,
este efi ci ent, adi c se pot efectua rapi d aci uni compl exe,
este consi stent, uni tar,
fl exi bi l ,
confortabi l .
Proi ectarea i nterfe el or uti l i zabi l e, pri etenoase i personal i zate i mpune
consi derarea mai mul tor pri nci pi i de ergonomi e cogni ti v:
1. pri nci pi ul coerenei , caracterul uni tar al consti tueni l or i nterfe ei ,
2. pri nci pi ul conci zi uni i , asi gurarea unei economi i cogni ti ve,
3. pri nci pi ul conexi uni i i nverse (feedback-ul ui ), asi gurarea unei reaci i
l a ori ce i nterac i une pentru a furni za i nformai i uti l i zatorul ui asupra
funci onri i si stemul ui n scopul n el egeri i ct mai uoare a stri i
curente i detectarea si tua i i l or nedori te
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 dispozi ia designe-rilor posibilitatea de a porni
de la sisteme mici i de a cre te n func ie de necesit i.
Standardul XHTML este standardul prin folosirea caruia administratorii unui site
au certitudinea c to i utilizatorii vd n acela i fel paginile unui website indiferent de
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
intr-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
aparen a,lucru important deoarece utilizatorii pot folosi diferite browsere internet
pentru a accesa paginile website-ului. Fiind bazate pe un cod valid de sintax i
con inut 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 mentenan a 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,
u or 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
modalit i care le permit s fie manipulate ntr-un browser Web.
Modelul orientat-obiect pentru documente (DOM) reprezint o interfa a de programare
a aplica iilor 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 func ii. 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); rela iile i dependen ele ntre aceste interfe e i
obiecte.
C% C&'
Se recomand utilizarea unei prezentri PowerPoint care s con in principalele criterii
de testare i verifcare ale unui site Web. Este de asemenea necesar conexiunea la
internet.
C%('
(etode de n.**(9nt:
o expunere
Profesorul prezint elevilor principalele criterii de verificare i modalit i de testare ale
unui site Web. Elevii pot fi impr i i pe mai multe grupe i fiecare grup s analizeze
aceea i pagin Web, din puncte de vedere diferite: con inut, aspect, prezentarea
corect a elementgelor de navigare, imagini, etc. Rezultatele pot fi prezentate de elevi
pe flipchart i comentate de celelalte grupe.
%)*&'
sala de clas dotat cu video-proiector, pentru prezentarea elementelor de
con inut ale site-ului
Tema !B C /u$licarea site-urilor #e$
Fi8a de docu(entare 10 ' Pu@licarea +ite-urilor $e@
Dup crearea site-ului i verificarea acestuia urmeaz etapa publicrii pe Web a site-
ului, 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 .@ov
furnizorii de servicii de reea .net
instituii non-profit .or@
domeniile corespunztoare rilor lumii (.ro C 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 site-
ului (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
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)
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:
nstalarea unui server Web propriu
Utilizarea serverului Web al providerului de servicii nternet
Utilizarea unui server Web aparinnd unei firme care ofer servicii de hosting
nstalarea 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 CG, 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 nternet, configurrii i
ntreinerii unui server propriu depesc, ns, posibilitile unui utilizator obinuit.
Utilizarea serverului Web al providerului de nternet este o opiune economic.
Furnizorii de servicii nternet 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 SP 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 SP 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 CG,
care ar trebui s poat fi utilizate gratuit, n cazul n care exist.
Un cont la un provider SP 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 CG,
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:
http://www.nume_site.com
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 inde%7html sau inde%7htm.
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(7html sau 7htm9. Trebuie reinut n sistemele UNX, care sunt cele
mai des folosite ca servere Web, denumirile fiierelor este case!sensitive. O pagin
denumit homepage7html nu este totuna cu pagina *omePage7html. 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 (1ile 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 =pload, iar operaia preluare a
fiierelor de pe un alt computer, pe computerul personal se numete .o"nload.
Cele mai folosite programe FTP sunt Cute1TP (http://www.cuteftp.com) i >S&1TP
(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 nternet
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
?non+mous din meniul 0ogin. 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 ?SCII iar pentru celelalte fiiere, opiunea 'inar+. Exist i
posibilitatea alegerii opiunii ?uto.etect 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.
Folosirea scripturilor CG asociate site-ului necesit atenie special. Majoritatea
serverelor necesit instalarea scripturilor CG ntr-un subdirector special numit cgi!'in,
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.
ntre inerea i actualizarea unui sit web se realizeaz din urmtoarele motive:
pentru mbunt irea 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
comentariile sau recomandrile vizitatorilor .
Deoarece plasamentul n motoarele de cutare se schimb permanent, deci este
necesar verificarea periodic a plasamentului.
mportant 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.
C% C&'
Este indicat folosirea unei prezentri PowerPoint care s con in etapele ce se
parcurg pentru publicarea unui site, ncepnd cu achizi ionarea unui domeniu i
terminnd cu ncrcarea i actualizarea site-ului.
C%('
(etode de n.**(9nt:
o expunere
Profesorul prezint elevilor etapele publicrii unui site Web. Se analizeaz modul de
achizi ionare a unui domeniu, alegerea unei gazde, modul de ncrcare a site-ului i ce
implic ntre inerea unui site.
Elevii pot fi mpr i i pe grupe fiecare grup ncercnd s aduc argumente pentru o
anumit decizie luat n legtur cu alegerea locului n care va fi publicat site-ul.
%)*&'
sala de clas dotat cu video-proiector, pentru prezentarea no iunilor teoretice
!27 Fi8a re:u(at
Unitatea de n.**(9nt __________________
Fi8a re:u(at
Cla+a ________________ Profe+or______________________
Nr.
Crt.
Nume i prenume elev
Competena 1 Competena 2 Competena 3
Observaii
A 1 A 2 A X A 1 A 2 A 3 A 1 A 2 A 3
1 7ll7aaa
a
(
2
3
4
...
1
zz.ll.aaaa reprezint data la care elevul a demonstrat c a dobndit cunotinele, abilitile i atitudinile vizate prin activitatea respectiv
Y
27 %i@lio,rafie
1. McFredies, Paul. (2003). Crearea paginilor >e', Bucure ti: Editura B..C.ALL
2. Williams, Robin. Tollett, John (2003). Design pentru Web, Bucure ti: Editura
Corint
3. Gugoiu, Teodoru. (2005). HTML, XHTML, CSS i XML prin exemple Ghid
practic, Bucure ti: 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_si
te_urilor_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_php-
51674.html?in=cursuri&s=sit%20web. 30.04.2009
11. ***.La http://facultate.regielive.ro/cursuri/calculatoare/pagini_web_dinamice-
73641.html?in=cursuri&s=scriptur%20web. 02.05.2009
12. ***.La
http://facultate.regielive.ro/cursuri/automatica_calculatoare/javascript_si_world_w
ide_web-44356.html?in=cursuri&s=scriptur%20web. 02.05.2009
13. ***. La
http://facultate.regielive.ro/cursuri/automatica_calculatoare/javascript_si_world_w
ide_web-44356.html?in=cursuri&s=javascript. 02.05.2009
14. ***.La
http://facultate.regielive.ro/cursuri/calculatoare_automatica/baze_de_date_sql-
749.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_aplica
tii_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/WEBDESGN/PROECTARE/MACHETARE/Grafica/conur
i.htm . 02.05.2009
20. Robin,Williams. John, Tollett. (2003). Design pentru Web Ghid pentru crearea,
proiectarea i publicarea propriului site Web, Bucure ti: Editura Corint

Modulul VIII - Obogeanu Gina II

Încărcat de

Informații document

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

Modulul VIII - Obogeanu Gina II

Încărcat de

Drepturi de autor:

Formate disponibile

nvmntul profesional i tehnic n domeniul TIC

S-ar putea să vă placă și