PROIECTAREA SITE-URILOR WEB

Cerine necesare pentru realizarea unui site web

nainte de construirea unui site o decizie important ce trebuie luat este tipul de site ales. n principiu
un URL poate fi de dou feluri: domeniu (de forma www.firma.ro) sau pagin de web (de forma
www.isp.ro/firma). n general paginile de al doilea tip sunt gzduite pe site-uri specializate. Pentru a putea avea
un nume de forma www.firma.ro trebuie cumprat acest drept. n Romnia dreptul de a vinde domenii este
rezervat Institutului de Cercetri n Informatic (ICI). Cumprarea unui domeniu .ro cost 50$ + TVA. ICI, ca i
ali furnizori de Internet, pot intermedia cumprarea de domenii .com, .net sau .org.
Care ar fi avantajele unui server propriu? n primul rnd uurina accesului la el 24 de ore din 24, apoi
folosirea oricror programe fr aprobarea prealabil a proprietarului, configurarea serverului conform
necesitilor, posibilitatea obinerii unor venituri suplimentare din nchirierea spaiului pe server, etc. Fr a
avea un domeniu, adresa de e-mail i adresa site-ului web sunt n general bazate pe numele serverului
furnizorului de servicii Internet, ca de exemplu firma@ISP.ro i www.ISP.ro/firma. Aceste avantaje sunt umbrite
ns de costul mare al ntreinerii. Este necesar o conexiune Internet permanent i performant. De asemenea
este necesar angajarea a cel puin unui administrator de server. Ambele condiii sunt extrem de costisitoare, o
conexiune prin anten la Internet putnd costa cteva zeci de mii de dolari pe lun, n timp ce salariul unui bun
administrator de server poate ajunge la peste 1.000 de dolari pe lun.
A doua variant de gzduire a unui site de web este folosirea unui server specializat. i aici exist dou
variante de gzduire, gratuit i contra plat. Site-urile care ofer gzduire gratuit i oblig clienii s afieze
pe fiecare pagin a site-ului cte o reclam. n cazul n care gzduirea se face contra-cost, acest lucru poate
costa n general ntre 5 i 100 de dolari pe lun, n funcie de caracteristicile site-ului.
Modul de realizare al unui site
i n privina modului de realizare a unui site exist dou posibiliti. O prim opiune este angajarea
unei echipe de profesioniti pentru conceperea, realizarea i eventual ntreinerea site-ului. Costul acestei soluii
este greu de estimat, n funcie de dificultatea site-ului acesta putnd varia ntre cteva sute de dolari (pentru
cteva pagini de prezentare a companiei) i peste 100.000 de dolari (pentru un magazin virtual foarte complex).
A doua variant este efectuarea operaiunilor necesare n regie proprie, pentru aceasta fiind necesar angajarea
unor oameni pregtii n domeniu. Costul total variaz n funcie de complexitatea site-ului, salariul lunar
putnd varia de la 100 dolari i pn la peste 2.000 dolari pe lun pentru oameni specializai n domenii ca ecommerce, Java, ASP, baze de date, etc.
Software-ul necesar.
Dei pentru vizualizarea unei pagini de Internet este necesar un singur instrument, denumit browser,
pentru construirea unui site sunt necesare mai multe programe. n primul rnd, orice pagin de Internet este
scris n limbajul HTML (Hyper Text Markup Language). O pagin HTML poate fi creat ntr-un program
simplu de redactare de text, ca de exemplu binecunoscutul NotePad. O alt modalitate de creare a unei pagini
web este folosirea unui program utilitar. i acestea se mpart n dou categorii: programe de tipul WYSWYG
(What You See Is What You Get) sau programe ajuttoare. Pentru utilizarea programelor WYSWYG (de ex.
Microsoft Front Page) nu este necesar cunoaterea limbajului HTML. Crearea site-ului are loc n mod intuitiv,
programul facilitnd transformarea n codul HTML corespunztor. Dezavantajul programelor de acest fel este c
codul HTML creat de acestea care este excesiv de mare. n mod practic prin adugarea multor formatri inutile
se poate ajunge ca respectivul cod s fie uneori i de 2 ori mai mare dect codul optimizat. n programele
utilitare (de ex. Hot Dog, HomeSite) se editeaz direct codul HTML, programele oferind diverse instrumente
ajuttoare. Avantajul este posibiliatea de a controla n totalitate codul absolut, un posibil dezavantaj putnd fi
considerat necesitatea de a cunoate limbajul HTML.
1

