1

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

UNIVERSITATEA DIN BUCURETI

Facultatea de Jurnalism i tiinele Comunicrii
Master RELAII PUBLICE I PUBLICITATE
Anul II - ID

SITE-UL N PUBLICITATE I RP
Etape pentru realizarea site-ului Web
Procesul de realizare a unui site Web ncepe prin a defini strategia i scopul siteului, apoi acesta se proiecteaz prin stabilirea modului n care el arat i funcioneaz.
Pn la scrierea i editarea efectiv a paginilor Web cu ajutorul softului specific HTML,
realizarea site-ului este un proces complex de analiz a condiiilor i datelor necesare.
Faza de producie sau dezvoltare propriu-zis const n construcia site-ului i
codificarea HTML a paginilor. Site-ul realizat este testat pentru funcionalitate, verificat
pentru a regsi obiectivele definite i apoi, publicat. Dup aceast faz, este stabilit un
program periodic de meninerea a mentenanei, care permite ca site-ul s rmn de
actualitate i funcional. n concluzie, dezvoltarea unui site Web necesit obligatoriu
parcurgerea urmtoarelor faze: planificarea, designul, dezvoltarea, testarea, publicarea i
ntreinerea sa.
1. Planificarea site-ului
Aceast etap este crucial n dezvoltarea efectiv a unui site web. Planificarea i
organizarea corespunztoare a unui site asigur ndeplinirea condiiilor de timp, de
calitate i a obiectivelor acestuia. n aceast faz se examineaz cerinele site-ului,
profilul audienei i obiectivele sale, trebuie construit harta navigaional,. Se iau n
considerare i cerinele tehnice, cum ar fi: accesul utilizator, browser-i necesari, pluginuri, restricii la descrcare (download). Numai dup organizarea informaiei i
determinarea structurii operaionale se poate crea efectiv site-ul. Argumentul acestei
etape este cel al nelegerii comparaiei dintre un site Web i o pagin web. Principalele
probleme de rezolvat n aceast etap sunt:
- Alegerea tipului de site (informaional, comercial), a temei i dimensiunii sale;
- Determinarea obiectivelor site-ului.
ntotdeauna trebuie s existe o motivaie pentru realizarea site-ului, despre ce
urmeaz s se realizeze cu acest site. Aceste obiective trebuie s fie, n permanen, n
atenia Web masterului, n toate fazele de realizare a site-ului. Obiectivele sunt
importante n a focaliza i inti site-ul ctre anumite necesiti particulare. Astfel, site-

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

urile care furnizeaz informaii despre anumite subiecte specifice ar trebui s aib un
mod de prezentare i de navigare diferit n comparaie cu un site care urmeaz s vnd
produse. Complexitatea obiectivelor propuse vor afecta modul n care va fi navigat siteul, coninutul acestuia, modul su de prezentare.
- Stabilirea audinei.
Dup stabilirea obiectivelor site-ul Web, trebuie vzut care este publicul cruia i
se adreseaz acesta, cine ar fi interesat de citirea lui i n ce condiii. Utilizatorii folosesc
browseri diferii, sunt conectai la viteze diferite, au sisteme de operare i monitoare
diferite i au nevoie de plug-inuri pentru redarea de coninuturi diverse. Toi aceti
factori pot afecta redarea site-ului. Apoi, n funcie de publicul ales, trebuie determinate
elementele de interes pentru acesta.
- Cercetarea condiiilor tehnice de derulare a siteului (tipuri de reele, browsere,
editoare).
Alegerea browserului este o problem foarte important cnd se proiecteaz
paginile web, deoarece informaia din paginile web poate avea de suferit la vizualizarea
n condiii diferite, la clienii poteniali. n plus, vizualizarea corect a paginii att la
autor ct i la utilizator nu depinde numai de browseri, ci i de sistemul de operare, de
rezoluia monitorului, de capacitile lor grafice. Pentru a ne asigura c siteul va fi
consultat n condiii bune, de ct mai muli utilizatori, el se va verifica pe mai mult dect
un browser. Alegerea browserului i a facilitilor lui este foarte important pentru
vizualizarea site-ului.
- Crearea site-ului trebuie s asigure i compatibilitatea browserilor.
Ideal este s se construiasc site-ul pentru ct mai muli browseri, ndeplinind
condiiile ntlnite la cei mai muli dintre ei. Exist peste 24 de browseri Web diferii,
muli dintre ei cu mai multe versiuni. Chiar dac se au n vedere doar browserii cei mai
folosii, Netscape Navigator i Internet Explorer, acetia sunt implementai n versiuni
diferite. De aceea, trebuie creat o baz minim de compatibilitate a site-ului din punct
de vedere al browserilor. Este bine dac Web masterul poate obine un feedback de la
audien, pentru aceasta furniznd, de obicei, o adres de email. Site-urile mai complexe
din punctul de vedere al prezentrii, ce folosesc animaie, coninut multimedia i
interaciune respect mai puin criteriul de compatibilitate ntre browseri. Astfel, nu toi
browserii pot executa JavaScript, dar toi pot citi text fr probleme. Pe de alt parte, un
site numai de text este puin atractiv i mai puin eficient n transmiterea informaiei. De
aceea, trebuie asigurat un balans ntre compatibilitatea browserilor i eficiena prezentrii
informaiei. O idee ar fi s se creeze versiuni multiple pentru aceeai pagin, n funcie
de browserul regsit la utilizator.
- Alegerea serverului pe care se va face stocarea.
Spaiul disponibil pe care ni-l ofer serverul poate condiiona dimensiunea i
calitatea site-ului. Astfel, pe un server propriu, spaiul nu este practic limitat, n timp ce
2

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

