2. Creați o listă de secțiuni tematice viitoare.
3. Dezvoltarea structurii logice și fizice a resurselor.
4. Pregătirea schiței de proiectare, aspectul site-ului, tabelul invizibil.
5. Pregătirea materialelor text.
6. Pregătirea materialelor grafice în formă vectorică.
7. Exportul de grafice vectoriale în format raster, optimizare imagine.
8. Crearea de șabloane de pagini web.
9. Construiți pagini web și depanați codul.
10. Verificarea identității afișării paginilor web cu diferite rezoluții și palete de culori diferite și în diferite browsere.
Înainte de a întreprinde dezvoltarea oricărui site web, trebuie să vă gândiți la obiective. pe care le-ați stabilit pentru dvs., creând un nou proiect. Din alegerea obiectivelor depinde de metodele de realizare a acestora, inclusiv de designul propriu-zis. Succesul întregii întreprinderi va depinde de formularea corectă a sarcinilor.
Creați o pagină de pornire? Luați un stilou, o foaie de hârtie și dați seama ce secțiuni tematice ar trebui să includă creația viitoare, ce anume doriți să le spuneți publicului progresist despre acest lucru.
Ați decis să creați un site de informații necomerciale? Decideți la ce va fi dedicat. Dacă acest proiect de divertisment, după ce ați venit cu o listă de coloane înrudite (cum ar fi „glume“, „desen animat“ sau „povești plină de umor“), trebuie să alegeți decizia de proiectare potrivita pentru el, mai mult sau mai puțin corespunzătoare conținutului. Vizitatorii, cel mai probabil, vor provoca un mic proiect de divertisment perplex, executat în stilul unui portal serios de informații sau de știri.
Trebuie să dezvoltați un site comercial? În acest caz, și lista de subiecte, iar decizia finală cu privire la tehnicile de proiectare folosite de tine, cum ar fi utilizarea de culori corporative, fonturi speciale sau butoane în stilul conceptului general al proiectului, va avea cel mai probabil, site-ul de client. Cu toate acestea, în orice caz, va trebui să îi oferiți mai multe versiuni de încercare, așa-numitele proiecte de proiectare, care să prezinte posibile implementări viitoare de resurse. Consultați site-urile organizațiilor concurente, interne și externe, vedeți categoriile care alcătuiesc site-ul web, ce date sunt oferite în fiecare secțiune tematică.
Pentru a construi tabele complexe pot fi folosite înglobarea un tabel în altul: de exemplu, lățimea de masa principală de 640 pixeli setează paginația orizontală, în fiecare dintre celulele sale încorporări un alt egal cu ea pe o lățime de masă invizibilă, oferind o partiție verticală. O astfel de abordare permite de a împărți diversele secțiuni ale paginilor web independent unul de altul, creând, de exemplu, într-unul din domeniul său de patru coloane verticale de diferite lățimi, iar celelalte - doi termeni cu diferiți parametri de tabele imbricate în același document - dimensiunea spațiului dintre coloane, grosimea granițelor și așa mai departe.
După ce au fost aranjate elementele principale ale documentului și este marcat un tabel invizibil, ar trebui să obțineți o schiță aproximativă a viitorului site. Acum este timpul să pregătiți conținutul:
Având în vedere că proiectarea tuturor documentelor care alcătuiesc site-ul dvs. viitor este probabil aproape identică, este recomandat mai întâi să creați un așa-numit șablon. Un șablon este un document html care conține un tabel invizibil, un titlu, toate obiectele grafice, elementele de navigație - totul, cu excepția conținutului direct.
Când pagina este gata, ar trebui să fie verificată pentru afișarea identică în diferite browsere, la diferite rezoluții ale ecranului și palete de culori. Descarcati html-document creat în Microsoft Internet Explorer, setați paleta de culori ecran setat la 256 de culori, și apoi succesiv schimba la 640x480, 800x600, și în cele din urmă la 1024x768 pixeli rezoluția ecranului. Vedeți dacă aspectul paginii se schimbă, indiferent dacă elementele sale se "deplasează" unul față de celălalt. Faceți aceeași procedură pentru Netscape Navigator. În cazul în care nici o schimbare semnificativă nu va observa, puteți fi siguri că celelalte documente care au fost create folosind același șablon, cu o probabilitate de 95% va fi afișată cum era de așteptat.