Un alt element de care trebuie inut cont n construirea unei pagini HTML este echilibrul dintre text i
imagini. Este greu de parcurs att o pagin numai cu text, ct i o pagin plin de imagini. Pentru a crea imagini
(n format gif sau jpg) trebuie folosite diverse programe. n mod uzual se folosesc: Ulead Photoimpact, Adobe
Photoshop, Paint Shop Pro. Pentru crearea imaginilor animate se pot folosi Microsoft Gif Animator sau Ulead
Gif Animator.
Dup crearea cu succes a paginilor web, acestea sunt stocate pe calculatorul local. Pentru transferarea
acestora pe serverul de Internet este necesar folosirea unor programe utilitare pentru transferul fiierelor la
distan, folosind protocolul FTP - File Transfer Protocol. Acesta poate fi folosit direct din linia de comand,
prezentnd dezavantajul unei interfee de tip DOS. n mod uzual sunt folosite programe utilitare (WS FTP, Cute
FTP) ce folosesc o interfa tip Windows.
Unul din lucrurile care trebuie respectate este o comunicare ct mai rapid ntre proprietarul unui site
web i vizitatorii acestuia. Aceast comunicare se realizeaz prin e-mail. Pentru aceasta este necesar un program
pentru e-mail. Multe programe de e-mail pot fi obinute n mod gratuit: Outlook Express, Netscape Messenger,
Eudora Light, Pegasus.
Pentru a putea vizualiza paginile de Internet este necesar un program denumit browser (Internet
Explorer, Netscape Communicator, Opera, Neo Planet). Unele programe se instaleaz odat cu sistemul de
operare, altele pot fi cumprate, altele pot fi descrcate n mod gratuit de pe Web.
Crearea paginilor numai cu ajutorul limbajului HTML presupune ca acestea s fie complet statice. Pentru ca
webmasterul s poat interaciona cu vizitatorii site-ului se folosesc formulare. Pentru ca aceste formulare s
poat fi transmise serverului (de unde le va prelua webmasterul) se folosete interfaa CGI mpreun cu unul sau
mai multe programe scrise n diverse limbaje de programare, cele mai des ntlnite fiind C, Perl, Java,
Javascript, Vbscript.
Proiectarea site-urilor de Web
Pe Internet se gsesc milioane de pagini care conin informaii, multe din ele neavnd nici o valoare.
Atunci, ce ar trebui s facem pentru a deveni competitivi? nainte de a rspunde la aceast ntrebare trebuie
stabilit cine sunt ceilali competitori. De asemenea, trebuie s rspundem la ntrebarea Ce face un site bun?.
Unii ar rspunde o grafic bun, animaie, etc. Grafica este un lucru bun, dar dac cutnd informaii despre un
produs gsii numai grafic i animaie, ce vei spune?
Site-urile bune sunt cele care satisfac cerinele audienei. De la site-uri care prognozeaz vremea n
cteva secunde n format text (pentru cei care nu au mult timp) pn la cele care ofer diverse jocuri i sunt
pline de grafic (pentru cei care au timp i caut n general divertismentul), dac site-ul i ofer n timpul pe
care l ai la dispoziie informaiile de care ai nevoie, se poate spune ca site-ul are succes.
Stabilirea scopului
Primul pas n crearea unui site Web ar fi stabilirea scopului pentru care este realizat. Exist un numr de
motive pentru a crea pagini Web (unele din ele pot prea stupide):