pentru un server oferit prin serviciile Web, spaiul de stocare este limitat la un numr de
MB (poate fi 6, 10, 20 MB sau mai mult).
- Obinerea unui feedback (prin e-mail sau prin formular) al modului n care a fost
perceput informaia, adic despre publicul care contacteaz site-ul.
- Organizarea structurii site-ului.
Documentul Web este constituit din numeroase fiiere ntre care se stabilesc
legturi. De aceea, este foarte important s se stabileasc de la nceput ierarhia de foldere
i poziiile fiierelor n aceste foldere. n mod obinuit, se creaz un folder unde se pun
toate fiierele site-ului local. Aceste fiiere sunt apoi copiate pe un server Web, pentru a
putea fi vzute i citite de utilizatorii reelei Internet. n cadrul folderului site-ului se pot
crea subfoldere pe criterii de coninut unde sunt puse toate paginile create pe acelai
subiect, pe criterii de medii pentru sunete, secvene video sau imagini. Folosirea
subfolderelor se face numai cnd este necesar, mai ales atunci, cnd se lucreaz cu un
numr mare de fiiere n cadrul site-urilor complexe. Aceast organizare face site-ul mai
uor de ntreinut i de navigat. Structura site-ului pe staia client i la server trebuie s
fie aceeai (fig. 2.3).
Site 1

Site 2
Site1 (root folder)

Site2 (root folder)

Informaii generale

Informaii generale

Catalog

Medii diferite

Medii diferite

Catalog

Index.html (homepage)

Medii diferite
Index.html (homepage)

Fig. 2.3 Organizarea site-ului pe structura de foldere

2. Proiectarea site-ului
Proiectarea site-ului ncepe cu construirea unei hri navigaionale care arat
modalitile de legare i de prezentare a site-ului, de navigare a acestuia, componentele
de coninut (elementele grafice, media, textele), temele, culorile din fiecare pagin a siteului. Harta navigaional poate fi desenat manual sau cu un soft de desenare specializat.
Aceast etap presupune pregtirea coninutului paginilor, stabilirea elementelor comune
tuturor paginilor web i modul lor de prezentare (logosul firmei, al instituiei, produsului

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

sau serviciului prezentat, data actualizrii i autorul paginii). De asemenea, sunt luate n
considerare modalitile de feedback ale paginilor i elementele de prezentare.
Feedbackul furnizeaz o modalitate pe care vizitatorii o au pentru a contacta web
masterul.
Harta navigaional asigur meninerea consistenei n prezentarea i proiectarea
site-ului. Utilizatorul ar putea fi derutat dac la deschiderea fiecrei pagini din site-ul
Web va regsi o prezentare diferit sau dac elementele de navigare se regsesc n locuri
diferite pe fiecare pagin. Pentru aceasta este necesar harta navigaional. Ea va urmri
traseele posibile pe care utilizatorul le poate parcurge la deschiderea site-ului. Pe aceast
hart se vor nsemna modalitile oferite utilizatorului de a afla unde se regsete n site
i cum s se ntoarc la nivelurile superioare. Astfel, se poate furniza un index care ar
ajuta vizitatorii s regseasc rapid informaia pe care o caut.

Titlu1
Titlu2
Titlu3

Titlu1
Coninut multimedia
subiect 1

Titlu2
Coninut multimedia
subiect 2

Titlu4
Coninut multimedia
tem subiect 4

Index.html (homepage)

Titlu3
Coninut multimedia
subiect 3

Imagine detaliu
subiect 3

Fig. 2.4 Exemplu de ntocmire a unei hri navigaionale

Captarea coninutului site-ului. Dup crearea hrii navigaionale, se poate trece

