CAP. 15. CONSIDERAŢII GENERALE DESPRE DESIGN ŞI ASPECT

 

        Este simplu să faci o pagină web, dar este important să faci o pagină web bună. De ce afirm că este simplu să faci o pagină web? Pentru că oricine are un editor  HTML de tipul WYSIWYG (WhatYou See Is What You Get) poate realiza o pagină web fără a fi nevoit să īnţeleagă complexitatea unei pagini web privită ca un īntreg.

        Īn acest capitol vom face o scurtă trecere īn revistă a aspectelor ce determină realizarea unei pagini web bune şi a problemelor cu care v-aţi putea confrunta.

 

15.1. Diferenţe dintre un document web şi unul tipărit

 

Īn contrast cu un document tipărit, un document web este ceva complet diferit. Īn acest caz, designerul are prea puţin control asupra felului īn care este afişată o pagină, īntrucāt acest lucru depinde īn mare măsură de browserul web folosit. Deşi frustrant, a face o pagină web să fie afişată la fel īn diferite browsere este un lucru extraordinar, constituind o provocare pentru majoritatea webdesignerilor.

Cānd creează un site, un webdesigner trebuie să ţină cont de următoarele:

Cu un număr atāt de mare de variabile de care depinde afişarea unei pagini web, nu este posibil īntotdeauna ca o pagină web să fie afişată īn mod identic pe două calculatoare diferite. Şi, aşa cum am precizat şi anterior, acest lucru constituie o adevarată provocare pentru webdesigneri.

Īn orice caz, trebuie să ţineţi cont ca un site nu este făcut pentru voi sau pentru şeful vostru. Numai pentru că există o introducere făcută īn Flash pe un site nu īnseamnă că trebuie să aveţi şi voi o introducere similară.

Un site trebuie creat īn funcţie de publică ţintă căruia i se adresează. Aceştia pot fi clienţi sau potenţiali clienţi. Un bun webdesigner īşi priveşte rezultatul muncii prin ochii unui potenţial client.

De exemplu, dacă concepeţi un site adresat persoanelor mai īn vārstă, trebuie să aveţi grijă să oferiţi site-ului un aspect simplu, uşor de urmărit, cu fonturi puţin mai mari decāt de obicei.

Trebuie să analizaţi cu regularitate statisticile referitoare la site pentru a vedea ce browsere sunt folosite de majoritatea vizitatorilor, ce sisteme de operare folosesc, dacă folosesc platforma Javascript de la Sun, sau dacă au activate anumite controale ActiveX. Pentru a obţine astfel de informaţii puteţi folosi fie scripturile proprii, fie īnscrieţi propriul site īntr-unul dintre site-urile de analiză existente pe Internet (de exemplu www.trafic.ro sau www.statistics.ro).

 

 

15.2. Mărimea optimă a unei paginii web şi optimizarea ei

 

Optimizarea paginilor web este unul din aspectele cele importante ale webdesignului. O pagină web optimizată se īncarcă mult mai repede pe calculatorul vizitatorului şi astfel informaţia ajunge mult mai repede la ţintă. Paginile care se īncarcă greu, şi aici facem referire la paginile care se īncarcă īn mai mult de 10 secunde, sau care au o introducere facută īn Flash, pot duce la pierderea unei părţi dintre vizitatori, īn special a celor care nu au suficientă răbdare. Nimic nu-i īmpiedică să apese unul din butoanele Back sau Close Window. Cu toate acestea, introducerile create īn Flash oferă şi avantaje prin faptul că pot fi foarte atractive din punct de vedere vizual şi oferă posibilitatea folosirii unor meniu interactive.

Pentru a stabili mărimea optimă a unei pagini web trebuie să aveţi īn vedere cei patru factori care influenţează īncărcarea īntr-un browser:

·        mărimea fişierului care conţine codul HTML

·        lăţimea de bandă a conexiunii vizitatorilor

·        viteza procesorului serverului care găzdueişte pagina web

·        complexitatea paginii web

Din moment ce nu puteţi interveni asupra conexiunii vizitatorilor, trebuie să vă ocupaţi de ceilalţi factori. Astfel, īncercaţi să găzduiţi pagina web un server foarte rapid, optimizaţi pagina web prin “curăţarea” codului HTML de elementele redundante, de grafica excesivă, de elementele multimedia care nu sunt strict necesare etc. ceea ce va avea ca rezultat micşorarea dimensiunii fişierului sursă.

Dacă este vorba despre un site care se adresează tuturor categoriilor de utilizatori, atunci mărimea fiecărei pagini web nu trebuie să depăşească 75 kb. Astfel, veţi avea garanţia că fiecare pagină se īncarcă īn doar cāteva secunde.

La calcularea mărimii unei pagini web se iau īn calcul nu numai fişierul HTML, ci şi toate elementele grafice şi multimedia folosite, inclusiv imaginile de fundal, inclusiv scripturile Javascript externe (fişiere cu extensia .js), inclusiv foile de stil (fişiere cu extensia .css), scripturi PHP etc.

 

15.3. Structura şi aspectul unui site

 

