Come creare modelli di Dreamweaver in Photoshop

September 28

Come creare modelli di Dreamweaver in Photoshop


Dreamweaver è uno dei migliori programmi di editing di pagine web. Ha una vasta gamma di caratteristiche e funzioni che lo rendono la scelta di molti professionisti. Una delle cose più utili su Dreamweaver è che ci sono molti modelli disponibili per il download che possono essere utilizzati come base per una pagina web. Un altro buon programma è possibile utilizzare per contribuire a creare questi modelli è Adobe Photoshop. serie di Photoshop di strumenti grafici permettono di creare layout professionali che possono poi essere presi in Dreamweaver come una pagina HTML e modificati.

istruzione

1 Delineare idee per la tua pagina web sulla carta. Decidere che tipo di modello che si desidera creare. Si potrebbe desiderare di fare uno che ha uno sfondo bianco semplice con i pulsanti di testo di base e la navigazione. Oppure si potrebbe preferire uno sfondo complesso con immagini come pulsanti.

2 Caricare le immagini che si potrebbe desiderare nel modello sul computer, salvandoli in una singola cartella.

3 Aprire Photoshop. Selezionare "File" e fare clic su "Nuovo". Nella finestra di dialogo che appare clicca su "Web" in "preset" e selezionare la dimensione per il modello di pagina web che si desidera creare. 1024x768 è la dimensione dello schermo più comunemente usato. Fai clic su "OK".

4 Clicca sull'icona "Nuovo livello" nella parte inferiore del pannello "Livelli". Selezionare lo strumento di selezione "rettangolare". Utilizzare lo strumento per disegnare in cui si desidera avere un banner. Utilizzare uno degli strumenti di "riempire" per riempire il banner con un colore, pattern o una sfumatura. È inoltre possibile aprire una delle immagini caricate e incollarlo nel banner, ridimensionamento che si adatti.

5 Utilizzare lo stesso metodo per creare tutte le altre parti del vostro modello di pagina web, inclusi i pulsanti, loghi e barre di navigazione.

6 Selezionate lo strumento sezione dalla barra degli strumenti e usarlo per iniziare a creare le fette in tutto i vari elementi del vostro disegno. Nome tutte le sezioni facendo clic destro su ciascuno, selezionando "Proprietà" e compilando un nome.

7 Selezionare "File" e fare clic su "Salva per Web e dispositivi." Selezionare il tipo di immagine che si desidera utilizzare e fare clic su "Salva". Photoshop salverà le immagini e un file HTML è possibile importare in Dreamweaver come modello.