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. |