Pentru a promova un serviciu/produs

Pentru a vinde produse

Pentru a vinde spaiu publicitar

Pentru a informa clienii despre companie

Pentru a mbuntii/schimba imaginea companiei

Pentru a nfiina o asociaie

Pentru a obine feedback de la clieni

Pentru informarea angajailor

Pentru a publica

Pentru a cerceta

Pentru a furniza informaii complementare altor surse media

Pentru a crete audiena

2

Pentru a nva ceva pe alii

Pentru a ntlni ali oameni

Pentru a demonstra calitile de programator

Pentru a demonstra talentul de a proiecta pagini Web

Pentru a nva HTML

Pentru a trece un examen

Pentru a publica pe Internet un CV

n aceast etap, se stabilete clar subiectul site-ului care trebuie realizat. Se va stabili ceea ce va
conine site-ul, i mai ales, ceea ce nu va conine.

Profilul audientei
Dup ce s-a stabilit care este obiectivul site-ului, trebuie analizat care vor fi utilizatorii acestuia.
Audiena reprezint publicul int pentru care este realizat site-ul web. Este un element critic deoarece designul
site-ului i coninutul acestuia sunt n strns legtur cu audiena. De aceea, se va ncerca realizarea profilul
standard al utilizatorului i strngerea de cat mai multe informaii legate de obiceiurile, interesele, aciunile,
necesitile i n general modul de via, ale tuturor persoanelor care alctuiesc publicul int. Acest lucru
presupune stabilirea nivelului cultural al vizitatorilor, motivaiile accesrii site-ului (patronul unei firme caut
salariai, un elev caut referate etc.), rezoluia monitorului vizitatorilor, viteza conexiunii folosite de vizitatori,
tipul de browser folosit.
Aspecte care pot fi luate n considerare sunt:

Vrst

Sex

Grup etnic

Religie

Afiliere politic

Nivelul salariului

Nivelul de educaie

Profilul educaiei

Nivelul experienei lucrului pe computer

Nivelul experienei lucrului pe Internet

Accesul este de acas / serviciu

Tipul de conexiune

Perioada de acces (ziua / noaptea)

Tipul de calculator

Tipul de monitor

Sistemul de operare

Browser-ul utilizat

Publicaiile / emisiunile urmrite

Zona n care locuiesc

Ce haine poart?

Ce mnnc?

etc
Atributele de proiectare
Dup ce se determin profilul audienei dorite, informaiile adunate pot fi folosite pentru a determina
atributele de proiectare. De exemplu:

Aspectul
Vrsta
Starea familial
Nivelul bugetului
Experiena pe computer
Accesul este de acas/servici?
Tipul i viteza de conectare?
Tipul de monitor
Platforma
Browser-ul
ara / zona n care este situat
site-ul
Modul de a face cumprturi

Influeneaz
Culorile utilizate
Fontul utilizat
Limbajul utilizat
Animaia
Timpul de navigare pe WEB
Ct de mult trebuie ghidat utilizatorul
pentru a efectua anumite operaii
Timpul petrecut pe WEB
Ct de mari sunt graficele
Rezoluia
Va fi sau nu utilizat animaia
Aspectele legale
Nivelul de securitate

n etapa urmtoare se va defini modul n care va fi structurat informaia. Se vor stabili urmtoarele:

Cum va naviga vizitatorul. Se vor folosi frame-uri sau o tabl de materii?

Setul de culori pentru background/fonturi/link-uri. E de dorit s fie folosite puine culori, iar acestea
s nu agreseze vizitatorul. Dei sunt la mod fonturile foarte mici, e de dorit s se precizeze mrimea
fontului, astfel nct surferul cu probleme de vedere s poat folosi opiunea View, Text size, Larger
sau Largest.