la captarea coninutului multimedia al site-ului: imagini, texte, animaii Flash,
Shockwave, grafic, video, sunete, elemente de dinamicitate (scripturi Java, JavaScript,
PERL, CGI) sau aplicaii ce folosesc tehnologiile client-pull sau server-push, tehnici
disponibile de tipul soon-to-be, ce fac site-ul web mult mai interactiv i funcional.
Aceste componente se realizeaz prin programe specializate i se salveaz n fiiere ce
sunt apelate de codul HTML. Ele trebuie s fie deja create cnd site-ul ncepe s fie
realizat. De asemenea, trebuie colectate toate imaginile sau graficele din biblioteci clipart
necesare n site. Toate aceste fiiere se organizeaz n structura de foldere a site-ului
nainte de dezvoltarea propriu-zis a acestuia.

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

3. Dezvoltarea site-ului
Dezvoltarea site-ului const n adugarea i organizarea de coninut variat n
paginile Web folosind un soft de editare HTML specializat. Adugarea de componente
multimedia i de elemente de design va genera codul HTML al fiecrei pagini a site-ului.
Suplimentar, sunt adugate elemente de formatare a componentelor i a paginilor,
imagini hart sau rollover, imagini animate n diferite formate, elemente de programare
(applete i scripturi), elemente de legare i structurare. Elementele de coninut stabilesc
legturi de navigare. La dezvoltarea site-ului pot fi luate n considerare template-uri i
biblioteci de elemente. Template-urile sunt folosite pentru caracteristicile de prezentare
comune ale paginilor site-ului Web. Crearea i aplicarea template-ului pe pagin sunt
urmate de realizarea acesteia.
Coninutul unei pagini este inclus direct n editorul HTML, aa cum este cazul
textului sau a elementelor de interaciune (butoane de comand, butoane radio sau
checkbox, zone de text sau de opiune) sau prin legarea fiierelor ce conin componente
multimedia. Imaginea, sunetul sau video sunt captate prin programe software
specializate, capabile s scoat un format de fiier media, recunoscut pe reeaua de
calculatoare.
Multe dintre paginile Web sunt statice, coninnd doar text i imagini. Creterea
atractivitii i eficienei unui site este asigurat ns, prin introducerea de elemente de
interactivitate i dinamism care au ca scop captarea interesului utilizatorului. n plus,
vizitatorilor li se pot furniza elemente de feedback, li se poate da posibilitatea de a
demonstra concepte, de a valida date din formulare electronice fr a contacta serverul.
Interactivitatea i animaia este inclus n paginile Web apelnd la tehnica layer-elor, la
scripturi i applete. Acestea sunt aplicate sub form de comportamente elementelor
paginii Web, ce rspund la anumite evenimente.
Un site bine realizat i calitativ trebuie s rspund ntotdeauna criteriilor:
informative, de atractivitate i efectivitate. Atractivitatea site-ului are n vedere
respectarea principiilor de design ale interfeei acestuia. Criteriul informativ se bazeaz
pe principiul say what need to say, adic concizia i claritatea informaiei, dar i
meninerea unor pagini distincte ale documentului, legate n primul rnd de coninut.
Efectivitatea siteului se refer la modificrile care se fac n cadrul acestuia, atta timp ct
exist un anumit scop, adic s se foloseasc pagini separate pentru subiecte sau capitole
separate, s se menin validitatea legturilor ntre pagini, s se foloseasc grafic n
msura n care este necesar.
4. Testarea site-ului
nainte de a publica site-ul pe un server Web, el este testat local. Testarea se face
n diferii browseri i urmrete aspectul i coninutul paginilor, legturile dintre acestea.
Testarea site-ului mai urmrete compatibilitatea dintre browseri, reglementarea
5

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

condiiilor de formatare a elementelor paginilor, verificarea legturilor din pagini i ntre

pagini, verificarea timpului de descrcare a site-ului.
5. Publicarea i promovarea site-ului
Publicarea site-ului se refer la:
- Transferarea paginilor pe serverul Web astfel, nct utilizatorii pot consulta
informaia acestora. Aceast operaie este executat de un program FTP. Cel mai eficient
mod este de a pune site-ul pe serverul cel mai apropiat. Alegerea serverului Web pentru
stocarea informaiilor site-ului are n vedere i criteriile fizice legate de: tipul de
conexiune Internet, limea de band furnizat, gradul de utilizare a serverului, diferite
alte servicii oferite de furnizorul de acces Internet (zone CGI, serveri securizai);
- Testarea final a paginilor web pe server;
- Adugarea de materialele ajuttoare sau de referin pentru subiectul tratat de site.
Promovarea este etapa care face cunoscut adresa site-ul la utilizatori prin maini
de cutare, prin mijloace scrise sau audio-video. Pentru ca site-ul s fie gsit pe Web prin
intermediul cuvintelor cheie i a motoarelor de cutare, el trebuie ncrcat n baza de date
a acestora. Aceeai operaie se cere i pentru directoarele online de cutare, unde
audiena este mult mai intit. De asemenea, se mai practic ca form de promovare a
site-urilor, punerea de legturi ctre site-urile nrudite informaional.
6. ntreinerea site-ului
Aceast etap const n meninerea informaiei n form actualizat i corect. Pe
structura de foldere i fiiere existent a site-ului se poate face actualizarea folosind un
program de tip FTP. Acesta va suprascrie fiierele i legturile site-ului aflat pe serverul
Web.

