PROIECTAREA SITE-URILOR WEB

Cerinte necesare pentru realizarea unui site web

Inainte de construirea unui site o decizie importanta ce trebuie luata este tipul de site ales. In principiu un URL poate fi de doua feluri: domeniu (de forma www.firma.ro) sau pagina de web (de forma www.isp.ro/firma). In general paginile de al doilea tip sunt gazduite pe site-uri specializate. Pentru a putea avea un nume de forma www.firma.ro trebuie cumparat acest drept. In Romania dreptul de a vinde domenii este rezervat Institutului de Cercetari in Informatica (ICI). Cumpararea unui domeniu .ro costa 50$ + TVA. ICI, ca si alti furnizori de Internet, pot intermedia cumpararea de domenii .com, .net sau .org.

Care ar fi avantajele unui server propriu? In primul rand usurinta accesului la el 24 de ore din 24, apoi folosirea oricaror programe fara aprobarea prealabila a proprietarului, configurarea serverului conform necesitatilor, posibilitatea obtinerii unor venituri suplimentare din inchirierea spatiului pe server, etc. Fara a avea un domeniu, adresa de e-mail si adresa site-ului web sunt in general bazate pe numele serverului furnizorului de servicii Internet, ca de exemplu firma@ISP.ro si www.ISP.ro/firma. Aceste avantaje sunt umbrite insa de costul mare al intretinerii. Este necesara o conexiune Internet permanenta si performanta. De asemenea este necesara angajarea a cel putin unui administrator de server. Ambele conditii sunt extrem de costisitoare, o conexiune prin antena la Internet putand costa cateva zeci de mii de dolari pe luna, in timp ce salariul unui bun administrator de server poate ajunge la peste 1.000 de dolari pe luna.

A doua varianta de gazduire a unui site de web este folosirea unui server specializat. Si aici exista doua variante de gazduire, gratuita si contra plata. Site‑urile care ofera gazduire gratuita isi obliga clientii sa afiseze pe fiecare pagina a site-ului cate o reclama. In cazul in care gazduirea se face contra-cost, acest lucru poate costa in general intre 5 si 100 de dolari pe luna, in functie de caracteristicile site-ului.

Si in privinta modului de realizare a unui site exista doua posibilitati. O prima optiune este angajarea unei echipe de profesionisti pentru conceperea, realizarea si eventual intretinerea site-ului. Costul acestei solutii este greu de estimat, in functie de dificultatea site-ului acesta putand varia intre cateva sute de dolari (pentru cateva pagini de prezentare a companiei) si peste 100.000 de dolari (pentru un magazin virtual foarte complex). A doua varianta este efectuarea operatiunilor necesare in regie proprie, pentru aceasta fiind necesara angajarea unor oameni pregatiti in domeniu. Costul total variaza in functie de complexitatea site-ului, salariul lunar putand varia de la 100 dolari si pana la peste 2.000 dolari pe luna pentru oameni specializati in domenii ca e-commerce, Java, ASP, baze de date, etc.

Software-ul necesar. Desi pentru vizualizarea unei pagini de Internet este necesar un singur instrument, denumit browser, pentru construirea unui site sunt necesare mai multe programe. In primul rand, orice pagina de Internet este scrisa in limbajul HTML (Hyper Text Markup Language). O pagina HTML poate fi creata intr‑un program simplu de redactare de text, ca de exemplu binecunoscutul NotePad. O alta modalitate de creare a unei pagini web este folosirea unui program utilitar. Si acestea se impart in doua categorii: programe de tipul WYSWYG (What You See Is What You Get) sau programe ajutatoare. Pentru utilizarea programelor WYSWYG (de ex. Microsoft Front Page) nu este necesara cunoasterea limbajului HTML. Crearea site-ului are loc in mod intuitiv, programul facilitand transformarea in codul HTML corespunzator. Dezavantajul programelor de acest fel este ca codul HTML creat de acestea care este excesiv de mare. In mod practic prin adaugarea multor formatari inutile se poate ajunge ca respectivul cod sa fie uneori si de 2 ori mai mare decat codul optimizat. In programele utilitare (de ex. Hot Dog, HomeSite) se editeaza direct codul HTML, programele oferind diverse instrumente ajutatoare. Avantajul este posibiliatea de a controla in totalitate codul absolut, un posibil dezavantaj putand fi considerat necesitatea de a cunoaste limbajul HTML.

