1. 1. Introduzione

   Scopo della guida

Ideazione del sito

1. 2. Impostare l'analisi

   Informazioni da raccogliere ed elaborare nella fase iniziale

2. 3. Dall'analisi al progetto

   Come nasce la struttura della home page del nostro sito

Lavorare su Photoshop

1. 4. L'area di lavoro su Photoshop

   Impostare dimensioni e strumenti lavorare sul layout

2. 5. Realizzare l'intestazione

   I passi necessari a costruire l'header del layout

3. 6. Organizzare i livelli

   Creare il layout della home page e usare i set di livelli

4. 7. Comunicare le informazioni

   Organizzare gli spazi per esaltare i diversi contenuti

5. 8. Immagini, testo e interpolazione

   Armonizzare le propozioni senza perdere qualità

Armonizzare grafica e codice

1. 9. Grafica e HTML

   Ottimizzare il layout combinando immagini e HTML

2. 10. I titoli

   Accorgimenti utili per lavorare con i font

3. 11. Ridimensionare le immagini

   Creare thumbnail usando le 'Maschere di livello'

4. 12. Allineamenti e colorazioni

   Dare equilibrio alle sezioni e lavorare coi colori

5. 13. Definire i CSS

   Scegliere i colori ed assegnare i CSS

6. 14. I pulsanti

   Resa cross-browser di elementi standard e grafici

7. 15. Il menu

   Creare il menu di navigazione e usare gli stili

8. 16. Interfacce flessibili

   Agire sul codice per ottenere elementi fluidi

Esportare la grafica

1. 17. I formati

   Usare 'Salva per il web' e ottimizzare i file

2. 18. Esportare il logo

   Usare alcune opzioni avanzate di 'Salva per il web'

3. 19. Usare le sezioni

   Dividere, ottimizzare e salvare le immagini con le sezioni