1.4 Designul interfeei paginilor Web i calitatea site-ului

Respectarea principiilor de design ale interfeei utilizator pentru pagina Web
asigur atractivitatea i eficiena acesteia, apreciate prin uurina de a o citi i a o folosi.
Aceste principii sunt enunate de diferii autori, de diferite organizaii i organisme, care
recomand:
- folosirea de linii orizontale pentru separarea coninutul paginii Web;
- crearea de pagini multicoloan ce asigur acoperirea cu un coninut variat i o
organizare uoar a paginii;
- alegerea unui format de coloan de dimensiunea coninutului su;
- controlul curgerii informaiei prin definirea limii paginii i a coloanei;
- alegerea unor culori ce fac pagina mai atractiv i mai uor de citit;
- folosirea unui corp moderat de caracter care s asigure un text citibil;
6

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

- folosirea mai multor pagini, de dimensiune mai mic, legate, n locul unei pagini foarte
lungi;
- folosirea de imagini fixe sau animate, n format mic, care s se ncarce repede;
- folosirea de exemple de siteuri pentru pagini personale, business, site-uri ale
comunitilor, pentru organizaii;
- folosirea unui contor utilizator;
- folosirea de elemente care dau dinamicitate site-ului: scripturi JavaScript care asigur
schimbarea de aspect i culoare a paginii, imagini fixe i animate n acelai format de
fiier i afiate n aceeai manier, componente ActiveX sau applete Java, tabele pentru
aliniamente i efecte de multicolonaj, legarea spre baze de date.
Elementele de design sunt uneori neglijate, accentul punndu-se mai ales, pe
tehnicile i tehnologiile folosite n realizarea site-ului. Din experiena acumulat pn n
prezent, concluzia este c trebuie respectat relaia calitatea site-ului principiile de
design ale interfeei utilizator. Sunt luate n considerare criterii ce privesc site-ul n
ansamblu, pagina Web, precum i componentele sale: textul, grafica, culoarea. Pe lng
aceste principii, cteva recomandri generale vin s ajute la proiectarea, organizarea i
realizarea unui site Web de calitate:
- Aspectul i coninutul site-ului trebuie s fie n concordan cu scopul su (informativ,
divertisment, comercial) i cu publicul cruia i este destinat;
- n mod obinuit, informaia este structurat pe cel puin dou nivele ierarhice, pagina
index sau homepage i pagini de nivel 2. De asemenea, se obinuiete s se pun ct mai
mult informaie la nceputul ierarhiei pentru ca cititorul s poat sorta rapid informaia
primit. O bun prezentare a informaiei este legat de separarea ei n subiecte, tematici,
capitole i subcapitole, iar subiectele de mic ntindere se pun de obicei n aceiai pagin
Web. Pagina trebuie s includ ntotdeauna o legtur de ntoarcere la nivelul superior al
site-ului prin care cititorul poate ajunge rapid la nceput. Trebuie puse toate legturile
care pot ajuta la construirea unui tabel de coninut ce duc cititorul ctre alte seciuni,
ctre paginile urmtoare sau precedente. Acest tabel este pus la nceputul paginii astfel,
nct cititorii s tie, n permanen, unde anume se gsesc n site. n construirea
legturilor, cel mai potrivit mod este de a folosi ca ancore cuvinte sau fraze care au un
anumit neles pentru parcurgerea n continuare a informaiei.
- Trebuie avut n vedere c utilizatorul poate ncepe parcurgerea site-ul pornind din orice
pagin i poate urmri diferite trasee n funcie de contextul dorit. n aceste condiii,
pentru navigarea eficient a siteului este necesar planificarea numrului de linkuri i
validarea acestora conform unor reguli de baz.
- Complexitatea paginii este direct proporional cu timpul necesar crerii i ncrcrii
elementelor ei. De aceea, este important s se aleag un numr potrivit de imagini,
sunete i filme n pagini.
7

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

- Este recomandat s nu se creeze documente Web cu caracteristici de coninut i aspect

