Il design del sito web è quasi la sua componente principale. Anche le informazioni più interessanti, non presentate correttamente, non faranno desiderare all'utente di rimanere sul sito. Per rendere i tuoi visitatori comodi e accoglienti sul sito, dedica più tempo allo sviluppo del design.
Istruzioni
Passo 1
Pensa a come vorresti vedere il tuo sito. Considera i progetti di siti web che ti piacciono. Crea un layout - su carta o in un editor grafico. Decidi quante colonne ci saranno nel design: due o tre, come verrà eseguita la navigazione, in quali colori verrà eseguito il sito.
Passo 2
Valuta la tua forza. Se è la prima volta che senti parlare di HTML e CCS, le tue abilità artistiche e di Photoshop lasciano molto a desiderare, non sarai in grado di progettare il sito da solo. Quindi dovresti contattare lo studio di progettazione. Ci sono semplicemente un numero incredibile di questi ultimi su Internet ora - scegli quello che fa per te - in base ai tuoi gusti e al tuo budget.
Passaggio 3
Se fai affidamento su te stesso, inizia a sviluppare il design di un sito web. Innanzitutto, crea tutta la grafica necessaria: sfondo, logo, elementi aggiuntivi, intestazioni di sezione. Puoi ordinare singoli elementi grafici da designer o liberi professionisti.
Passaggio 4
Inizia a codificare il tuo sito. Esistono due tipi di design: fisso e gommato. Con un design fisso, i valori di tutti i blocchi e le tabelle sono impostati in valori assoluti. Se stai creando un design fisso, usa come base la risoluzione minima dello schermo dei tuoi utenti. Crea un design che si adatti a queste cornici.
Il design "in gomma" è più difficile da realizzare, ma il risultato è, di conseguenza, migliore. Quando crei un design "in gomma", il tuo compito è assicurarti che l'aspetto del sito rimanga lo stesso a qualsiasi risoluzione e dimensione del monitor. Ciò si ottiene impostando la larghezza delle tabelle e dei blocchi non in termini assoluti, ma in percentuale. Inoltre, va fatta la grafica, contando sulla massima risoluzione, e lo sfondo o le singole sezioni delle immagini vanno moltiplicate.
Passaggio 5
Una volta terminato il layout, entra nei dettagli. Questa è la selezione dei caratteri, il design delle singole sezioni e alcune sottigliezze inerenti a ciascun design. Utilizza caratteri standard (Arial, Century Gothic, Courier, Tahoma, Times New Roman, Verdana, ecc.), altrimenti il testo non verrà riconosciuto da alcuni utenti.