Come fare Div layout in Photoshop CS2

February 1

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

istruzione

1 Aprire Photoshop. Selezionare "File" e fare clic su "Nuovo". Nella finestra di dialogo che si apre, selezionare una delle dimensioni del modello web. 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 Crea la struttura del sito con tutti i vostri grafici e pulsanti di navigazione. È possibile includere il testo fino a quando non è stato rasterizzato in Photoshop (se la rasterizzazione del testo in Photoshop, sarà sfocata). Lavorare a strati, in modo che si può facilmente apportare modifiche al disegno.

3 Fare clic sul pulsante Esporta ImageReady nella parte inferiore della barra degli strumenti. Si aprirà il vostro disegno in ImageReady. Selezionare l'opzione "Strumento Slicing" e inizia a creare le fette sul vostro disegno. Tagliare l'immagine in modo da creare sezioni separate (div) conformi al vostro disegno. Ad esempio, i singoli pulsanti di navigazione sulla vostra pagina dovrebbe essere proprio div. E se, come i pulsanti di navigazione, il div verrà collegamento ipertestuale, si dovrebbe aggiungere quel collegamento nel pannello "Slice".

4 Andate al pannello "Ottimizza" e selezionare il tipo di immagine che si desidera ogni fetta di essere. Immagini dettagliate o foto vengono meglio salvati come file JPEG.

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


Articoli Correlati