ce nu pot fi vizualizate de majoritatea browserilor. Pentru acele elemente ce nu pot fi
vizualizate de anumii browseri s se foloseasc ntotdeauna text alternativ, explicativ. n
plus, trebuie s se in seama de faptul c utilizatorii pot ignora o serie de setri pe care
autorii paginilor Web le-au stabilit, cum ar fi: modificarea i dimensiunilor fonturilor,
culorile i backgroundurile paginii.
- Trebuie luat n considerare ntotdeauna faptul c dimensiunea ecranului utilizatorului,
rezoluia, numrul de culori admise sunt diferite de cele ale ecranului pe care s-a realizat
siteul, chiar dac browserul folosit este acelai. De aceea, ar trebui alese caracteristicile
ntlnite la majoritatea monitoarelor, cum ar fi rezoluia de 800 * 600 pixeli pentru
ecranele de 15 19 inch.
- Pagina siteului trebuie dimensionat n funcie de dimensiunea ecranului. Astfel,
informaia poate fi prezentat pe scurt, segmentat n pri bine delimitate care fac mai
uoar concizia paginilor. O regul pentru scrierea unei pagini este aceea c ea nu trebuie
s depeasc 2 - 3 ecrane de rezoluie 640*480, inclusiv legturile locale de la nceputul
sau de la sfritul su. La o pagin mai mare dect o fereastr, cititorul trebuie s-i
aminteasc prea mult informaie care a fost deja afiat pe ecran. n plus, citirea pe
vertical a paginilor lungi este nsoit de procesul de defilare care schimb coninutul
ecranului, lsndu-l pe cititor inundat de o informaie nestructurat.
- Este recomandat ca informaia de aceeai natur sau apropiat s fie inclus n aceeai
pagin, mai ales dac aceast pagin ar putea fi i imprimat sau salvat ca text de ctre
cititor. Pentru a asigura o bun interfa a pagini n citirea pe ecran, imprimare i salvare
n fiiere este recomandat ca pagina electronic s nu depeasc 2 - 3 pagini imprimate.
Aceast regul este valabil i pentru graficele sau figurile inline. O soluie la o pagin
ecran mai lung de 2 3 pagini imprimate este s se furnizeze un link ctre un fiier
separat ce conine numai textul n lungimea sa total, ntr-o singur pagin.
- Aspectul paginii este influenat i mbuntit prin folosirea graficii i a culorii, de
variaiile dimensiunii fontului, de folosirea textului alternativ pentru elementele grafice
neafiabile, de inerea textului ct mai scurt fr defilare. S-a constatat c cititorii evit
textul lung considerndu-l neesenial i se limiteaz de cele mai multe ori la citirea
textului care face legturile, chiar nainte de a-i alege destinaia.
- Pentru pstrarea consistenei site-ului este recomandat s se foloseasc doar cteva
stiluri de titluri i subtitluri necesare pentru a organiza coninutul n toate paginile sale.
Editoarele HTML permit aplicarea a ase niveluri de titluri, dar care nu trebuie folosite
toate ntr-o pagin. De asemenea, aceste stiluri de titluri trebuie folosite n ordine, cu un
nivel titlu la nceput i, eventual, urmat de alte dou subtitluri. n plus, browserele
folosesc diferit spaierea i fonturile, iar nivelurile titlu trebuie folosite pentru a indica
structura.

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

- Trebuie evitat folosirea excesiv a caracterelor ngroate, a textelor scrise numai cu

