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

istruzione

1 Aprite Adobe Photoshop CS5 e fare clic su "File" e poi "Nuovo".

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

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

4 Fare clic sullo strumento "Slice" nella barra degli strumenti. Se non vedi lo strumento "Slice", potrebbe essere necessario fare clic destro sullo strumento "Crop" per vedere la possibilità di usare "Slice".

5 Tagliate il vostro web design in sezioni con lo strumento. Questo permette un facile upload e download delle immagini, una volta 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 tra i formati JPEG, GIF e PNG. Fare clic su "Salva".

8 Selezionare "HTML e immagini" come formato per il file che si desidera salvare. Fare clic su "Salva". Il sito è stata salvata con le immagini di accompagnamento in una cartella separata denominata "Immagini".

Consigli e avvertenze

• È possibile utilizzare editor HTML come Dreamweaver, Frontpage o CoffeeCup per modificare l'aspetto della pagina, così come aggiungere il contenuto del testo.