Structura directoarelor trebuie să fie logică şi să reflecte aspectul propriului site.

Un site poate īncepe ca o simplă pagină web, se poate dezvolta īntr-un set de cāteva pagini, iar īn timp, īn funcţie de cāt de importantă doriţi să fie prezenţa voastră pe Internet, poate ajunge chiar şi la sute de pagini. Coordonarea unui număr mare de pagini poate fi un lucru extrem de dificil mai ales dacă nu se lucrează īntr-un mod coerent de la īnceput.

Astfel, trebuie evitat amestecul tuturor fişierelor īntr-un singur director, fiind necesară gruparea lor īn funcţie de caracteristicile similare.

De exemplu, toate imaginile incluse īntr-un site trebuie grupate īntr-un director separat, cum ar fi imagini. Acesta, la rāndul său, se poate īmpărţi īn subdirectoare cu denumiri sugestive: pictograme, butoane sau fundaluri.

Īn mod similar pot fi separate şi fişierele de alt tip, cum ar fi cele Javascript, PHP sau ASP, care pot fi incluse īn directoare cu nume sugestive.

Denumirea dată unui director sau subdirector depinde numai de voi şi, chiar dacă este consumatoare de timp, cu siguranţă va ajuta la īnţelegerea structurii site-ului de către oricine va dori să-i aducă modificări.

 

Referitor la aspect, trebuie ţinut cont de faptul că o pagină web īncepe īn colţul din stānga sus şi se poate īntinde oricāt spre dreapta sau īn jos. Acesta face să poată fi infinit de lată şi de lungă.

Este recomandabil ca o pagină să nu necesite derulare spre dreapta, de aceea, īnainte de a publica o pagină web pe Internet, trebuie testat modul īn care se comportă īn funcţie de diferite rezoluţii ale monitorului.

Dintre acestea, cele mai uzuale sunt:

 

15.4. Combinarea culorilor

 

Alegerea combinaţiei de culori potrivite este esenţială pentru orice site. Aceasta trebuie să reflecte, pe cāt de mult posibil, conţinutul site-ului. O bună combinaţie de culori poate deschide drumul spre succes, īn vreme ce una aleasă īn mod nefericit poate duce la eşecul unui site.

Asiguraţi-vă că alegeţi īntr-un mod chibzuit combinaţia de culori care să se potrivească temei site-ului. Aceste culori trebuie să fie complementare culorilor folosite pentru logo-ul ales sau īn contrast cu acesta, tocmai pentru a-l evidenţia.

Reţineţi că efectul unei singure colori se schimbă, uneori chiar dramatic, cānd este folosită īn combinaţie cu alte culori.

De exemplu, culoarea roşie este evitată de obicei de site-urile ce oferă informaţii financiare, īn vreme ce combinaţiile de albastru şi gri au fost īntotdeauna o bună alegere pentru site-urile profesionale.

 

 

 

15.5. Tipurile de caractere folosite

 

Dacă simţiţi un impuls irezistibil să folosiţi un tip de caracter (font) incredibil de aspectuos sau unul care reproduce scrisul de mānă, sfatul meu este să vă reţineţi un astfel de impuls.

Una dintre multitudinea de variabile din webdesign o constituie şi disponibilitatea unor anumite fonturi pe computerele vizitatorilor.

De exemplu, dacă folosiţi pentru afişarea textului un font ce se găseşte īn computerul vostru, cum ar fi Palatino, dar acesta nu se găseşte şi īn computerul unui vizitator, browserul va īnlocui fontul respectiv cu altul implicit, cum ar fi Times New Roman sau Arial. Acest lucru va avea drept consecinţă schimbarea drastică a aspectului paginii afişate şi toată străduinţa voastră pentru realizarea unui site atractiv va rămāne fără rezultat.

Pentru o maximă compatibilitate a tipurilor de caractere īntre diverşi utilizatori şi diverse browsere, sunt recomandate trei familii de fonturi:

Arial, Verdana, Geneva, Helvetica, Sans-serif

Times, Times New Roman, Georgia, Serif

Courier, Courier New, Monospace

 

Evident, există şi metode de a folosi fonturi deosebite īntr-o pagină web. Cea mai simplă dintre acestea este de a transforma textul respectiv īntr-o imagine, folosind o serie de programe adecvate. Dar, cum totul are un preţ, acesta va contribui la creşterea dimensiunii paginii web şi, implicit, la o īncărcare mai lentă.

Am tot amintit de diversitatea browserelor existente. Nu vă opreşte nimeni să descărcaţi o copie a fiecăruia dintre ele, mai ales că sunt gratuite, şi să le instalaţi īn propriul computer. Astfel veţi putea testa propriul site pe cāteva dintre cele mai folosite browsere (Internet Explore, Netscape Navigator, Mozilla Firefox, Opera).

Legat de Netscape Navigator vă informez că este oficial “mort”, īncepānd cu 1 martie 2008 nu se mai acordă niciun fel de suport pentru niciuna dintre versiuni şi nu vor mai fi realizate alte versiuni noi (sursa http://archive.netscape.com/).