majuscul, nclinate i a fonturi multiple. Aceste caracteristici se aplic doar pentru a
ntrerupe monotonia i pentru a crea un aspect vizual care s-l ajute pe cititor n
parcurgerea textului pe ecran. Ele se pot nlocui de cele mai multe ori cu liste ordonate
sau neordonate sau cu paragrafe bloc care micoreaz limea rndului text, menine
marginile textului mai clar, face pagina mai uor de parcurs.
- Se pot insera linii orizontale pentru separarea vizual a seciunilor documentului, dar
nu se folosesc linii albe sau rigle orizontale peste tot n pagin. Ideea este de a menine
lungimea paginii la minimum.
- Este foarte tentant s se includ numeroase fonturi i stiluri n paginile web dar, scopul
lor este de a face o pagin mai uor de citit, cu un coninut focalizat pe un anumit public.
Astfel, anumii browseri permit folosirea de opiuni configurabile de ctre utilizatori,
printre care i alegerea unui font pentru a-i vizualiza pagina. O bun tipografie ine de
contrastul vizual dintre un font i un altul i de contrastul dintre blocurile text i spaiul
alb nconjurtor. Exist cteva principii tipografice de baz ce fac pagina uor de citit:
evitarea folosirii de stiluri n exces, folosirea de corpuri diferite, folosirea moderat a
contrastelor, dar nu eliminarea lor. De aceea, este bine s se aleag cteva stiluri de titluri
pentru organizarea coninutului i apoi, folosirea lor n mod consistent. Folosirea
uniform, regulat a unor forme ajut cititorii s identifice rapid locaia i organizarea
informaiei i crete legibilitatea paginilor.
- Se folosesc elementele tipografice deosebite pentru a trasa diferite ci de navigare n
pagin. Astfel, cititorul va remarca mai nti aceste ci i contrastele paginii i nu titlurile
sau alte detalii, deoarece el scaneaz pagina din punct de vedere grafic, identificndu-i
formele apoi, ncepe c parcurg i s decodifice tipul i elementele paginii.
- Spre deosebire de o carte care este proiectat liniar n coninut, un autor Web nu poate
fi niciodat sigur care sunt paginile pe care cititorul le vede nainte de pagina curent. De
aceea, o titulatur consistent pus la partea superioar a paginii Web permite
utilizatorilor s cunoasc imediat care este scopul principal al documentului i care este
relaia paginii n legtur cu altele. n plus, grafica plasat deasupra titulaturii principale
nu trebuie s fie prea mare pentru a nu fora ieirea titlului paginii din dimensiunea unui
ecran standard (800 x 600 pixeli).
- Folosirea de grafice n pagin aduce mult atractivitate vizual, coninut informaional,
i determin nelegerea n mod mai dificil a mesajului transmis. Ideea este de a ine
imaginile n dimensiune ct mai mic. Astfel, ar trebui ca dimensiunea tuturor fiierelor
de imagini folosite pe o pagin Web s nu depeasc 30K. Pentru afiarea imaginilor de
dimensiune mare este recomandat folosirea unei legturi de la o imagine de dimensiune
mic la o copie a aceleiai imagini, dar la dimensiunea complet. Reducerea dimensiunii
fiierelor imagine se poate face prin tratarea lor de ctre programe ce elimin culorile
nefolosite.
9

10

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

- Folosirea backgroundurilor trebuie fcut astfel, nct textul, informaiile s rmn

citibile. Nu este permis ca backgroundul s interfere cu mesajul transmis ctre cititor. n
plus, contrastul culorii nu este totdeauna suficient (background deschis pentru text nchis
i invers). Un background imagine ar trebui s aib un contrast mic, dar aceast soluie
nu ofer un efect prea folositor. Backgroundurile color sunt foarte avantajoase pentru a
pune paginile ntr-o prezentare, n coeziune, cele pastel fiind cele mai bune pentru citirea
unei cantiti mari de text. Dac se vizualizeaz mai multe imagini, backgroundul negru
va avea un efect mai mare, asemntor unei galerii. Folosirea de backgrounduri din piese
texturate genereaz un efect de micare, de curgere, fcnd textul mai greu de citit.
Backgroundul alb poate face textul s arate bine i documentul curat, dar nu este
recomandat pentru un numr mai mare de pagini, fiind obositor pentru ochi.
- Imaginile web recunoscute de cei mai muli dintre browseri au formatele GIF
(CompuServe Graphics Interchange Format) cu extensie .GIF i JPEG (Joint
Photographic Experts Group) cu extensie .JPG. Ambele formate imagine ar trebui s
foloseasc harta de culoare RGB (red-green-blue). Pentru situaiile n care browserul nu
le poate afia sau cnd imaginile nu se pot ncrca din diferite motive, este bine s se
foloseasc textul alternativ. Se recomand folosirea formatului GIF pentru imaginile
inline, desene line art, logo-uri i backgrounduri ecran. Pentru minimizarea timpului de
descrcare a imaginilor se pot folosi fiiere GIF suprapuse. n situaia n care o imagine
se repet de mai multe ori n pagin, este mai bine ca ea s fie inclus printr-o legtur
altfel, browserul o va rencrca de cte ori este folosit. Prin specificarea n pixeli a
spaiului pe care trebuie s l ocupe o imagine (folosind opiunea Image Properties) va
crete viteza sa de descrcare, ntruct serverul nu trebuie s mai cear dimensiunea
imaginii pentru a o transmite clientului.
- Ideal ar fi ca fiecare pagin s conin numele autorului, organizaiei, elementele de
navigaie (link-uri sau icon-uri), informaii de copyright i data de modificare /
actualizare. De asemenea, o pagin Web bine proiectat trebuie s conin informaii de
contact. Astfel, se poate furniza o legtur ctre o adres email la care cititorii pot trimite
comentarii, feedback-uri despre site.
TEM:
1. Stabilii cteva conexiuni ntre motoarele i directoarele de cutare i tipurile de
site-uri Web.
2. Alegei un site i analizai-l: realizai-i harta navigaional, stabilii-i coninutul i
elementele de design.
3. Alegei un tip de site pe care s l realizai. Stabilii pentru acesta: tema, publicul,
elementele de design i de coninut, desenai-i harta navigaional.

