È possibile aprire un file PSD di Photoshop in Adobe Photoshop, quindi utilizzare una combinazione di strumenti per creare una pagina Web da quel file. Questi strumenti includono lo strumento "Sezione" per separare il file in "< div >" tag e l'utilità di "Save for Web & Devices" che incorpora i linguaggi Web, ad esempio JavaScript e CSS, che potrebbero essere necessari per la pagina. Questa opzione è una soluzione conveniente se si ha familiarità con Photoshop, ma non con i metodi necessari per codificare un Web page.

Istruzioni

1

Avviare Adobe Photoshop CS5. Fare clic su "File" e "Open", quindi fare doppio clic sul file PSD.

2

Pulsante destro del mouse lo strumento "Ritaglia" dalla casella degli strumenti sul lato sinistro dello schermo, quindi fare clic sull'icona dello strumento "Fetta".

3

Clicca sul tuo tela e trascinare la casella di selezione di sezione fino a contenere tutti gli elementi da includere come una sezione della pagina Web. Ripetere fino a quando l'intera pagina è contenuto all'interno di queste caselle di selezione. Quando si converte il file PSD in una pagina Web, è possibile che questi elementi sarà inclusi come tag "< div >", che sono un elemento strutturale delle pagine Web.

4

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

5

Fare clic sul pulsante "Salva".

6

Fare clic sul menu a discesa a destra del "Formato", quindi fare clic su "HTML e immagini."

7

Fare clic sul menu a discesa a destra di "Impostazioni", quindi fare clic su "Altro". Questo apre una nuova finestra di impostazioni di Output.

8

Fare clic sul menu a discesa "HTML", quindi fare clic su "Fette".

9

In fetta Output, scegliere l'opzione "Genera CSS".

10

Fare clic su "OK" e "Salva". Pagina HTML, nonché qualsiasi file JavaScript, file CSS e file di immagine, sono creati e salvati nella cartella indicata nella parte superiore della finestra.

Consigli & Avvertenze

• Se avete intenzione di caricare pagine Web su un Web hosting provider, in modo che altri utenti possono visualizzare la pagina, anche caricare tutte le immagini che sono state create quando è stato convertito il tuo file PSD a una pagina Web.