Un alt element de care trebuie tinut cont in construirea unei pagini HTML este echilibrul dintre text si imagini. Este greu de parcurs atat o pagina numai cu text, cat si o pagina plina de imagini. Pentru a crea imagini (in format gif sau jpg) trebuie folosite diverse programe. In 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.

Dupa crearea cu succes a paginilor web, acestea sunt stocate pe calculatorul local. Pentru transferarea acestora pe serverul de Internet este necesara folosirea unor programe utilitare pentru transferul fisierelor la distanta, folosind protocolul FTP - File Transfer Protocol. Acesta poate fi folosit direct din linia de comanda, prezentand dezavantajul unei interfete de tip DOS. In mod uzual sunt folosite programe utilitare (WS FTP, Cute FTP) ce folosesc o interfata tip Windows.

Unul din lucrurile care trebuie respectate este o comunicare cat mai rapida intre proprietarul unui site web si vizitatorii acestuia. Aceasta comunicare se realizeaza prin e-mail. Pentru aceasta este necesar un program pentru e-mail. Multe programe de e-mail pot fi obtinute in 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 instaleaza odata cu sistemul de operare, altele pot fi cumparate, altele pot fi descarcate in mod gratuit de pe Web.

Crearea paginilor numai cu ajutorul limbajului HTML presupune ca acestea sa fie complet statice. Pentru ca webmasterul sa poata interactiona cu vizitatorii site-ului se folosesc formulare. Pentru ca aceste formulare sa poata fi transmise serverului (de unde le va prelua webmasterul) se foloseste interfata CGI impreuna cu unul sau mai multe programe scrise in diverse limbaje de programare, cele mai des intalnite fiind C, Perl, Java, Javascript, Vbscript.

Proiectarea site-urilor de Web

Pe Internet se gasesc milioane de pagini care contin informatii, multe din ele neavand nici o valoare. Atunci, ce ar trebui sa facem pentru a deveni competitivi? Inainte de a raspunde la aceasta intrebare trebuie stabilit cine sunt ceilalti competitori. De asemenea, trebuie sa raspundem la intrebarea "Ce face un site bun?". Unii ar raspunde o grafica buna, animatie, etc. Grafica este un lucru bun, dar daca cautand informatii despre un produs gasiti numai grafica si animatie, ce veti spune?

Site-urile bune sunt cele care satisfac cerintele audientei. De la site-uri care prognozeaza vremea in cateva secunde in format text (pentru cei care nu au mult timp) pana la cele care ofera diverse jocuri si sunt pline de grafica (pentru cei care au timp si cauta in general divertismentul), daca site-ul iti ofera in timpul pe care il ai la dispozitie informatiile de care ai nevoie, se poate spune ca site-ul are succes.

Primul pas in crearea unui site Web ar fi stabilirea scopului pentru care este realizat. Exista un numar de motive pentru a crea pagini Web (unele din ele pot parea stupide):

Pentru a promova un serviciu/produs

Pentru a vinde produse

Pentru a vinde spatiu publicitar

Pentru a informa clientii despre companie

Pentru a imbunatatii/schimba imaginea companiei

Pentru a infiinta o asociatie

Pentru a obtine feedback de la clienti

Pentru informarea angajatilor

Pentru a publica

Pentru a cerceta

Pentru a furniza informatii complementare altor surse media

Pentru a creste audienta

Pentru a invata ceva pe altii

Pentru a intalni alti oameni

Pentru a demonstra calitatile de programator

Pentru a demonstra talentul de a proiecta pagini Web

Pentru a invata HTML

Pentru a trece un examen

Pentru a publica pe Internet un CV

In aceasta etapa, se stabileste clar subiectul site-ului care trebuie realizat. Se va stabili ceea ce va contine site-ul, si mai ales, ceea ce nu va contine.

Dupa ce s-a stabilit care este obiectivul site-ului, trebuie analizat care vor fi utilizatorii acestuia. Audienta reprezinta publicul tinta pentru care este realizat site‑ul web. Este un element critic deoarece designul site-ului si continutul acestuia sunt in stransa legatura cu audienta. De aceea, se va incerca realizarea profilul standard al utilizatorului si strangerea de cat mai multe informatii legate de obiceiurile, interesele, actiunile, necesitatile si in general modul de viata, ale tuturor persoanelor care alcatuiesc publicul tinta. Acest lucru presupune stabilirea nivelului cultural al vizitatorilor, motivatiile accesarii site-ului (patronul unei firme cauta salariati, un elev cauta referate etc.), rezolutia monitorului vizitatorilor, viteza conexiunii folosite de vizitatori, tipul de browser folosit.