10

11

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

Construirea de formulare interactive n cadrul site-urilor

Fomularul este o component important n dialogul dintre firm i utilizator, n
activitile de RP i publicitate.
Formularele electronice permit paginilor web s solicite diferite intrri de la
utilizator sub form de text sau prin alegerea unor opiuni. Datele completate n formular
sunt trimise la un server pentru a fi procesate. Formularele ca i link-urile furnizeaz un
anumit nivel al activitii paginii, chiar dac softul rezid pe server i nu la maina
utilizator.
Formularul interactiv trimis la utilizator interacioneaz, n general, cu o baz de
date. Sursa formularului definit ntr-o pagin HTML este cuprins ntre etichetele
<form>, </form> i descrie structura lui, precum i modalitile de dialog cu
utilizatorul.
Elementele - cmp definite n formular vor ghida utilizatorul n introducerea de
valori corespunztoare sau n alegerea de opiuni prin liste sau butoane. Aceste cmpuri
sunt definite prin cuplul (NAME : VALOARE) i transmise ctre server. Trimiterea datelor
ctre server se face prin metoda POST sau prin metoda GET i va declana un program
script ce le trateaz. Adresa serverului i numele scriptului care verific i colecteaz
datele din formular se menioneaz prin atributul ACTION din eticheta <form>.
Formularul face parte din corpul unui document HTML i este cuprins ntre
etichetele <form> i </form>. Spre exemplu, n
<form action=URL-ul scriptului ce trateaz datele method=metoda de
transmitere a datelor> </form>,
<form action=http://hoohoo.ncsa.uiuc.edu/htbin-post/post-query
method=post> </form>,

datele introduse de utilizator sunt transmise serverului NCSA prin metoda POST,
adic ca ir de caractere organizat printr-o secven special de tip http ce urmeaz a fi
tratat de un script. Scriptul care colecteaz datele formularului este identificat prin
URL-ul su, furnizat de atributul ACTION. Datele din formular pot fi transmise la server
pentru a putea fi tratate cu script-uri i prin metoda GET, astfel:
<form action=http://www.cc.ukans.edu/cgi/bin/post/query method=get>
</form>.

Metoda GET se folosete, mai ales, cnd datele trimise nu schimb starea unei
baze de date i metoda POST este folosit cnd un acces va cauza o modificare a unei
baze de date. Totui, uneori metoda GET nu poate fi folosit dac cererea este prea lung,
datorit unor dificulti ale software-ului server. n mod curent, metoda POST permite
lucrul cu un singur fiier.
Definirea diferitelor cmpuri ale formularului constituie interfaa de interaciune
cu utilizatorul. Tipurile de elemente de comunicare i interaciune ntr-un formular sunt:

11

12

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

butoanele, cmpurile text, listele de opiuni i ele se vor descrie cu ajutorul unor etichete
HTML specifice.
Definirea intrrilor de tipul text i butoane este asigurat de clasa INPUT de
etichete HTML. Astfel, fiecare zon de intrare are un nume de variabil corespunztor
atributului NAME i o valoare asociat acesteia prin atributul VALUE. Intrrile specificate
de eticheta <input> sunt nsoite pe tipul lor: checkbox, text, radio, submit sau reset.
Generarea n formular a unor cmpuri de intrare de tipul text, cum ar fi: Nume,
Prenume, Funcie, Poziie, Firm, Adres, Telefon, Fax, este nsoit de numele zonei
descrise i de lungimea irului de caractere de introdus, SIZE, astfel:
nume: <input type=text name=nume_zon_text
size=nr_ir_de_caractere>.

Pentru cmpurile text se pot introduce i restricii asupra modului de completare:

numr maxim de caractere, numai cifre sau numai litere, stabilirea unui domeniu de
valori admis.

5.8 Cmpul text al unui formular electronic

Intrrile prin butoanele radio sau butoanele de alegere exclusiv asigur selecia
unei variante unice dintre cele propuse i se definesc astfel:
<input type=radio name=nume_zon value=valoare> explicaia ce
urmeaz butonului.

n acest caz, aceeai variabil definit de atributul NAME va avea mai multe
valori, cu explicaii diferite date butoanelor.

12

13

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

Fig. 5.9 Butoane radio

Pentru alegerea a mai multor variante propuse dintr-un bloc de opiuni,

formularul folosete butoanele de tipul checkbox. Ca i celelalte elemente de intrare, ele
sunt introduse prin eticheta INPUT, nsoit de aceast dat de tipul specific CHECKBOX,
astfel:
<input type=checkbox name=nume_buton value=valoare>
explicaie_1.
<input type=checkbox

name=nume_buton value=valoare>

explicaie_2.