Un logo al site-ului, adic o imagine simpl, sugestiv i de dimensiuni ct mai mici. Este de dorit s
fie original, dar aceast condiie e greu de ndeplinit de la nceput. Pe Internet, se pot ntlni
graficieni specializai n logo-uri. Prezena unui logo nu ngreuneaz accesarea site-ului, deoarece
acesta se ncarc n memoria cache a browser-ului la accesarea primei pagini. Este recomandabil s
fie folosit un singur logo n toate paginile.

Numrul de nivele al site-ului. Numrul nivelelor unui site nu trebuie s fie prea mare, pentru a nu
plictisi vizitatorul.

Grafica s fie redus la minimum, deoarece fiierele grafice au dimensiuni mari.

Informaia util s nu fie la o distant mai mare de dou click-uri.

Pagina s fie vizibil n ntregime, fr ca surfer-ul s utilizeze bara de scroll.

Textul s nu fie dispus ca un bloc unitar de informaie, ci s fie divizat prin linii orizontale sau
imagini. Frazele rezumat pot fi prezentate pe un fundal diferit colorat, eventual ncadrate.

Informaia trebuie prezentat astfel nct efortul depus de surfer pentru nelegerea i folosirea
informaiei s fie minim.

Adesea, este util s se precizeze pe prima pagin cui i este destinat site-ul.

Dimensiunea unui fiier s fie de cel mult 3-4 K

ncrcarea unei pagini nu trebuie s dureze mai mult de 15 secunde, indiferent de conexiune.

Urmtorul pas n realizarea site-urilor de web este scrierea codului (etap prezentat n detaliu n
capitolul Limbajul HTML). n aceast etap se va urmri optimizarea codului HTML astfel nct s
se obin pagini de o dimensiune ct mai mic.
Dup scrierea tuturor paginilor de web, nainte de publicarea pe Internet, trebuie fcut testarea site-ului.
Testarea se va face la diverse rezoluii ale ecranului i utiliznd navigatoare diferite. Aspectul paginilor trebuie
s fie cam acelai la diverse rezoluii i n diverse navigatoare. Din cauz c nu exist o standardizare n
domeniu, unele comenzi pot fi vizualizate doar n anumite browsere. Diacriticele sunt suportate doar de ultimele
generaii de navigatoare, celelalte afind diverse semne n locul diacriticelor. Toate acestea fac ca unele pagini
4

s fie realizate n dou forme: o form pentru Internet Explorer, cealalt pentru Netscape Navigator (acestea
fiind browserele cele mai utilizate).
Dup ce site-ul a fost testat el poate fi publicat pe un server specializat. ncrcarea fiierelor se poate
face prin dou metode:
Folosind clientul de FTP pus la dispoziie de server. Cele mai multe servere dispun de File Manager, care
ncrc fiierele pe server ntr-un mod simplu i intuitiv. Dezavantaj: dureaz relativ mult.
Folosind ali clieni de FTP. De exemplu CuteFTP ncrc un site pe server, cu directoare cu tot, n
cteva secunde.
Degeaba se realizeaz un site cu un design formidabil, dac acesta nu e accesat de vizitatori. Coninutul
paginilor sale poate fi extrem de interesant pentru unii surferi, dar acetia trebuie s fie informai asupra
existentei site-ului. O etap important n realizarea site-urilor de web este promovarea acestora. Scopul
principal al tuturor activitilor legate de promovarea unui site este acela de a crete traficul acelui site. Nivelul
traficului depinde n primul rnd de cantitatea de informaii prezentate, de calitatea site-ului i de permanenta
rennoire a paginilor acestuia.
Exist mai multe metode de popularizare a site-urilor:

Prezena elementelor <meta> la nceputul fiecrei pagini (vezi capitolul Limbajul HTML). Programele
robot vor vizita pagina i vor realiza indexarea acesteia dup indicaiile prezente n elementele <meta>.

