January 1
Siti web sono stati in giro dal 1991, quando Tim Berners-Lee ha creato il primo, di solo testo pagina web che fornisce informazioni sul progetto World-Wide-Web. Da allora, i siti web sono stati molto popolare come hub personali, commerciali, di intrattenimento e di educazione. Negli ultimi anni, web design ha fatto grandi salti. Web design è ora molto sofisticato, e ha avanzato abbastanza da rivaleggiare con il campo del design di stampa secolare in termini di qualità e artigianalità.
1 Delineare il tuo sito con carta e matita. Anche se i computer sono diventati il modo standard per creare qualsiasi media visivi, il modo migliore per iniziare il processo di progettazione è di delineare le vostre idee fuori e perfezionare manualmente. Gli schizzi non devono essere qualcosa di fantasia; scarabocchi sarà sufficiente, purché vi danno un'idea di ciò che il layout del sito sarà simile.
2 Scarica un modello di griglia di Photoshop. sistemi di rete in web design sono importanti tanto quanto nel design di stampa. La larghezza standard per i siti web, per la compatibilità tra la risoluzione dello schermo e le impostazioni del browser, è di 960 pixel. Quindi trovare un buon sistema di rete che utilizza la larghezza standard 960-pixel e scaricare il modello di Photoshop. Ci sono un sacco di eccellenti risorse di rete disponibili on-line sito web.
3 Iniziare la configurazione del layout. Allineare il contenuto alle colonne del modello di griglia. Navigazione di solito va lungo la parte superiore o sul lato sinistro della pagina. Il logo del sito di solito va nell'angolo in alto a destra. Twitter e RSS icone di solito vanno in alto a sinistra. I visitatori del sito, come per trovare le cose dove li aspettano, quindi attenersi a posizionamenti standard per un design di successo. Quando si è finito di impostare il vostro sito solo il modo desiderato, salvarlo come un formato di file PSD (Photoshop).
4 Selezionare lo strumento "fetta" nel pannello degli strumenti di Photoshop. Fare clic e trascinare per separare le principali divisioni del sito. Fette di creare sezioni di un sito che verrà poi salvato come immagini separate. Questo rende più facile per codificare il sito web in HTML e CSS e farlo sembrare come ha fatto in Photoshop.