Primul designer web a fost chiar inventatorul www-ului, Tim Berners Lee, care a publicat primul site din istorie în anul 1991. La început siturile nu erau nici pe departe atât de complexe și încărcate grafic cum sunt în prezent, limbajul utilizat - HTML - fiind nu prea puternic si permitând numai o serie limitată de formatări, precum si inserarea de linkuri, pentru a putea "lega" paginile între ele, designul web fiind, de fapt, mai mult "programare" web.
În prezent preocuparea pentru aspectul grafic al siturilor, devenite puternice instrumente comerciale si publicitare, justifică în întregime denumirea de "design web", iar tehnologiile utilizate s-au diversificat si au devenit din ce în ce mai complexe. Companiile care produc situri lucrează cu angajati specializati pentru fiecare etapă a dezvoltării unui sit, de la stadiul de conceptie grafică la programare si editare de continut pentru SEO (Search Engine Optimization - optimizarea sit-urilor pentru motoarele de căutare). Siturile actuale sunt din ce în ce mai mult axate pe animatie interactivă si dinamism, aceste deziderate fiind îndeplinite de exemplu de cunoscutul program Adobe Flash, precum si de alte programe apărute după acesta, care pot genera automat fisiere animate de diverse formate.
Siturile, în forma în care ele se afisează de browsere, sunt menite să fie întelese de orice persoană, chiar fără cunostinte în domeniul informaticii sau al secventelor de cod redactate de programatori. Acestia lucrează ori în diverse limbaje din care apoi se generează limbajul specific de script al internetului HTML (HyperText Markup Language), ori direct în HTML. Dacă nu ar exista browserele care stiu să interpreteze limbajul de script si să afiseze rezultatul pe ecran, siturile ar fi doar însiruiri de texte neformatate si, cel mai probabil, fără imagini. În principiu limbajul HTML indică locul în care să se afiseze diversele elemente vizibile, dimensiunea, culoarea, precum si alti parametri care conferă unei pagini web atât aspectul cât si functionalitatea dorită.
Necesar pentru realizarea unui site web
Orice site web trece în mod necesar prin mai multe etape:- Concretizarea ideilor
- Schitarea elementelor vizuale si compunerea structurii sitului
- Programarea paginilor web în HTML, CSS, Javascript etc.
- Testarea sitului
- Schimbarea părtilor care nu corespund tintei
- Publicarea sitului pe Internet sau pe un intranet
- Modificarea ulterioară si relansarea pe Internet, după nevoile clientilor sau ale timpului
Din punctul de vedere al designului siturile sunt în mare parte alcătuite din tabele cu linii (invizibile pe ecran) în care se inserează imagini (siglă, imagini-simbol, butoane etc.) si texte, în asa fel încât aspectul să fie unitar si să nu se sesizeze vizual organizarea tabelară. Celulele tabelelor
- pot avea fundaluri colorate,
- pot fi alcătuite din imagini si desene care se repetă pe orizontală sau pe verticală,
- pot fi umplute cu texturi mai mult sau mai putin neregulate (ca pietrisul, frunzisul etc.)
- sau pot rămâne si albe.
Astfel, graficianul utilizează initial un program de grafică (de exemplu Adobe Photoshop sau Corel PhotoPaint) pentru a concepe un "instantaneu" al sitului respectiv. El creează forma butoanelor grafice, dimensionează si pozitionează sigla sitului, stabileste locul meniurilor pe ecran, dimensiunea si aspectul textului, schema de culori a sitului, precum si 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 siturile se supun acelorasi reguli de compozitie ca si lucrările 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 decât un "grafician de print", încercând să anticipeze locurile unde pot apărea probleme si să găsească solutii pentru a evita orice deformare a sitului, indiferent dacă urmează să fie utilizate dimensiuni relative sau absolute. De exemplu, un grafician de web trebuie să stie 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 reduce mult viteza de încărcare a sitului.
După ce imaginea initială a fost împărtită în mai multe imagini mici, acestea se introduc în tabele sau se pozitionează cu ajutorul 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 de tip WYSIWYG, cum ar fi Dreamweaver. Astfel se generează un prim "schelet" al sitului, denumit "mock-up", care simulează situl si toate functiile lui, fără a avea însă continutul real, ci numai texte de tip lipsum si imagini provizorii. În cazul în care este vorba de un sit simplu, cu putine pagini, tot ce mai rămâne de făcut este introducerea continutului final. În cazul în care este vorba de un sit complex, de exemplu un catalog sau un magazin virtual, mock-up-ul intră în etapa de programare complexă, care poate utiliza limbaje mai complicate (de tip server-side ca de exemplu PHP, ASP, sau și de tip client-side) precum si baze de date.
In concluzie realizarea unui site web implica 3 aspecte majore: 1) achizitionarea unui nume de site (domeniu web) 2) gazduirea siteului pe un server (hosting) 3) web design-ul (crearea siteului propriu-zis)
