Come fare Layouts Div in Photoshop CS2

Se si sta lavorando sulla creazione di un sito web , allora si dovrà usare i div per dividere la pagina . Div sono codice html per una particolare sezione di un documento , che consente di assegnare funzioni diverse ( ad esempio collegamenti ipertestuali ) a quella sezione. Fortunatamente, non c'è bisogno di essere un esperto di html per creare div a vostra grafica delle pagine web . È possibile utilizzare Photoshop CS2 per creare il design per la tua pagina , e quindi esportare il disegno di programma del compagno di Photoshop , ImageReady . Istruzioni
1

Apri Photoshop. Selezionare "File" e fare clic su "Nuovo ". Nella finestra di dialogo che si apre, selezionare uno dei formati Web Template . Di solito è meglio andare con 800 x 600 , dal momento che questo è il minimo comune denominatore più probabilità di lavorare su impostazioni dello schermo di nessuno.
2

Creare la struttura del sito con tutti i vostri grafici e pulsanti di navigazione . È possibile includere il testo finché non l'hai rasterizzato in Photoshop ( se rasterizzare il testo in Photoshop , sarà sfocata ) . Work in strati , in modo che si può facilmente modificare il disegno .
3

Fare clic sul pulsante Esporta ImageReady nella parte inferiore della barra degli strumenti. Si aprirà il vostro disegno in ImageReady . Selezionate lo strumento " affettare " e inizia a creare fette su vostro disegno . Tagliate l'immagine in modo da creare sezioni separate ( div ) che sono conformi al vostro disegno . Ad esempio , i pulsanti di navigazione individuali sulla tua pagina dovrebbe essere proprio div . E se , come i pulsanti di navigazione , il div sarà un collegamento ipertestuale , si deve aggiungere che il collegamento nel pannello " Slice" .
4

Vai al pannello "Ottimizza " e selezionare il tipo di immagine che si vuole ogni fetta di essere. Immagini dettagliate o foto vengono meglio salvate come file JPEG .
5

Selezionare " File " e poi " Salva con nome Optimized " e selezionare " HTML e immagini . " Importa la pagina HTML creata nel vostro editor di pagine web ( con la cartella immagine associata) . Siete pronti per la pubblicazione .