nscrierea n unul din motoarele de cutare. Fiecare motor de cutare are n partea de jos un link micu
Add URL sau Submit URL, care se poate folosi pentru trimiterea spre indexare a unei pagini sau a
unui ntreg site. Pentru a automatiza operaiunea de trimitere a paginii spre indexare la mai multe
motoare de cutare se poate solicita ajutorul uneia dintre firmele care pot nregistra gratuit un site la
motoarele de cutare i care cer n schimb introducerea n site a unui link ctre site-ul firmei. Exemple:
www.webpage-register.com,
www.website-submission.com,
www.register-it.com,
www.submitcorner.com. Apariia n baza de date a motorului de cutare se petrece de obicei la cel puin
2 sptmni dup trimiterea spre indexare a paginii / site-ului. La unele motoare de cutare operaiunea
poate s dureze pn la 3 luni.

Participarea la un schimb de banere publicitare. Banerele au ca unic scop atragerea ateniei vizitatorilor
astfel nct acetia s efectueze un clic pe ele. Prin coninutul lor, banerele fac trimitere la un alt site
web. Se pot folosi i banere animate, care s-au dovedit mai eficiente dect cele statice. Acestea ns
trebuiesc folosite cu pruden deoarece duc la creterea timpului de ncrcare a paginii web. Printre siteurile
care
organizeaz
asemenea
schimburi
se
afl:
www.adnetwork.ro,
www.goldenbanners.ro,www.goldentop100.ro,www.linkexchange.com

nscrierea pe listele de discuii specifice profilului site-ului. Site-urile www.reference.com i

www.ForumOne.com ofer liste cu sute de mii de forumuri.

Schimbul de legturi. O legtur reciproc nseamn plasarea unei legturi ctre un alt site web ntr-una
din paginile site-ului propriu. n schimbul acesteia, webmasterul site-ui respectiv va plasa o legtura n
site-ului su. Dac schimbul de legturi este bine realizat, atunci numrul de vizitatori ctre ambele siteuri poate crete.

nscrierea n unul sau mai multe inele web. Inelul web (webring) reprezint un concept similar cu
schimbul de banere sau de legturi. Aa cum i arat i denumirea, este o nlnuire de pagini web
dedicate aceluiai subiect sau avnd o tem similar. Un server web central menine o list de site-uri cu
un anume subiect sau domeniu de interes. Pe fiecare site din list exist cte un buton "Urmtorul"
(Next) i un buton "Precedentul" (Previous). Mai exist de asemenea i un buton ctre serverul web
central. Mai simplu spus, un site se leag de al doilea ntr-un inel. Al doilea se leag la al treilea i aa
mai departe pn cnd se revine din nou la primul. Aceast legtur se face printr-un cod special pe care
fiecare membru este obligat s-l pun n pagina lui. Pe aceast cale, teoretic, ar trebui ca fiecare
webmaster din circuit s constate o cretere a traficului. Spre deosebire de schimbul de banere, n cazul
inelelor web nu va aprea pe nici o pagin un baner al vreunui alt site, dar va exista n schimb legturi
att ctre pagina principal a inelului ct i ctre alte pagini din acesta. Este obligatorie punerea
nsemnelor inelului web la sfritul paginii.
5

Programe autoresponder. Un astfel de program este de fapt o adresa e-mail special care este programat
s furnizeze instantaneu un rspuns email preformatat de fiecare dat cnd se trimite un mesaj la adresa
respectiv.
Promovarea off-line. Aceasta se poate face cu cheltuieli minime, nscriind adresa web a site-ului i
adresa de e-mail pe urmtoarele tipuri de materiale (care pot fi folosite n mod curent sau n scop
publicitar): coresponden, facturi, fax-uri, scrisori, materialele promoionale, brouri, pliante, reclame
tiprite, cri de vizit. Dei este mult mai costisitor, se poate promova off-line un site i prin cumprarea
de spaiu publicitar n ziare i reviste sau la radio i televiziune .