Come esportare documenti di Photoshop in Dreamweaver

Adobe Photoshop consente di progettare un layout dinamico , mentre Dreamweaver porta alla vita in codice HTML. Il processo di esportazione non è difficile , ma può essere un po ' metodico , in quanto richiede una preparazione dettagliata prima di esportare . Documenti di Photoshop, comunemente indicato come file PSD , devono essere modificati e impostati come dispositivi web e le immagini a fette per il trasferimento a Dreamweaver . Poi il file deve essere importato in Dreamweaver per la codifica HTML. Nel complesso il processo richiede circa 10-15 minuti, a seconda della familiarità con gli strumenti di Photoshop, funzioni e componenti . Cose che ti serviranno
Adobe PhotoShop PSD
Adobe DreamWeaver
Mostra più istruzioni
PSD di Photoshop affettare e Prep
1

accedere all'applicazione Adobe Photoshop clic sulla relativa icona sul desktop .

2 Fare clic sulla scheda del menu " File " nella parte superiore della schermata e selezionare l'azione "Apri" per caricare il file PSD di Photoshop nell'applicazione.

3

Selezionare il pulsante di taglio barra degli strumenti , che mostra l'immagine di un coltello . ( Questo è lo strumento slice come il layout deve essere tagliata per scopi di codifica HTML. ) Economici 4

traccia sopra le sezioni dei layout per separare gli elementi e creare singoli pezzi di layout.

5 Fare clic sulla scheda "File" , ancora una volta , e selezionare l'azione "Salva per Web e dispositivi" nell'elenco a discesa.
6

Fare clic su " Salva " nella finestra" Dispositivi "per creare una versione aggiornata del documento PSD che verrà utilizzato per la codifica HTML in Dreamweaver e web .
Importazione di Dreamweaver
7

Aprite l'applicazione Adobe Dreamweaver dalla schermata del desktop del tuo computer .
8

Clicca l'opzione "HTML" nella sezione " Crea nuovo" che viene visualizzato nel "Nuovo Imposta documento " finestra .
9

Individuare la scheda " Files" nell'angolo in basso a destra dello schermo e fare clic sulla scheda cartella " elementi del desktop" per visualizzare il menu di collasso e opzioni sottocartella.

10

clic sulla cartella " Immagini " che verrà elencato sotto gli oggetti del desktop , in quanto questo è il percorso della cartella del file che è stato creato quando è stato salvato il file PSD di Photoshop con gli aggiornamenti a fette . Questa azione consente di importare il documento di Photoshop a fette nella piattaforma di progettazione di Dreamweaver .