Sviluppo layout con Photoshop

Nella realizzazione di un sito, una volta pensato su carta il design generale del sito, si può utilizzare photoshop per generare la grafica. Creando un layout dalle dimensione giuste per una pagina internet (1024×768 per esempio), si parte ad designare come si vuole che compaia la pagina.

La struttura della pagina sarà di questo tipo:

-header(testata): ci inseriremo il logo e il nome del sito

-navigation (navigazione): è il menù che permette all’utente di navigare tra le diverse categorie del sito.

-footer(piè di pagina): ci scriveremo le info legali, il copyright, il contact…

-content (contenuto): dovè inseriremmo tutto il contenuto della pagina

-menu, il menu della pagina della categoria (potrebbe esssere incluso nella navigazione e/o sostituire la navigazione).

Designammo gli elementi della grafica, riservando lo spazio al testo, ai pulsanti e ai menu in base alla struttura precedemente definita.

Per potere creare una pagina html, come l’abbiamo realizzato in photoshop, utilizzaremo un Foglio di Stili CSS per definire le immagine e la loro posizione nella pagina. Un altro sapetto, sarà che il caricamento della pagina risulterà più veloce.
Vi consiglio di fare questo tutoriale

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger cliccano Mi Piace per questo: