Cum îmi fac o pagina de internet?

06 Iunie, 2007

În februarie 2007 existau aproape 30 de miliarde de pagini de internet, aproximativ 42 pe cap de locuitor al planetei. Tu ai una? Daca nu ar fi momentul sa îti faci.

Exista mai multe metode prin care îti poti realiza propria pagina de internet. Poti sa mergi la o firma specializata sa le spui ce vrei si ei se ocupa de tot. Daca ai cunostinte HTML poti sa îti realizezi singur pagina. În orice categorie te-ai încadra, exista câteva reguli de baza pe care tot mai multi webdesigneri le încalca. Exista etape pe care ar trebui sa le respecti.

Proiectarea siteului

Etapa I: Stabilirea subiectului siteului web

În aceasta etapa, trebuia sa stabilesti cu mare claritate subiectul siteului pe care intentionezi sa-l realizezi. Vei stabili ceea ce va contine siteul si, mai ales, ceea ce nu va contine. Daca realizezi siteul institutiei la care lucrezi, nu vei introduce aici pozele de familie din albumul directorului. Daca siteul contine CV-ul tau, nu vei pune în acesta pozele prietenilor si nici gifurile animate cu pestii care îti plac atât de mult. Un site web trebuie dedicat unui singur subiect.

 Etapa a II-a: Identificarea audientei

Trebuie sa stabilesti de la început cui te adresezi, ceea ce presupune sa stabilesti:
Nivelul cultural al vizitatorilor
Motivatiile accesarii siteului (patronul unei firme cauta salariati, un elev cauta referate etc)
Rezolutia monitorului vizitatorilor
Viteza conexiunii folosite de vizitatori
Tipul de browser folosit
Informatiile de acest gen ( 3, 4, 5 ) pot fi furnizate de:
a) serverul pe care ai pus siteul
b) firme specializate în contorizare, precum www.counter.com/, gratuit sau contra unui cost nu prea mare. Printre acestea se numara si www.trafic.ro care ofera o statistica detaliata.

Etapa a III-a: Structurarea informatiei

Vei stabili urmatoarele:
Cum va naviga vizitatorul. Vei folosi frames sau o tabla de materii ?
Setul de culori pentru background/fonturi/link-uri. E de dorit sa folosesti putine culori, iar acestea sa nu agreseze vizitatorul.
Un logo al siteului, adica o imagine simpla, sugestiva si de dimensiuni cât mai mici. E de dorit sa fie originala, adica facuta de tine, dar aceasta conditie e greu de îndeplinit de la început. Pe internet, poti întâlni graficieni specializati în logo-uri. Prezenta unui logo nu îngreuneaza accesarea sitului, deoarece acesta se încarca în memoria cache a browserului la accesarea primei pagini. E de dorit sa folosesti un singur logo în toate paginile.
Numarul de nivele al sitului. Sa presupunem ca siteul tau e alcatuit din fisierul index.html si directorul texte, în care se afla toate celelalte fisiere. Aceasta înseamna ca situl are doua nivele: cel al fisierului index.html si cel al celorlalte fisiere. Numarul nivelelor unui site nu trebuie sa fie prea mare, pentru a nu plictisi vizitatorul.

Dintr-o pagina buna, lipsesc:

Animatiile inutile, tag-urile âblink si âmarqueeÂ, fundalurile tipatoare, acele combinatii fundal-font care fac pagina de necitit, precizarea "Se recomanda folosirea browser-ului...", care denota un designer incompetent, tabelele cu latimea fixa, în plus, fixata la o valoare egala cu un numar prea mare de pixeli, marginile inutile, setarea dimensiunilor fontului la valori care fac textul de necitit, programele inutile în JavaScript, folosirea applet-urilor, ferestrele pop-up, meniurile facute numai din imagini, fara text alternativ, destinat celor ce folosesc Lynx sau alte browsere negrafice, muzica de fundal, contoarele, al caror rol e de a impresiona vizitatorii, guestbook-ul, care e inutil din moment ce e precizata adresa de e-mail a presoanei de contact, link-urile vechi, expirate, care nu mai duc nicaieri si care marturisesc lenea autorului, o imagine de mari dimensiuni pe prima pagina, furtunile de cookies, frames, lipsa adresei de e-mail e de neiertat, existenta unor pagini pururi în constructie, existenta unor pagini PDF fara varianta HTML. Totusi, cum ar trebui realizata o pagina web Trei cuvinte: continut, continut, continut. Prea multe pagini web sunt ca niste povesti spuse de un idiot, pline de zgomot si furie, nesemnificând nimic. Vrei ca vizitatorul sa fie interesat? Uita grafica si glitz-ul. În primul rând, trebuie sa ai ceva de spus.

