Web design
De la Wikipedia, enciclopedia liberă
Prin web design sau webdesign se întelege în general realizarea de situri web, de la momentul conceperii structurii şi interfaţei grafice la finalizarea programării şi introducerea propriu-zisă a datelor - imagini şi text - care alcătuiesc conţinutul site-ului.
Cuprins |
[modifică] Scurt istoric
Primul web designer a fost de fapt chiar inventatorul www-ului, Tim Berners Lee, care a publicat primul site din lume în anul 1991. La început site-urile nu erau nici pe departe atât de complexe şi încarcate grafic cum sunt în prezent, limbajul utilizat - HTML - fiind extrem de simplu şi permiţând numai o serie limitată de formatări, precum şi inserarea de link-uri, pentru a putea "lega" paginile între ele, web designul fiind, de fapt, mai mult programare web.
În prezent preocuparea pentru aspectul grafic al site-urilor, devenite puternice instrumente publicitare şi comerciale, justifică în întregime denumirea de "web design" iar tehnologiile utilizate s-au diversificat şi au devenit din ce în ce mai complexe. Firmele care produc site-uri lucrează cu angajaţi specializaţi pentru fiecare etapă a dezvoltării unui site, de la stadiul de concepţie grafică la programare şi editare de conţinut pentru SEO (optimizarea site-urilor pentru motoarele de căutare). Site-urile actuale sunt din ce în ce mai mult axate pe animaţie interactivă şi dinamism, aceste deziderate fiind îndeplinite de cunoscutul program Flash, precum şi de alte programe apărute după acesta, care pot genera automat fişiere animate cu extensia originară, .swf.
[modifică] Introducere
Site-urile, în forma în care ele se afişează în browsere, sunt de fapt interpretări vizuale, menite să fie înţelese de orice persoană, fără să-i fie necesare cunoştinte în domeniul informaticii, ale secvenţelor de cod redactate de programatori în diverse limbaje care apoi generează limbajul specific de script al internetului - HTML (HyperText Markup Language) sau direct in acest limbaj de programare. Daca browserele nu ar exista si nu ar şti să interpreteze limbajul de script, site-urile ar fi înşiruiri de texte, neformatate şi, cel mai probabil, fără imagini. În principiu, limbajul indică diverselor elemente vizibile locul în care să se afişeze, dimensiunea, culoarea, precum şi alţi parametri care conferă unei pagini web atât un aspect anume cât şi funcţionalitate.
[modifică] Ce presupune realizarea unui site
Orice site web trece în mod necesar prin mai multe etape:
- Găsirea ideilor
- Schiţarea elementelor vizuale şi compunerea structurii
- Programarea (HTML, CSS, Javascript etc.)
- Testarea soluţiei
- Schimbarea părţilor care nu corespund ţintei
- Publicarea pe Internet sau Intranet
- Modificarea după nevoile clienţilor sau al timpului
Etapa iniţială, după stabilirea structurii site-ului, este aceea a conceperii unei interfaţe grafice care, pe lângă scopul pur estetic, trebuie să faciliteze accesul viitorilor vizitatori la toate secţiunile publice ale site-ului, să fie comprehensivă şi, nu în ultimul rând, să asigure, prin modul în care au fost gândite diversele elemente grafice, încărcarea rapidă a paginilor.
Din punctul de vedere al designului, site-urile sunt în mare parte alcătuite din tabele cu linii invizibile în care se inserează imagini (siglă, imagini-simbol, butoane etc.) şi texte, în aşa fel încât aspectul să fie unitar şi să nu se sesizeze vizual organizarea tabelară. Celulele tabelelor pot avea fundaluri colorate prin indicarea HTML a unei culori, pot fi alcătuite din imagini care se repetă pe orizontală sau pe verticală sau pot ramâne albe. Este de notat că locul tabelelor a fost luat de popularul mod de formatare CSS, care reprezintă o soluţie mai "curată" din punctul de vedere al programării decât utilizarea tabelelor.
Astfel, graficianul utilizează iniţial un program de grafică (de exemplu, Adobe Photoshop sau Corel PhotoPaint) pentru a concepe un "instantaneu" al site-ului respectiv. El creează forma butoanelor, dimensioneaza şi poziţionează sigla site-ului, stabileşte locaţia meniurilor, dimensiunea şi aspectul textului, schema de culori a site-ului, precum şi alte aspecte specifice. Datorită faptului că această imagine primară este apoi "tăiată" în imagini mai mici, care urmează să fie inserate în tabele sau definite în CSS, din punct de vedere grafic, site-urile se supun aceloraşi reguli de compoziţie ca şi lucrarile grafice tipărite, îmbinate însă cu o serie de parametri tehnici care permit implementarea ulterioară a elementelor de programare. Astfel, un "grafician de web" va lucra altfel decat un "grafician de print", încercând să anticipeze locurile unde pot apărea potenţiale probleme şi să găsească soluţii pentru a evita orice deformare a site-ului, indiferent dacă urmează să fie utilizate dimensiuni relative sau absolute. De exemplu, un grafician de web ştie că este preferabil să utilizeze fundaluri de tip culoare indicată din cod sau de tip imagine repetată pe axa x sau y decât fundaluri dintr-o singură imagine foarte mare, care ar genera probleme în ceea ce priveşte viteza de încărcare a site-ului.
Dupa ce imaginea iniţială a fost împărţită în mai multe imagini mici, acestea se introduc în tabele sau se pozitionează cu CSS, fie prin scrierea directă a codului HTML într-un program simplu de editare text, cum ar fi Notepad, fie prin utilizarea unui editor HTML, în general WYSIWYG, cum ar fi Dreamweaver. Astfel se generează un prim "schelet" al site-ului, denumit "mock-up", care simulează site-ul şi toate funcţiile lui, fără a avea însă conţinutul real, ci texte de tip lipsum şi imagini temporare. În cazul în care este vorba de un site simplu, cu puţine pagini, tot ce mai rămâne de făcut este introducerea conţinutului final. În cazul în care este vorba de un site complex - un catalog sau un magazin virtual, de exemplu - mock-upul intră în etapa de programare complexă, care poate utiliza limbaje mai complicate server-side (PHP, ASP etc.), client-side şi baze de date.
[modifică] Legături externe
- en W3C - World Wide Web Consortium
- en UK Web Design Association
- en Open Web Design
- en Web Design Forums
- en Jakob Nielsen on Usability and Web Design
- en The Web Developer's Handbook
- en Tendancies, news
- en The beginnings of a Wikiversity course on Web Design
- en Web Design Library
- en CWDA - Community Web Developers Arena
- en Accessibility101