Adobe Photoshop CS5 è l'ultima versione del popolare software di fotoritocco di Adobe. Photoshop ha percorso una strada lunga da essere un programma di foto ritocco per essere uno strumento di scelta per la creazione di disegni grafici, soprattutto per il web. Strumenti specifici Web sono disponibili in Photoshop, che lo rende facile per un designer per creare il layout del sito, in particolare quelli che possono essere facilmente implementati in formato HTML.

Istruzioni

1

Aprire Adobe Photoshop CS5 e clicca su "File" poi su "Nuovo".

2

Scegli "Web" nel campo Preset e selezionare la dimensione del tuo sito Web dal menu a discesa. Una dimensione sicura per un sito Web è di 800 x 600, che funziona anche bene per la visualizzazione su telefoni cellulari.

3

Creare il layout del tuo sito Web e design. Un layout di sito Web di base contiene una sezione di intestazione, corpo, piè di pagina e barre laterali. È possibile basare il vostro disegno sul quadro del tuo sito, come ad esempio quello che disegno funziona meglio per un layout a due o tre colonne. Utilizzare gli strumenti di Photoshop come lo strumento "Forma" per creare la grafica per la navigazione, le intestazioni di sezione e lo strumento di «Riempimento» per aggiungere colore.

4

Fare clic sullo strumento "Fetta" nella barra degli strumenti. Se non vedete lo strumento "Sezione", potrebbe essere necessario fare clic destro sullo strumento "Ritaglia" per visualizzare l'opzione per utilizzare "Fetta".

5

Affettare il tuo web design in sezioni con lo strumento. Questo permette facile upload e download delle immagini una volta che si converte in una pagina web.

6

Fare clic su "File" e "Salva per Web e dispositivi."

7

Selezionare il tipo di file di immagine che si desidera utilizzare per salvare le immagini. È possibile scegliere dal JPEG, GIF e PNG formati. Fare clic su "Salva".

8

Selezionare "HTML e immagini" come il formato per il file che si desidera salvare. Fare clic su "Salva". Il sito Web è ora salvato con immagini che lo accompagnano in una cartella separata denominata "Immagini".

Consigli & Avvertenze

• È possibile utilizzare editor HTML come Dreamweaver, Frontpage o CoffeeCup per modificare l'aspetto della tua pagina, nonché di aggiungere contenuto di testo.