Statisticile spun ca:

Surfer-ului nu-i place scroll-ul, adica nu-i place sa coboare în josul paginii.
Surfer-ului nu-i place sa astepte, iar asteptarea îl face adesea sa paraseasca siteul.
Surfer-ul citeste de pe monitor cu o viteza care e cu 25% mai mica decât cea cu care citeste de pe hârtie.

Siturile bune nu apar spontan, precum ciupercile dupa ploaie, ci sunt rezultatul unui efort de întelegere a nevoilor vizitatorilor. În webdesign, nu gusturile designer-ului sunt pe primul loc, ci nevoile utilizatorilor. A le raspunde e prima prioritate în webdesign. Sfaturile date de designerii cu experienta sunt următoarele:
Încarcarea unei pagini nu trebuie sa dureze mai mult de 15 secunde, indiferent de conexiune
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 în întregime, fara ca surfer-ul sa utilizeze bara de scroll
Numărul nivelelor sitului sa nu fie prea mare.
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 încadrate.
Fundalul sa nu fie agresiv.
Informatia trebuie prezentata astfel încât efortul depus de surfer pentru întelegerea si folosirea informatiei sa fie minim.
Desi nu exista retete, se poate afirma ca un sit bun contine:
Instrumente de navigare, adica legături cu:
a) pagina anterioara, pagina urmatoare, partea de sus a paginii sau:
b) principalele sectiuni ale sitului
Contor: afiseaza numarul vizitatorilor sau, mai exact, numarul cererilor trimise serverului pentru a furniza pagina.
Forum
Adresa de e-mail a administratorului siteului
Data ultimei împrospatari a continutului ( ultimul update )
"News", adica o sectiune cu noutati despre firma/persoana careia îi e dedicat situl
Motoare de cautare (search engines) în sit sau pe web
Liste de discutii sau chat

Surferul mediu petrece circa 8 ore/an asteptând încarcarea fisierelor de pe internet. E de dorit sa nu contribui la aceasta. Browserul tau nu numai ca încarca pagina, dar o si interpreteaza. În multe cazuri, tot continutul e dispus într-un singur tabel, de dimensiuni mari - browserul nu îl va afisa pâna nu îl interpreteaza, ceea ce va dura destul de mult. Introducerea unui tabel în alt tabel poate crea dificultati de interpretare browserului, prelungind astfel durata interpretarii. E mai bine deci sa folosesti mai multe tabele independente, pe care browserul le va interpreta si le va afisa pe rând. Astfel, surferul va citi, sa zicem, meniul deja afisat atunci când continutul se încarcă. Timpul interpretarii scade daca precizezi atributul width (si, eventual, height) pentru fiecare tabel. Daca tabelul contine imagini, dimensiunile acestora trebuie neapărat precizate.

Testarea unui site

Înainte de upload, e cazul sa testezi siteul:
- la diverse rezolutii ale ecranului
- cu diferite navigatoare
Aspectul paginilor trebuie sa fie cam acelasi la diverse rezolutii si în diverse navigatoare.
Vei observa ca unele navigatoare nu suporta toate scripturile CSS si toate programele scrise în JavaScript. În plus, tag-ul âblink e suportat doar de Netscape Navigator, iar tag-ul âmarquee doar de Internet Explorer. Diacriticele nu sunt suportate de toate navigatoarelr.
În editia urmatoare vei putea citi despre upload-ul fisierelor, popularizarea site-ului si oferte de hosting. Va astept cu comentarii si sugesti la www.iadeici.com sectiunea forum.

Ovidiu DUGULAN

Cuvinte cheie:    

Alte stiri din Sibiu adaugate pe data de: 06 Iunie, 2007

• Editorial - Arhitectura, lăsată baltă?
• Cum poţi scăpa de închisoare
• Istoria saşilor încă bântuie Sibiul
• Armand Assante compară Sibiul cu Praga
• “Haideţi la Ocna, la baie!”
• Şefii de state se culturalizeză la Sibiu
• Aţi vrut uninominale, votaţi-le!
• Con-a încearcă din nou la Cluj
• Se scumpeşte gazul
• RCS & RDS renunţă la taxa de instalare
• Vacanţe ieftine pentru elevi şi studenţi
• Bătaie mare pentru Europa
• Cheşcheş, campion naţional între juniori
• Seleniul care ne schimbă viaţa
• Dependenţă de… bronz
• Cititul dezvoltă inteligenţa copiilor
• Doar pe 7 la turneul final