Se intelege realizarea de situri web, de la momentul conceperii structurii si interfetei grafice si pana la finalizarea programarii si introducerea propriu-zisa a datelor imagini, text, fisiere si alte elemente care alcatuiesc continutul sitului. Primul webdesigner a fost chiar inventatorul www-ului, Tim Berners Lee, care a publicat primul site din istorie In anul 1991. La Inceput siturile nu erau nici pe departe atat de complexe si incarcate grafic. Limbajul utilizat - HTML - fiind nu prea puternic si permitand numai o serie limitata de formatari, precum si inserarea de link-uri, pentru a putea "lega" paginile intre ele, webdesignul fiind, de fapt, mai mult "programare" web. in prezent preocuparea pentru aspectul grafic al siturilor, devenite puternice instrumente publicitare si comerciale, justifica in intregime denumirea de "webdesign", iar tehnologiile utilizate s-au diversificat si au devenit din ce in ce mai complexe. Ce este necesar pentru realizarea unui site : Schitarea elementelor vizuale si compunerea structurii site-ului. Schimbarea partilor care nu corespund tintei. Programarea paginilor in ( PHP, HTML, CSS, Javascript, etc.) Modificarea ulterioara si relansarea pe Internet, dupa nevoile clientilor sau ale timpului. Testarea site-ului. Publicarea site-ului pe Internet sau intranet. Astfel, graficianul utilizeazaAdobe Photoshop - Adobe Dreamweaver initial un program de grafica ( de exemplu, Adobe Photoshop sau Corel PhotoPaint ) pentru a concepe un "instantaneu" al site-ului respectiv. El creeaza forma butoanelor, dimensioneaza si pozitioneaza sigla site-ului, stabileste locatia meniurilor, dimensiunea si aspectul textului, schema de culori a sitului, precum si alte aspecte specifice. Datorita faptului ca aceasta imagine primara este apoi "taiata" in imagini mai mici, care urmeaza sa fie inserate in tabele sau definite in CSS. Astfel, un "grafician de web" va lucra altfel decat un "grafician de print", incercand sa anticipeze locurile unde pot aparea probleme potentiale si sa gaseasca solutii pentru a evita orice deformare a sitului, indiferent daca urmeaza sa fie utilizate dimensiuni relative sau absolute. De exemplu, un grafician de web stie ca este preferabil sa utilizeze fundaluri de tip "culoare indicata din cod" sau de tip "imagine repetata pe axa x sau y", decat fundaluri dintr-o singura imagine foarte mare, care ar reduce mult viteza de incarcare a sitului.Dupa ce imaginea initiala a fost impartita in mai multe imagini mici, acestea se introduc in tabele sau se pozitioneaza cu ajutorul CSS, fie prin scrierea directa a codului HTML intr-un program simplu de editare text, cum ar fi Notepad, fie prin utilizarea unui editor HTML, in general de tip WYSIWYG, cum ar fi Dreamweaver. Astfel se genereaza un prim "schelet" al sitului, denumit "mock-up", care simuleaza situl si toate functiile lui, fara a avea insa continutul real, ci numai texte de tip lipsum si imagini provizorii. in cazul in care este vorba de un sit simplu, cu putine pagini, tot ce mai ramane de facut este introducerea continutului final.