Conf. Dr.

Georgeta Drul
Site-ul n publicitate i RP
UNIVERSITATEA DIN BUCURETI
Facultatea de Jurnalism i tiinele Comunicrii
!aster RE"A#II $UB"ICE I $UB"ICITATE
Anul II % ID
SITE-UL N PUBLICITATE I RP
Etape pentru realizarea site-ului Web
$rocesul de reali&are a unui site 'e( )nce*e *rin a de+ini strate,ia i sco*ul site%
ului- a*oi acesta se *roiectea& *rin sta(ilirea modului )n care el arat i +uncionea&.
$/n la scrierea i editarea e+ecti0 a *a,inilor 'e( cu a1utorul so+tului s*eci+ic 2T!"-
reali&area site%ului este un *roces com*le3 de anali& a condiiilor i datelor necesare.
Fa&a de *roducie sau de&0oltare *ro*riu%&is const )n construcia site%ului i
codi+icarea 2T!" a *a,inilor. Site%ul reali&at este testat *entru +uncionalitate- 0eri+icat
*entru a re,si o(iecti0ele de+inite i a*oi- *u(licat. Du* aceast +a&- este sta(ilit un
*ro,ram *eriodic de meninerea a mentenanei- care *ermite ca site%ul s rm/n de
actualitate i +uncional. 4n conclu&ie- de&0oltarea unui site 'e( necesit o(li,atoriu
*arcur,erea urmtoarelor +a&e5 *lani+icarea- desi,nul- de&0oltarea- testarea- *u(licarea i
)ntreinerea sa.
1. Planii!area site-ului
Aceast eta* este crucial )n de&0oltarea e+ecti0 a unui site 6e(. $lani+icarea i
or,ani&area cores*un&toare a unui site asi,ur )nde*linirea condiiilor de tim*- de
calitate i a o(iecti0elor acestuia. 4n aceast +a& se e3aminea& cerinele site%ului-
*ro+ilul audienei i o(iecti0ele sale- tre(uie construit 7arta na0i,aional-. Se iau )n
considerare i cerinele te7nice- cum ar +i5 accesul utili&ator- (ro6ser%i necesari- *lu,%
inuri- restricii la descrcare 8download9. Numai du* or,ani&area in+ormaiei i
determinarea structurii o*eraionale se *oate crea e+ecti0 site%ul. Ar,umentul acestei
eta*e este cel al )nele,erii com*araiei dintre un site 'e( i o *a,in 6e(. $rinci*alele
*ro(leme de re&ol0at )n aceast eta* sunt5
- Alegerea tipului de site 8in+ormaional- comercial9- a temei i dimensiunii sale:
- Deterinarea obiecti!elor site-ului.
4ntotdeauna tre(uie s e3iste o moti0aie *entru reali&area site%ului- des*re ce
urmea& s se reali&e&e cu acest site. Aceste o(iecti0e tre(uie s +ie- )n *ermanen- )n
atenia 'e( masterului- )n toate +a&ele de reali&are a site%ului. ;(iecti0ele sunt
im*ortante )n a +ocali&a i inti site%ul ctre anumite necesiti *articulare. Ast+el- site%
<
<
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
urile care +urni&ea& in+ormaii des*re anumite su(iecte s*eci+ice ar tre(ui s ai( un
mod de *re&entare i de na0i,are di+erit )n com*araie cu un site care urmea& s 0/nd
*roduse. Com*le3itatea o(iecti0elor *ro*use 0or a+ecta modul )n care 0a +i na0i,at site%
ul- coninutul acestuia- modul su de *re&entare.
% Stabilirea audin"ei.
Du* sta(ilirea o(iecti0elor site%ul 'e(- tre(uie 0&ut care este *u(licul cruia i
se adresea& acesta- cine ar +i interesat de citirea lui i )n ce condiii. Utili&atorii +olosesc
(ro6seri di+erii- sunt conectai la 0ite&e di+erite- au sisteme de o*erare i monitoare
di+erite i au ne0oie de *lu,%inuri *entru redarea de coninuturi di0erse. Toi aceti
+actori *ot a+ecta redarea site%ului. A*oi- )n +uncie de *u(licul ales- tre(uie determinate
elementele de interes *entru acesta.
- Cercetarea condi"iilor te#nice de derulare a siteului 8ti*uri de reele- (ro6sere-
editoare9.
Ale,erea (ro6serului este o *ro(lem +oarte im*ortant c/nd se *roiectea&
*a,inile 6e(- deoarece in+ormaia din *a,inile 6e( *oate a0ea de su+erit la 0i&uali&area
)n condiii di+erite- la clienii *oteniali. 4n *lus- 0i&uali&area corect a *a,inii at/t la
autor c/t i la utili&ator nu de*inde numai de (ro6seri- ci i de sistemul de o*erare- de
re&oluia monitorului- de ca*acitile lor ,ra+ice. $entru a ne asi,ura c siteul 0a +i
consultat )n condiii (une- de c/t mai muli utili&atori- el se 0a 0eri+ica *e mai mult dec/t
un (ro6ser. Ale,erea (ro6serului i a +acilitilor lui este +oarte im*ortant *entru
0i&uali&area site%ului.
- Crearea site-ului trebuie s asigure i copatibilitatea browserilor.
Ideal este s se construiasc site%ul *entru c/t mai muli (ro6seri- )nde*linind
condiiile )nt/lnite la cei mai muli dintre ei. E3ist *este => de (ro6seri 'e( di+erii-
muli dintre ei cu mai multe 0ersiuni. C7iar dac se au )n 0edere doar (ro6serii cei mai
+olosii- Netsca*e Na0i,ator i Internet E3*lorer- acetia sunt im*lementai )n 0ersiuni
di+erite. De aceea- tre(uie creat o (a& minim de com*ati(ilitate a site%ului din *unct
de 0edere al (ro6serilor. Este (ine dac 'e( masterul *oate o(ine un +eed(ac? de la
audien- *entru aceasta +urni&/nd- de o(icei- o adres de email. Site%urile mai com*le3e
din *unctul de 0edere al *re&entrii- ce +olosesc animaie- coninut multimedia i
interaciune res*ect mai *uin criteriul de com*ati(ilitate )ntre (ro6seri. Ast+el- nu toi
(ro6serii *ot e3ecuta Ja0aScri*t- dar toi *ot citi te3t +r *ro(leme. $e de alt *arte- un
site numai de te3t este *uin atracti0 i mai *uin e+icient )n transmiterea in+ormaiei. De
aceea- tre(uie asi,urat un (alans )ntre com*ati(ilitatea (ro6serilor i e+iciena *re&entrii
in+ormaiei. ; idee ar +i s se cree&e 0ersiuni multi*le *entru aceeai *a,in- )n +uncie
de (ro6serul re,sit la utili&ator.
- Alegerea ser!erului pe care se !a face stocarea.
S*aiul dis*oni(il *e care ni%l o+er ser0erul *oate condiiona dimensiunea i
calitatea site%ului. Ast+el- *e un ser0er *ro*riu- s*aiul nu este *ractic limitat- )n tim* ce
=
=
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
*entru un ser0er o+erit *rin ser0iciile 'e(- s*aiul de stocare este limitat la un numr de
!B 8*oate +i @- <A- =A !B sau mai mult9.
- $b"inerea unui feedbac% 8*rin e%mail sau *rin +ormular9 al modului )n care a +ost
*erce*ut in+ormaia- adic des*re *u(licul care contactea& site%ul.
- $rgani&area structurii site-ului.
Documentul 'e( este constituit din numeroase +iiere )ntre care se sta(ilesc
le,turi. De aceea- este +oarte im*ortant s se sta(ileasc de la )nce*ut ierar7ia de +oldere
i *o&iiile +iierelor )n aceste +oldere. 4n mod o(inuit- se crea& un +older unde se *un
toate +iierele site%ului local. Aceste +iiere sunt a*oi co*iate *e un ser0er 'e(- *entru a
*utea +i 0&ute i citite de utili&atorii reelei Internet. 4n cadrul +olderului site%ului se *ot
crea su(+oldere *e criterii de coninut unde sunt *use toate *a,inile create *e acelai
su(iect- *e criterii de medii *entru sunete- sec0ene 0ideo sau ima,ini. Folosirea
su(+olderelor se +ace numai c/nd este necesar- mai ales atunci- c/nd se lucrea& cu un
numr mare de +iiere )n cadrul site%urilor com*le3e. Aceast or,ani&are +ace site%ul mai
uor de )ntreinut i de na0i,at. Structura site%ului *e staia client i la ser0er tre(uie s
+ie aceeai 8+i,. =.B9.

In+ormaii ,enerale In+ormaii ,enerale
Catalo,
Catalo, !edii di+erite
!edii di+erite
!edii di+erite
Fi,. =.B ;r,ani&area site%ului *e structura de +oldere
". Pr#ie!tarea site-ului
$roiectarea site%ului )nce*e cu construirea unei 7ri na0i,aionale care arat
modalitile de le,are i de *re&entare a site%ului- de na0i,are a acestuia- com*onentele
de coninut 8elementele ,ra+ice- media- te3tele9- temele- culorile din +iecare *a,in a site%
ului. 2arta na0i,aional *oate +i desenat manual sau cu un so+t de desenare s*eciali&at.
Aceast eta* *resu*une *re,tirea coninutului *a,inilor- sta(ilirea elementelor comune
tuturor *a,inilor 6e( i modul lor de *re&entare 8lo,osul +irmei- al instituiei- *rodusului
B
B
Site < Site =
Site< 8root +older9 Site= 8root +older9
Inde3.7tml 87ome*a,e9
Inde3.7tml 87ome*a,e9
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
sau ser0iciului *re&entat- data actuali&rii i autorul *a,inii9. De asemenea- sunt luate )n
considerare modalitile de +eed(ac? ale *a,inilor i elementele de *re&entare.
Feed(ac?ul +urni&ea& o modalitate *e care 0i&itatorii o au *entru a contacta 6e(
masterul.
'arta na!iga"ional asi,ur meninerea consistenei )n *re&entarea i *roiectarea
site%ului. Utili&atorul ar *utea +i derutat dac la desc7iderea +iecrei *a,ini din site%ul
'e( 0a re,si o *re&entare di+erit sau dac elementele de na0i,are se re,sesc )n locuri
di+erite *e +iecare *a,in. $entru aceasta este necesar 7arta na0i,aional. Ea 0a urmri
traseele *osi(ile *e care utili&atorul le *oate *arcur,e la desc7iderea site%ului. $e aceast
7art se 0or )nsemna modalitile o+erite utili&atorului de a a+la unde se re,sete )n site
i cum s se )ntoarc la ni0elurile su*erioare. Ast+el- se *oate +urni&a un inde3 care ar
a1uta 0i&itatorii s re,seasc ra*id in+ormaia *e care o caut.
Fi,. =.> E3em*lu de )ntocmire a unei 7ri na0i,aionale
Captarea con"inutului site-ului. Du* crearea 7rii na0i,aionale- se *oate trece
la ca*tarea coninutului multimedia al site%ului5 ima,ini- te3te- animaii Flas7-
S7oc?6a0e- ,ra+ic- 0ideo- sunete- elemente de dinamicitate 8scri*turi Ja0a- Ja0aScri*t-
$ER"- CCI9 sau a*licaii ce +olosesc te7nolo,iile client-pull sau ser!er-pus#- te7nici
dis*oni(ile de ti*ul soon-to-be- ce +ac site%ul 6e( mult mai interacti0 i +uncional.
Aceste com*onente se reali&ea& *rin *ro,rame s*eciali&ate i se sal0ea& )n +iiere ce
sunt a*elate de codul 2T!". Ele tre(uie s +ie de1a create c/nd site%ul )nce*e s +ie
reali&at. De asemenea- tre(uie colectate toate ima,inile sau ,ra+icele din (i(lioteci cli*art
necesare )n site. Toate aceste +iiere se or,ani&ea& )n structura de +oldere a site%ului
)nainte de de&0oltarea *ro*riu%&is a acestuia.
>
>
Titlu<
Titlu=
TitluB
Titlu>
Coninut multimedia
tem su(iect >
Titlu<
Coninut multimedia
su(iect <
TitluB
Coninut multimedia
su(iect B
Titlu=
Coninut multimedia
su(iect =
Ima,ine D detaliu
su(iect B
Inde3.7tml 87ome*a,e9
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
$. %ez&#ltarea site-ului
De&0oltarea site%ului const )n adu,area i or,ani&area de coninut 0ariat )n
*a,inile 'e( +olosind un so+t de editare 2T!" s*eciali&at. Adu,area de com*onente
multimedia i de elemente de desi,n 0a ,enera codul 2T!" al +iecrei *a,ini a site%ului.
Su*limentar- sunt adu,ate elemente de +ormatare a com*onentelor i a *a,inilor-
ima,ini 7art sau rollo0er- ima,ini animate )n di+erite +ormate- elemente de *ro,ramare
8a**lete i scri*turi9- elemente de le,are i structurare. Elementele de coninut sta(ilesc
le,turi de na0i,are. "a de&0oltarea site%ului *ot +i luate )n considerare tem*late%uri i
(i(lioteci de elemente. (eplate%urile sunt +olosite *entru caracteristicile de *re&entare
comune ale *a,inilor site%ului 'e(. Crearea i a*licarea tem*late%ului *e *a,in sunt
urmate de reali&area acesteia.
Coninutul unei *a,ini este inclus direct )n editorul 2T!"- aa cum este ca&ul
te3tului sau a elementelor de interaciune 8(utoane de comand- (utoane radio sau
c7ec?(o3- &one de te3t sau de o*iune9 sau *rin le,area +iierelor ce conin com*onente
multimedia. Ima,inea- sunetul sau 0ideo sunt ca*tate *rin *ro,rame so+t6are
s*eciali&ate- ca*a(ile s scoat un +ormat de +iier media- recunoscut *e reeaua de
calculatoare.
!ulte dintre *a,inile 'e( sunt statice- conin/nd doar te3t i ima,ini. Creterea
atracti0itii i e+icienei unui site este asi,urat )ns- *rin introducerea de elemente de
interacti0itate i dinamism care au ca sco* ca*tarea interesului utili&atorului. 4n *lus-
0i&itatorilor li se *ot +urni&a elemente de +eed(ac?- li se *oate da *osi(ilitatea de a
demonstra conce*te- de a 0alida date din +ormulare electronice +r a contacta ser0erul.
Interacti0itatea i animaia este inclus )n *a,inile 'e( a*el/nd la te7nica laEer%elor- la
scri*turi i a**lete. Acestea sunt a*licate su( +orm de com*ortamente elementelor
*a,inii 'e(- ce rs*und la anumite e0enimente.
Un site (ine reali&at i calitati0 tre(uie s rs*und )ntotdeauna criteriilor5
in+ormati0e- de atracti0itate i e+ecti0itate. Atracti!itatea site%ului are )n 0edere
res*ectarea *rinci*iilor de desi,n ale inter+eei acestuia. Criteriul inforati! se (a&ea&
*e *rinci*iul Fsa) w#at need to sa)G- adic conci&ia i claritatea in+ormaiei- dar i
meninerea unor *a,ini distincte ale documentului- le,ate )n *rimul r/nd de coninut.
*fecti!itatea siteului se re+er la modi+icrile care se +ac )n cadrul acestuia- at/ta tim* c/t
e3ist un anumit sco*- adic s se +oloseasc *a,ini se*arate *entru su(iecte sau ca*itole
se*arate- s se menin 0aliditatea le,turilor )ntre *a,ini- s se +oloseasc ,ra+ic )n
msura )n care este necesar.
'. Testarea site-ului
4nainte de a *u(lica site%ul *e un ser0er 'e(- el este testat local. Testarea se +ace
)n di+erii (ro6seri i urmrete as*ectul i coninutul *a,inilor- le,turile dintre acestea.
Testarea site%ului mai urmrete com*ati(ilitatea dintre (ro6seri- re,lementarea
H
H
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
condiiilor de +ormatare a elementelor *a,inilor- 0eri+icarea le,turilor din *a,ini i )ntre
*a,ini- 0eri+icarea tim*ului de descrcare a site%ului.
(. Publi!area )i pr#*#&area site-ului
$u(licarea site%ului se re+er la5
% Trans+erarea *a,inilor *e ser0erul 'e( ast+el- )nc/t utili&atorii *ot consulta
in+ormaia acestora. Aceast o*eraie este e3ecutat de un *ro,ram FT$. Cel mai e+icient
mod este de a *une site%ul *e ser0erul cel mai a*ro*iat. Ale,erea ser0erului 'e( *entru
stocarea in+ormaiilor site%ului are )n 0edere i criteriile +i&ice le,ate de5 ti*ul de
cone3iune Internet- limea de (and +urni&at- ,radul de utili&are a ser0erului- di+erite
alte ser0icii o+erite de +urni&orul de acces Internet 8&one CCI- ser0eri securi&ai9:
% Testarea +inal a *a,inilor 6e( *e ser0er:
% Adu,area de materialele a1uttoare sau de re+erin *entru su(iectul tratat de site.
$romo0area este eta*a care +ace cunoscut adresa site%ul la utili&atori *rin maini
de cutare- *rin mi1loace scrise sau audio%0ideo. $entru ca site%ul s +ie ,sit *e 'e( *rin
intermediul cu0intelor c7eie i a motoarelor de cutare- el tre(uie )ncrcat )n (a&a de date
a acestora. Aceeai o*eraie se cere i *entru directoarele online de cutare- unde
audiena este mult mai intit. De asemenea- se mai *ractic ca +orm de *romo0are a
site%urilor- *unerea de le,turi ctre site%urile )nrudite in+ormaional.
+. ntre,inerea site-ului
Aceast eta* const )n meninerea in+ormaiei )n +orm actuali&at i corect. $e
structura de +oldere i +iiere e3istent a site%ului se *oate +ace actuali&area +olosind un
*ro,ram de ti* FT$. Acesta 0a su*rascrie +iierele i le,turile site%ului a+lat *e ser0erul
'e(.
1.' %esi-nul intere,ei pa-inil#r Web )i !alitatea site-ului
Res*ectarea *rinci*iilor de desi,n ale inter+eei utili&ator *entru *a,ina 'e(
asi,ur atracti0itatea i e+iciena acesteia- a*reciate *rin uurina de a o citi i a o +olosi.
Aceste *rinci*ii sunt enunate de di+erii autori- de di+erite or,ani&aii i or,anisme- care
recomand5
% +olosirea de linii ori&ontale *entru se*ararea coninutul *a,inii 'e(:
% crearea de *a,ini multicoloan ce asi,ur aco*erirea cu un coninut 0ariat i o
or,ani&are uoar a *a,inii:
% ale,erea unui +ormat de coloan de dimensiunea coninutului su:
% controlul cur,erii in+ormaiei *rin de+inirea limii *a,inii i a coloanei:
% ale,erea unor culori ce +ac *a,ina mai atracti0 i mai uor de citit:
% +olosirea unui cor* moderat de caracter care s asi,ure un te3t citi(il:
@
@
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
% +olosirea mai multor *a,ini- de dimensiune mai mic- le,ate- )n locul unei *a,ini +oarte
lun,i:
% +olosirea de ima,ini +i3e sau animate- )n +ormat mic- care s se )ncarce re*ede:
% +olosirea de e3em*le de siteuri *entru *a,ini *ersonale- (usiness- site%uri ale
comunitilor- *entru or,ani&aii:
% +olosirea unui contor utili&ator:
% +olosirea de elemente care dau dinamicitate site%ului5 scri*turi Ja0aScri*t care asi,ur
sc7im(area de as*ect i culoare a *a,inii- ima,ini +i3e i animate )n acelai +ormat de
+iier i a+iate )n aceeai manier- com*onente Acti0eI sau a**lete Ja0a- ta(ele *entru
aliniamente i e+ecte de multicolona1- le,area s*re (a&e de date.
Elementele de desi,n sunt uneori ne,li1ate- accentul *un/ndu%se mai ales- *e
te7nicile i te7nolo,iile +olosite )n reali&area site%ului. Din e3*eriena acumulat */n )n
*re&ent- conclu&ia este c tre(uie res*ectat relaia calitatea site%ului D *rinci*iile de
desi,n ale inter+eei utili&ator. Sunt luate )n considerare criterii ce *ri0esc site%ul )n
ansam(lu- *a,ina 'e(- *recum i com*onentele sale5 te3tul- ,ra+ica- culoarea. $e l/n,
aceste *rinci*ii- c/te0a recomandri ,enerale 0in s a1ute la *roiectarea- or,ani&area i
reali&area unui site 'e( de calitate5
% As*ectul i coninutul site%ului tre(uie s +ie )n concordan cu sco*ul su 8in+ormati0-
di0ertisment- comercial9 i cu *u(licul cruia )i este destinat:
% 4n mod o(inuit- in+ormaia este structurat *e cel *uin dou ni0ele ierar7ice- *a,ina
inde3 sau 7ome*a,e i *a,ini de ni0el =. De asemenea- se o(inuiete s se *un c/t mai
mult in+ormaie la )nce*utul ierar7iei *entru ca cititorul s *oat sorta ra*id in+ormaia
*rimit. ; (un *re&entare a in+ormaiei este le,at de se*ararea ei )n su(iecte- tematici-
ca*itole i su(ca*itole- iar su(iectele de mic )ntindere se *un de o(icei )n aceiai *a,in
'e(. $a,ina tre(uie s includ )ntotdeauna o le,tur de )ntoarcere la ni0elul su*erior al
site%ului *rin care cititorul *oate a1un,e ra*id la )nce*ut. Tre(uie *use toate le,turile
care *ot a1uta la construirea unui ta(el de coninut ce duc cititorul ctre alte seciuni-
ctre *a,inile urmtoare sau *recedente. Acest ta(el este *us la )nce*utul *a,inii ast+el-
)nc/t cititorii s tie- )n *ermanen- unde anume se ,sesc )n site. 4n construirea
le,turilor- cel mai *otri0it mod este de a +olosi ca ancore cu0inte sau +ra&e care au un
anumit )neles *entru *arcur,erea )n continuare a in+ormaiei.
% Tre(uie a0ut )n 0edere c utili&atorul *oate )nce*e *arcur,erea site%ul *ornind din orice
*a,in i *oate urmri di+erite trasee )n +uncie de conte3tul dorit. 4n aceste condiii-
*entru na0i,area e+icient a siteului este necesar *lani+icarea numrului de lin?uri i
0alidarea acestora con+orm unor re,uli de (a&.
% Com*le3itatea *a,inii este direct *ro*orional cu tim*ul necesar crerii i )ncrcrii
elementelor ei. De aceea- este im*ortant s se alea, un numr *otri0it de ima,ini-
sunete i +ilme )n *a,ini.
J
J
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
% Este recomandat s nu se cree&e documente 'e( cu caracteristici de coninut i as*ect
ce nu *ot +i 0i&uali&ate de ma1oritatea (ro6serilor. $entru acele elemente ce nu *ot +i
0i&uali&ate de anumii (ro6seri s se +oloseasc )ntotdeauna te3t alternati0- e3*licati0. 4n
*lus- tre(uie s se in seama de +a*tul c utili&atorii *ot i,nora o serie de setri *e care
autorii *a,inilor 'e( le%au sta(ilit- cum ar +i5 modi+icarea i dimensiunilor +onturilor-
culorile i (ac?,roundurile *a,inii.
% Tre(uie luat )n considerare )ntotdeauna +a*tul c dimensiunea ecranului utili&atorului-
re&oluia- numrul de culori admise sunt di+erite de cele ale ecranului *e care s%a reali&at
siteul- c7iar dac (ro6serul +olosit este acelai. De aceea- ar tre(ui alese caracteristicile
)nt/lnite la ma1oritatea monitoarelor- cum ar +i re&oluia de KAA L @AA *i3eli *entru
ecranele de <H D <M inc7.
% $a,ina siteului tre(uie dimensionat )n +uncie de dimensiunea ecranului. Ast+el-
in+ormaia *oate +i *re&entat *e scurt- se,mentat )n *ri (ine delimitate care +ac mai
uoar conci&ia *a,inilor. ; re,ul *entru scrierea unei *a,ini este aceea c ea nu tre(uie
s de*easc = % B ecrane de re&oluie @>AL>KA- inclusi0 le,turile locale de la )nce*utul
sau de la s+/ritul su. "a o *a,in mai mare dec/t o +ereastr- cititorul tre(uie s%i
aminteasc *rea mult in+ormaie care a +ost de1a a+iat *e ecran. 4n *lus- citirea *e
0ertical a *a,inilor lun,i este )nsoit de *rocesul de de+ilare care sc7im( coninutul
ecranului- ls/ndu%l *e cititor inundat de o in+ormaie nestructurat.
% Este recomandat ca in+ormaia de aceeai natur sau a*ro*iat s +ie inclus )n aceeai
*a,in- mai ales dac aceast *a,in ar *utea +i i im*rimat sau sal0at ca te3t de ctre
cititor. $entru a asi,ura o (un inter+a a *a,ini )n citirea *e ecran- im*rimare i sal0are
)n +iiere este recomandat ca *a,ina electronic s nu de*easc = % B *a,ini im*rimate.
Aceast re,ul este 0ala(il i *entru ,ra+icele sau +i,urile inline. ; soluie la o *a,in
ecran mai lun, de = D B *a,ini im*rimate este s se +urni&e&e un lin? ctre un +iier
se*arat ce conine numai te3tul )n lun,imea sa total- )ntr%o sin,ur *a,in.
% As*ectul *a,inii este in+luenat i )m(untit *rin +olosirea ,ra+icii i a culorii- de
0ariaiile dimensiunii +ontului- de +olosirea te3tului alternati0 *entru elementele ,ra+ice
nea+ia(ile- de inerea te3tului c/t mai scurt +r de+ilare. S%a constatat c cititorii e0it
te3tul lun, consider/ndu%l neesenial i se limitea& de cele mai multe ori la citirea
te3tului care +ace le,turile- c7iar )nainte de a%i ale,e destinaia.
% $entru *strarea consistenei site%ului este recomandat s se +oloseasc doar c/te0a
stiluri de titluri i su(titluri necesare *entru a or,ani&a coninutul )n toate *a,inile sale.
Editoarele 2T!" *ermit a*licarea a ase ni0eluri de titluri- dar care nu tre(uie +olosite
toate )ntr%o *a,in. De asemenea- aceste stiluri de titluri tre(uie +olosite )n ordine- cu un
ni0el titlu la )nce*ut i- e0entual- urmat de alte dou su(titluri. 4n *lus- (ro6serele
+olosesc di+erit s*aierea i +onturile- iar ni0elurile titlu tre(uie +olosite *entru a indica
structura.
K
K
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
% Tre(uie e0itat +olosirea e3cesi0 a caracterelor )n,roate- a te3telor scrise numai cu
ma1uscul- )nclinate i a +onturi multi*le. Aceste caracteristici se a*lic doar *entru a
)ntreru*e monotonia i *entru a crea un as*ect 0i&ual care s%l a1ute *e cititor )n
*arcur,erea te3tului *e ecran. Ele se *ot )nlocui de cele mai multe ori cu liste ordonate
sau neordonate sau cu *ara,ra+e (loc care micorea& limea r/ndului te3t- menine
mar,inile te3tului mai clar- +ace *a,ina mai uor de *arcurs.
% Se *ot insera linii ori&ontale *entru se*ararea 0i&ual a seciunilor documentului- dar
nu se +olosesc linii al(e sau ri,le ori&ontale *este tot )n *a,in. Ideea este de a menine
lun,imea *a,inii la minimum.
% Este +oarte tentant s se includ numeroase +onturi i stiluri )n *a,inile 6e( dar- sco*ul
lor este de a +ace o *a,in mai uor de citit- cu un coninut +ocali&at *e un anumit *u(lic.
Ast+el- anumii (ro6seri *ermit +olosirea de o*iuni con+i,ura(ile de ctre utili&atori-
*rintre care i ale,erea unui +ont *entru a%i 0i&uali&a *a,ina. ; (un ti*o,ra+ie ine de
contrastul 0i&ual dintre un +ont i un altul i de contrastul dintre (locurile te3t i s*aiul
al( )ncon1urtor. E3ist c/te0a *rinci*ii ti*o,ra+ice de (a& ce +ac *a,ina uor de citit5
e0itarea +olosirii de stiluri )n e3ces- +olosirea de cor*uri di+erite- +olosirea moderat a
contrastelor- dar nu eliminarea lor. De aceea- este (ine s se alea, c/te0a stiluri de titluri
*entru or,ani&area coninutului i a*oi- +olosirea lor )n mod consistent. Folosirea
uni+orm- re,ulat a unor +orme a1ut cititorii s identi+ice ra*id locaia i or,ani&area
in+ormaiei i crete le,i(ilitatea *a,inilor.
% Se +olosesc elementele ti*o,ra+ice deose(ite *entru a trasa di+erite ci de na0i,are )n
*a,in. Ast+el- cititorul 0a remarca mai )nt/i aceste ci i contrastele *a,inii i nu titlurile
sau alte detalii- deoarece el scanea& *a,ina din *unct de 0edere ,ra+ic- identi+ic/ndu%i
+ormele a*oi- )nce*e c *arcur, i s decodi+ice ti*ul i elementele *a,inii.
% S*re deose(ire de o carte care este *roiectat liniar )n coninut- un autor 'e( nu *oate
+i niciodat si,ur care sunt *a,inile *e care cititorul le 0ede )nainte de *a,ina curent. De
aceea- o titulatur consistent *us la *artea su*erioar a *a,inii 'e( *ermite
utili&atorilor s cunoasc imediat care este sco*ul *rinci*al al documentului i care este
relaia *a,inii )n le,tur cu altele. 4n *lus- ,ra+ica *lasat deasu*ra titulaturii *rinci*ale
nu tre(uie s +ie *rea mare *entru a nu +ora ieirea titlului *a,inii din dimensiunea unui
ecran standard 8KAA 3 @AA *i3eli9.
% Folosirea de ,ra+ice )n *a,in aduce mult atracti0itate 0i&ual- coninut in+ormaional-
i determin )nele,erea )n mod mai di+icil a mesa1ului transmis. Ideea este de a ine
ima,inile )n dimensiune c/t mai mic. Ast+el- ar tre(ui ca dimensiunea tuturor +iierelor
de ima,ini +olosite *e o *a,in 'e( s nu de*easc BAN. $entru a+iarea ima,inilor de
dimensiune mare este recomandat +olosirea unei le,turi de la o ima,ine de dimensiune
mic la o co*ie a aceleiai ima,ini- dar la dimensiunea com*let. Reducerea dimensiunii
+iierelor ima,ine se *oate +ace *rin tratarea lor de ctre *ro,rame ce elimin culorile
ne+olosite.
M
M
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
% Folosirea (ac?,roundurilor tre(uie +cut ast+el- )nc/t te3tul- in+ormaiile s rm/n
citi(ile. Nu este *ermis ca (ac?,roundul s inter+ere cu mesa1ul transmis ctre cititor. 4n
*lus- contrastul culorii nu este totdeauna su+icient 8(ac?,round desc7is *entru te3t )nc7is
i in0ers9. Un (ac?,round ima,ine ar tre(ui s ai( un contrast mic- dar aceast soluie
nu o+er un e+ect *rea +olositor. Bac?,roundurile color sunt +oarte a0anta1oase *entru a
*une *a,inile )ntr%o *re&entare- )n coe&iune- cele *astel +iind cele mai (une *entru citirea
unei cantiti mari de te3t. Dac se 0i&uali&ea& mai multe ima,ini- (ac?,roundul ne,ru
0a a0ea un e+ect mai mare- asemntor unei ,alerii. Folosirea de (ac?,rounduri din *iese
te3turate ,enerea& un e+ect de micare- de Fcur,ereG- +c/nd te3tul mai ,reu de citit.
Bac?,roundul al( *oate +ace te3tul s arate (ine i documentul curat- dar nu este
recomandat *entru un numr mai mare de *a,ini- +iind o(ositor *entru oc7i.
% Ima,inile 6e( recunoscute de cei mai muli dintre (ro6seri au +ormatele CIF
8CopuSer!e Grap#ics +nterc#ange ,orat9 cu e3tensie .CIF i J$EC 8-oint
P#otograp#ic *.perts Group9 cu e3tensie .J$C. Am(ele +ormate ima,ine ar tre(ui s
+oloseasc 7arta de culoare RCB 8red-green-blue9. $entru situaiile )n care (ro6serul nu
le *oate a+ia sau c/nd ima,inile nu se *ot )ncrca din di+erite moti0e- este (ine s se
+oloseasc te3tul alternati0. Se recomand +olosirea +ormatului CIF *entru ima,inile
inline- desene line art- lo,o%uri i (ac?,rounduri ecran. $entru minimi&area tim*ului de
descrcare a ima,inilor se *ot +olosi +iiere CIF su*ra*use. 4n situaia )n care o ima,ine
se re*et de mai multe ori )n *a,in- este mai (ine ca ea s +ie inclus *rintr%o le,tur
alt+el- (ro6serul o 0a re)ncrca de c/te ori este +olosit. $rin s*eci+icarea )n *i3eli a
s*aiului *e care tre(uie s )l ocu*e o ima,ine 8+olosind o*iunea +age Properties9 0a
crete 0ite&a sa de descrcare- )ntruc/t ser0erul nu tre(uie s mai cear dimensiunea
ima,inii *entru a o transmite clientului.
% Ideal ar +i ca +iecare *a,in s conin numele autorului- or,ani&aiei- elementele de
na0i,aie 8lin?%uri sau icon%uri9- in+ormaii de co*Eri,7t i data de modi+icare O
actuali&are. De asemenea- o *a,in 'e( (ine *roiectat tre(uie s conin in+ormaii de
contact. Ast+el- se *oate +urni&a o le,tur ctre o adres email la care cititorii *ot trimite
comentarii- +eed(ac?%uri des*re site.
TE./0
1. Sta(ilii cte0a cone3iuni )ntre motoarele i directoarele de cutare i ti*urile de
site%uri 'e(.
". Ale,ei un site i anali&ai%l5 reali&ai%i 7arta na0i,aional- sta(ilii%i coninutul i
elementele de desi,n.
$. Ale,ei un ti* de site *e care s )l reali&ai. Sta(ilii *entru acesta5 tema- *u(licul-
elementele de desi,n i de coninut- desenai%i 7arta na0i,aional.
<A
<A
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
C#nstruirea 1e #r*ulare intera!ti&e 2n !a1rul site-uril#r
Fomularul este o com*onent im*ortant )n dialo,ul dintre +irm i utili&ator- )n
acti0itile de R$ i *u(licitate.
Formularele electronice *ermit *a,inilor 6e( s solicite di+erite intrri de la
utili&ator su( +orm de te3t sau *rin ale,erea unor o*iuni. Datele com*letate )n +ormular
sunt trimise la un ser0er *entru a +i *rocesate. Formularele ca i lin?%urile +urni&ea& un
anumit ni0el al acti0itii *a,inii- c7iar dac so+tul re&id *e ser0er i nu la maina
utili&ator.
Formularul interacti0 trimis la utili&ator interacionea&- )n ,eneral- cu o (a& de
date. Sursa +ormularului de+init )ntr%o *a,in 2T!" este cu*rins )ntre etic7etele
<form>, </form> i descrie structura lui- *recum i modalitPile de dialo, cu
utili&atorul.
Elementele % c/m* de+inite )n +ormular 0or ,7ida utili&atorul )n introducerea de
0alori cores*un&Ptoare sau )n ale,erea de o*iuni *rin liste sau (utoane. Aceste c/m*uri
sunt de+inite *rin cu*lul (NAME : VALOARE) i transmise ctre ser0er. Trimiterea datelor
ctre ser0er se +ace *rin metoda POST sau *rin metoda GET i 0a declana un *ro,ram
scri*t ce le tratea&. Adresa ser0erului i numele scri*tului care 0eri+ic i colectea&
datele din +ormular se menionea& *rin atri(utul ACTION din etic7eta <form>.
Formularul +ace *arte din cor*ul unui document 2T!" i este cu*rins )ntre
etic7etele <form> i </form>. S*re e3em*lu- )n
<form action=URL-! "#ri$%!i #& %r'%&'() *'%&!&+ method,m&%o*' *&
%r'-"mi%&r& ' *'%&!or+> ...... </form>,
<form action=/%%$:///oo/oo0-#"'0i#0&*//%1i--$o"%/$o"%-2&r3+
method,$o"%+> ...... </form>,
datele introduse de utili&ator sunt transmise ser0erului NCSA *rin metoda POST-
adicP ca ir de caractere or,ani&at *rintr%o sec0enP s*ecialP de ti* 7tt* ce urmea&P a +i
tratat de un scri*t. Scri*tul care colectea& datele +ormularului este identi+icat *rin
UR"%ul sPu- +urni&at de atri(utul ACTION. Datele din +ormular *ot +i transmise la ser0er
*entru a *utea +i tratate cu scri*t%uri i *rin metoda CET- ast+el5
<form action,/%%$://4440##05'-"0&*/#6i/1i-/$o"%/2&r3+ method,+6&%+>
...... </form>0
!etoda GET se +olosete- mai ales- c/nd datele trimise nu sc7im( starea unei
(a&e de date i metoda POST este +olosit c/nd un acces 0a cau&a o modi+icare a unei
(a&e de date. Totui- uneori metoda GET nu *oate +i +olosit dac cererea este *rea lun,-
datorit unor di+iculti ale so+t6are%ului ser0er. 4n mod curent- metoda POST *ermite
lucrul cu un sin,ur +iier.
De+inirea di+eritelor c/m*uri ale +ormularului constituie inter+aa de interaciune
cu utili&atorul. Ti*urile de elemente de comunicare i interaciune )ntr%un +ormular sunt5
<<
<<
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
(utoanele- c/m*urile te3t- listele de o*iuni i ele se 0or descrie cu a1utorul unor etic7ete
2T!" s*eci+ice.
De+inirea intrPrilor de ti*ul te3t i (utoane este asi,uratP de clasa INPUT de
etic7ete 2T!". Ast+el- +iecare &onP de intrare are un nume de 0aria(ilP cores*un&Ptor
atri(utului NAME i o 0aloare asociatP acesteia *rin atri(utul VALUE. IntrPrile s*eci+icate
de etic7eta <i-$%> sunt )nsoite *e ti*ul lor: #/&#51o7, %&7%, r'*io, "1mi% sau r&"&%.
Cenerarea )n +ormular a unor c/m*uri de intrare de ti*ul te3t- cum ar +i5 Nume-
$renume- Funcie- $o&iie- Firm- Adres- Tele+on- Fa3- este )nsoit de numele &onei
descrise i de lun,imea irului de caractere de introdus- SI8E- ast+el5
-m&: <input type=text name,-m&9(o-)9%&7%+
size,-r9ir9*&9#'r'#%&r&>0
$entru c/m*urile te3t se *ot introduce i restricii asu*ra modului de com*letare5
numr ma3im de caractere- numai ci+re sau numai litere- sta(ilirea unui domeniu de
0alori admis.
H.K C/m*ul te3t al unui +ormular electronic
IntrPrile *rin (utoanele radio sau (utoanele de ale,ere e3clusi0 asi,ur selecia
unei 0ariante unice dintre cele *ro*use i se de+inesc ast+el5
<input type=radio name,-m&9(o-)+ value,+:'!o'r&+> &7$!i#';i' #&
rm&'() 1%o-!i0
4n acest ca&- aceeai 0aria(ilP de+initP de atri(utul NAME 0a a0ea mai multe
0alori- cu e3*licaii di+erite date (utoanelor.
<=
<=
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
Fi,. H.M Butoane radio
$entru ale,erea a mai multor 0ariante *ro*use dintr%un (loc de o*iuni-
+ormularul +olosete (utoanele de ti*ul c7ec?(o3. Ca i celelalte elemente de intrare- ele
sunt introduse *rin etic7eta INPUT- )nsoitP de aceastP datP de ti*ul s*eci+ic C<EC=>O?-
ast+el5
<input type=checkbox name,-m&91%o- value,+:'!o'r&+>
&7$!i#';i&9@0
<input type=checkbox name,-m&91%o- value,+:'!o'r&+>
&7$!i#';i&9A0
AceastP soluie de interaciune este *osi(ilP- de e3em*lu- *entru +i3area
*ro,ramului de lucru *ro*us *e &ile- )n ateliere 8wor%s#op95
Fi,. H.<A Butoane c7ec?(o3
<B
<B
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
Con+irmarea sau anularea datelor introduse sau selectate )n +ormular se reali&ea&P
*rintr%o intrare INPUT s*ecialP- cu (utoane de ti* SU>MIT sau RESET.
Butonul SU>MIT se 0a +olosi *entru con+irmarea i trimiterea datelor introduse i
0a *urta )nscrisP o denumire cum ar +i Send- Trimite sau ;N- sta(ilitP *rin atri(utul
VALUE. A*Psarea acestui (uton 0a declana *rocedura de transmitere a tuturor datelor
+ormularului- aa cum au +ost ele introduse de ctre utili&ator- s*re scri*tul lor de tratare.
Butonul RESET are ca 0aloare- numele ce 0a +i scris *e el5 Clear Form- ter,e-
Cancel sau Anulea& i *ermite ter,erea- anularea tuturor datelor introduse de cPtre
utili&ator )n +ormularul electronic. S*re e3em*lu5
<input type=submit name,B"1mi%@+ value,%rimi%&+>
<input type = reset name,B"1mi%A+ value ,"%&r6&+> 0
Fi,. H.<< Butoane su(mit i reset
Un alt element al structurii unui +ormular este lista de o*iuni. Di+eritele ei +orme
se *ot crea *rin etic7ete a*arin/nd clasei SELECT. Numele 0aria(ilei listP este s*eci+icat
*rintr%un atri(ut NAME i com*onentele listei sunt descrise )ntre etic7ete OPTION- ast+el5
<select name,-m&9!i"%)+>
<option>:'!o'r&@9!i"%)
<option>:'!o'r&A9!i"%)
<option>:'!o'r&C9!i"%)
<option selected>:'!o'r&9'!&'")9'fi'%)
</select>0
<>
<>
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
Valoarea introdusP *rin OPTION cu meniunea SELECTED 0a +i 0aloarea a+iatP-
)n mod im*licit- la 0i&uali&area *e ecran.
Fi,. H.<= "ist de o*iuni
TE./0
1. Reali&ai un +ormular interacti0 care s adune in+ormaii des*re *ersoanele
interesate de site%ul *ro*riu.
A!!esul la baze 1e 1ate pe Web
Tratarea datelor din +ormularele interacti0e i inte,rarea lor )n (a&e de date *e
'e( se (a&ea& *e de&0oltarea inter+eelor CCI 8Coon Gatewa) +nterface - Inter+a
comun *rin *oart de acces9. Datele introduse *rin elementele +ormularului electronic
sunt trimise *rintr%o anumit metod- la un ser0er 2TT$ s*eci+icat )n sursa 2T!" i-
a*oi sunt tratate +olosind *ro,rame sau scri*t%uri CCI. Aceste *ro,rame sunt scrise )n
lim(a1e de *ro,ramare ca C- $ascal- Basic- )n lim(a1e scri*tin, ca $erl sau TC" sau sunt
scri*t%uri s7ell care *ermit ser0er%ului s interacione&e cu utili&atorul sau cu o (a& de
date a+lat )ntr%un +iier *e disc. Ser0er%ul lansea& *ro,ramul ca tratea& datele. Numele
acestui *ro,ram este s*eci+icat )n sursa 2T!". Re&ultatele *ro,ramului i datele
*rocesate de el se transmit *rintr%o sec0en 2TT$.
Inter+aa CCI asi,ur interaciunea dintre +ormularul interacti0- un (ro6ser client-
un ser0er i *rotocolul 2TT$. $e anumii ser0eri 2TT$- *ro,ramele CCI sunt stocate )n
directoare s*eciale denumite cgi-bin- iar ele se numesc scripturi cgi-bin. Du* e3ecuie-
scri*t%ul 0a ,enera la r/ndul lui- un rs*uns 2TT$. Acest mecanism se *roduce ast+el5
<H
<H
Conf. Dr. Georgeta Drul
Site-ul n publicitate i RP
ser0erul lansea& *ro,ramul CCI s*eci+icat )n +ormular i trece datele colectate la
*ro,ram- care la r/ndul lui *re,tete un rs*uns ctre client.
C#nsultarea bazel#r 1e 1ate 1in apli!a,ii Web
"e,area a*licaiilor 6e( la (a&e de date *ermite accesul utili&atorilor *entru
consultarea cu uurin a acestora- dintr%un (ro6ser. "e,Ptura dintre un SCBD i o
a*licaie 'e( este o relaie client % ser0er *e dou ni0ele5 unul )ntre (ro6ser i ser0erul
'e( i altul )ntre ser0erul 'e( i ser0erul (a&ei de date.
$entru a +ace dintr%un ser0er 'e(- un client al ser0erului unei (a&e de date se
*oate ca5
% demonul 7tt*d i SCBD%ul s +ie *e aceeai mainP- situaie )n care sunt necesare
*roduse de de&0oltare distri(uitP cu SCDB sau de (i(lioteci ce *ermit inserarea de
comen&i SQ" )n lim(a1e de *ro,ramare clasice.
% demonul 7tt*d i SCBD%ul s +ie *e maini di+erite. 4n aceast situaie- dialo,ul se
)ntreine *e reea- *rodusele de de&0oltare distri(uitP cu SCBD%ul tre(uie instalate *e
reeaua SCBD%ului.
!etodele utili&ate *entru accesul la o (a& de date de *e 'e( a*elea&P la scri*t%
uri c,i i se des+oar du* mecanismele5
I. Se scrie un scri*t c,i ce conine codul SQ" necesar *entru tratarea datelor. $entru
aceasta se +olosesc lim(a1e clasice cu e3tensie SQ"- aa cum este ;RA$E".
II. Se utili&ea&P un scri*t c,i standard ce se inter+aea&P cu SCBD%ul.
<@
<@