Aspecte care pot fi luate in considerare sunt:

Varsta

Sex

Grup etnic

Religie

Afiliere politica

Nivelul salariului

Nivelul de educatie

Profilul educatiei

Nivelul experientei lucrului pe computer

Nivelul experientei lucrului pe Internet

Accesul este de acasa / serviciu

Tipul de conexiune

Perioada de acces (ziua / noaptea)

Tipul de calculator

Tipul de monitor

Sistemul de operare

Browser-ul utilizat

Publicatiile / emisiunile urmarite

Zona in care locuiesc

Ce haine poarta?

Ce mananca?

etc

Dupa ce se determina profilul audientei dorite, informatiile adunate pot fi folosite pentru a determina atributele de proiectare. De exemplu:

In etapa urmatoare se va defini modul in care va fi structurata informatia. Se vor stabili urmatoarele:

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

Setul de culori pentru background/fonturi/link-uri. E de dorit sa fie folosite putine culori, iar acestea sa nu agreseze vizitatorul.

Desi sunt la moda fonturile foarte mici, e de dorit sa se precizeze marimea fontului, astfel incat surferul cu probleme de vedere sa poata folosi optiunea View, Text size, Larger sau Largest.

Un logo al site-ului, adica o imagine simpla, sugestiva si de dimensiuni cat mai mici. Este de dorit sa fie originala, dar aceasta conditie e greu de indeplinit de la inceput. Pe Internet, se pot intalni graficieni specializati in logo-uri. Prezenta unui logo nu ingreuneaza accesarea site-ului, deoarece acesta se incarca in memoria cache a browser-ului la accesarea primei pagini. Este recomandabil sa fie folosit un singur logo in toate paginile.

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

Grafica sa fie redusa la minimum, deoarece fisierele grafice au dimensiuni mari.

Informatia utila sa nu fie la o distanta mai mare de doua click-uri.

Pagina sa fie vizibila in intregime, fara ca surfer-ul sa utilizeze bara de scroll.

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

Informatia trebuie prezentata astfel incat efortul depus de surfer pentru intelegerea si folosirea informatiei sa fie minim.

Adesea, este util sa se precizeze pe prima pagina cui ii este destinat site-ul.

Dimensiunea unui fisier sa fie de cel mult 3-4 K

Incarcarea unei pagini nu trebuie sa dureze mai mult de 15 secunde, indiferent de conexiune.

Urmatorul pas in realizarea site-urilor de web este scrierea codului (etapa prezentata in detaliu in capitolul Limbajul HTML). In aceasta etapa se va urmari optimizarea codului HTML astfel incat sa se obtina pagini de o dimensiune cat mai mica.

Dupa scrierea tuturor paginilor de web, inainte de publicarea pe Internet, trebuie facuta testarea site-ului. Testarea se va face la diverse rezolutii ale ecranului si utilizand navigatoare diferite. Aspectul paginilor trebuie sa fie cam acelasi la diverse rezolutii si in diverse navigatoare. Din cauza ca nu exista o standardizare in domeniu, unele comenzi pot fi vizualizate doar in anumite browsere. Diacriticele sunt suportate doar de ultimele generatii de navigatoare, celelalte afisand diverse semne in locul diacriticelor. Toate acestea fac ca unele pagini sa fie realizate in doua forme: o forma pentru Internet Explorer, cealalta pentru Netscape Navigator (acestea fiind browserele cele mai utilizate).

Dupa ce site-ul a fost testat el poate fi publicat pe un server specializat. Incarcarea fisierelor se poate face prin doua metode:

Folosind clientul de FTP pus la dispozitie de server. Cele mai multe servere dispun de File Manager, care incarca fisierele pe server intr-un mod simplu si intuitiv. Dezavantaj: dureaza relativ mult.

Folosind alti clienti de FTP. De exemplu CuteFTP incarca un site pe server, cu directoare cu tot, in cateva secunde.

Degeaba se realizeaza un site cu un design formidabil, daca acesta nu e accesat de vizitatori. Continutul paginilor sale poate fi extrem de interesant pentru unii surferi, dar acestia trebuie sa fie informati asupra existentei site-ului. O etapa importanta in realizarea site-urilor de web este promovarea acestora. Scopul principal al tuturor activitatilor legate de promovarea unui site este acela de a creste traficul acelui site. Nivelul traficului depinde in primul rand de cantitatea de informatii prezentate, de calitatea site-ului si de permanenta reinnoire a paginilor acestuia.