Aceast soluie de interaciune este posibil, de exemplu, pentru fixarea

programului de lucru propus pe zile, n ateliere (workshop):

Fig. 5.10 Butoane checkbox

13

14

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

Confirmarea sau anularea datelor introduse sau selectate n formular se realizeaz

printr-o intrare INPUT special, cu butoane de tip SUBMIT sau RESET.
Butonul SUBMIT se va folosi pentru confirmarea i trimiterea datelor introduse i
va purta nscris o denumire cum ar fi Send, Trimite sau OK, stabilit prin atributul
VALUE. Apsarea acestui buton va declana procedura de transmitere a tuturor datelor
formularului, aa cum au fost ele introduse de ctre utilizator, spre scriptul lor de tratare.
Butonul RESET are ca valoare, numele ce va fi scris pe el: Clear Form, terge,
Cancel sau Anuleaz i permite tergerea, anularea tuturor datelor introduse de ctre
utilizator n formularul electronic. Spre exemplu:
<input type=submit name="submit1 value=trimite>
<input type = reset name="submit2 value =sterge> .

Fig. 5.11 Butoane submit i reset

Un alt element al structurii unui formular este lista de opiuni. Diferitele ei forme
se pot crea prin etichete aparinnd clasei SELECT. Numele variabilei list este specificat
printr-un atribut NAME i componentele listei sunt descrise ntre etichete OPTION, astfel:
<select name=nume_list>
<option>valoare1_list
<option>valoare2_list
<option>valoare3_list
<option selected>valoare_aleas_afiat
</select>.

14

15

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

Valoarea introdus prin OPTION cu meniunea SELECTED va fi valoarea afiat,

n mod implicit, la vizualizarea pe ecran.

Fig. 5.12 List de opiuni

TEM:
1. Realizai un formular interactiv care s adune informaii despre persoanele
interesate de site-ul propriu.

Accesul la baze de date pe Web

Tratarea datelor din formularele interactive i integrarea lor n baze de date pe
Web se bazeaz pe dezvoltarea interfeelor CGI (Common Gateway Interface - Interfa
comun prin poart de acces). Datele introduse prin elementele formularului electronic
sunt trimise printr-o anumit metod, la un server HTTP specificat n sursa HTML i,
apoi sunt tratate folosind programe sau script-uri CGI. Aceste programe sunt scrise n
limbaje de programare ca C, Pascal, Basic, n limbaje scripting ca Perl sau TCL sau sunt
script-uri shell care permit server-ului s interacioneze cu utilizatorul sau cu o baz de
date aflat ntr-un fiier pe disc. Server-ul lanseaz programul ca trateaz datele. Numele
acestui program este specificat n sursa HTML. Rezultatele programului i datele
procesate de el se transmit printr-o secven HTTP.
Interfaa CGI asigur interaciunea dintre formularul interactiv, un browser client,
un server i protocolul HTTP. Pe anumii serveri HTTP, programele CGI sunt stocate n
directoare speciale denumite cgi-bin, iar ele se numesc scripturi cgi-bin. Dup execuie,
script-ul va genera la rndul lui, un rspuns HTTP. Acest mecanism se produce astfel:

15

16

Conf. Dr. Georgeta Drul

Site-ul n publicitate i RP

serverul lanseaz programul CGI specificat n formular i trece datele colectate la

program, care la rndul lui pregtete un rspuns ctre client.

Consultarea bazelor de date din aplicaii Web

Legarea aplicaiilor web la baze de date permite accesul utilizatorilor pentru

consultarea cu uurin a acestora, dintr-un browser. Legtura dintre un SGBD i o
aplicaie Web este o relaie client - server pe dou nivele: unul ntre browser i serverul
Web i altul ntre serverul Web i serverul bazei de date.
Pentru a face dintr-un server Web, un client al serverului unei baze de date se
poate ca:
- demonul httpd i SGBD-ul s fie pe aceeai main, situaie n care sunt necesare
produse de dezvoltare distribuit cu SGDB sau de biblioteci ce permit inserarea de
comenzi SQL n limbaje de programare clasice.
- demonul httpd i SGBD-ul s fie pe maini diferite. n aceast situaie, dialogul se
ntreine pe reea, produsele de dezvoltare distribuit cu SGBD-ul trebuie instalate pe
reeaua SGBD-ului.
Metodele utilizate pentru accesul la o baz de date de pe Web apeleaz la scripturi cgi i se desfoar dup mecanismele:
I. Se scrie un script cgi ce conine codul SQL necesar pentru tratarea datelor. Pentru
aceasta se folosesc limbaje clasice cu extensie SQL, aa cum este ORAPEL.
II. Se utilizeaz un script cgi standard ce se interfaeaz cu SGBD-ul.

16