Exista mai multe metode de popularizare a site-urilor:

Prezenta elementelor <meta> la inceputul fiecarei pagini (vezi capitolul Limbajul HTML). Programele robot vor vizita pagina si vor realiza indexarea acesteia dupa indicatiile prezente in elementele <meta>.

Inscrierea in unul din motoarele de cautare. Fiecare motor de cautare are in partea de jos un link micut "Add URL" sau "Submit URL", care se poate folosi pentru trimiterea spre indexare a unei pagini sau a unui intreg site. Pentru a automatiza operatiunea de trimitere a paginii spre indexare la mai multe motoare de cautare se poate solicita ajutorul uneia dintre firmele care pot inregistra gratuit un site la motoarele de cautare si care cer in schimb introducerea in site a unui link catre site-ul firmei. Exemple: www.webpage-register.com, www.website-submission.com, www.register-it.com, www.submitcorner.com. Aparitia in baza de date a motorului de cautare se petrece de obicei la cel putin 2 saptamani dupa trimiterea spre indexare a paginii / site-ului. La unele motoare de cautare operatiunea poate sa dureze pana la 3 luni.

Participarea la un schimb de banere publicitare. Banerele au ca unic scop atragerea atentiei vizitatorilor astfel incat acestia sa efectueze un clic pe ele. Prin continutul lor, banerele fac trimitere la un alt site web. Se pot folosi si banere animate, care s-au dovedit mai eficiente decat cele statice. Acestea insa trebuiesc folosite cu prudenta deoarece duc la cresterea timpului de incarcare a paginii web Printre site-urile care organizeaza asemenea schimburi se afla: www.adnetwork.ro, www.goldenbanners.ro,www.goldentop100.ro,www.linkexchange.com

Inscrierea pe listele de discutii specifice profilului site-ului. Site-urile www.reference.com si www.ForumOne.com ofera liste cu sute de mii de forumuri.

Schimbul de legaturi. O legatura reciproca inseamna plasarea unei legaturi catre un alt site web intr-una din paginile site-ului propriu. In schimbul acesteia, webmasterul site-ui respectiv va plasa o legatura in site-ului sau. Daca schimbul de legaturi este bine realizat, atunci numarul de vizitatori catre ambele site-uri poate creste.

Inscrierea in unul sau mai multe inele web. Inelul web (webring) reprezinta un concept similar cu schimbul de banere sau de legaturi. Asa cum ii arata si denumirea, este o inlantuire de pagini web dedicate aceluiasi subiect sau avand o tema similara. Un server web central mentine o lista de site-uri cu un anume subiect sau domeniu de interes. Pe fiecare site din lista exista cate un buton 'Urmatorul' (Next) si un buton 'Precedentul' (Previous). Mai exista de asemenea si un buton catre serverul web central. Mai simplu spus, un site se leaga de al doilea intr-un inel. Al doilea se leaga la al treilea si asa mai departe pana cand se revine din nou la primul. Aceasta legatura se face printr-un cod special pe care fiecare membru este obligat sa-l puna in pagina lui. Pe aceasta cale, teoretic, ar trebui ca fiecare webmaster din circuit sa constate o crestere a traficului. Spre deosebire de schimbul de banere, in cazul inelelor web nu va aparea pe nici o pagina un baner al vreunui alt site, dar va exista in schimb legaturi atat catre pagina principala a inelului cat si catre alte pagini din acesta. Este obligatorie punerea insemnelor inelului web la sfarsitul paginii.

Programe autoresponder. Un astfel de program este de fapt o adresa e‑mail speciala care este programata sa furnizeze instantaneu un raspuns email preformatat de fiecare data cand se trimite un mesaj la adresa respectiva.

Promovarea off-line. Aceasta se poate face cu cheltuieli minime, inscriind adresa web a site-ului si adresa de e-mail pe urmatoarele tipuri de materiale (care pot fi folosite in mod curent sau in scop publicitar): corespondenta, facturi, fax-uri, scrisori, materialele promotionale, brosuri, pliante, reclame tiparite, carti de vizita. Desi este mult mai costisitor, se poate promova off-line un site si prin cumpararea de spatiu publicitar in ziare si reviste sau la radio si televiziune .