Nwlapcug.com


Come creare un sito Web utilizzando Dreamweaver MX 2004

Come creare un sito Web utilizzando Dreamweaver MX 2004


Alcune persone possono avere esperienza con blocco note modifica HTML, o con semplice editor WYSIWYG. Tuttavia, Dreamweaver MX, porta entrambi questi tipi di sviluppo web per la tabella e può consentire anche il più inesperto web designer per creare belle e siti web funzionali. Ha collaborato con un buon programma di fotoritocco, il tuo sito Web può essere installato e funzionante in pochissimo tempo a tutti.

Istruzioni

Disegno del modello

1

Aprire Photoshop o GIMP. Creare un documento che è 1024 x 768, con un dpi di 75. Assicurarsi che lo sfondo per l'immagine è impostato su trasparente.

2

Utilizzare lo strumento di riempimento per applicare un colore allo sfondo dell'immagine. Quindi, utilizzare gli strumenti di filtro, trovato nel menu "File", per applicare una trama a questo sfondo. Questo è solo "eye candy", ma possa migliorare notevolmente l'aspetto del tuo sito Web.

3

Ora, utilizzando gli strumenti rettangolo o altri strumenti di blocco, creare la casella di corpo principale per il layout e la barra di navigazione. Questo è dove gli utenti saranno in grado di trovare collegamenti ad altre pagine nel tuo sito Web, e dove troverete il corpo del testo, immagini e altro contenuto che sarà ospitato sulle tue pagine.

4

Utilizzare gli strumenti "opzioni di fusione" per applicare bordi/strokes, ombre, smussi e bagliori a vostre scatole. Questo li farà stare fuori e guardare molto più unico e professionale.

5

Aggiungere il logo del tuo sito Web nella parte superiore della pagina e il tuo copyright bar fino in fondo. Applicare gli effetti di questi oggetti come pure, se avete voglia di farlo.

6

Salvare l'immagine del modello come file jpg. Inserirlo nella cartella "immagini" del tuo sito Web.

Creazione del sito Web in MX

7

Aprire Dreamweaver MX e creare un nuovo file HTML.

8

Create un nuovo livello in questo HTML e inserire l'immagine di modello che hai appena fatto. Allineare l'immagine con l'angolo superiore sinistro della pagina.

9

Nella parte inferiore dello schermo, selezionare "Proprietà pagina" e abbinare il colore di sfondo della pagina con il colore di sfondo della vostra immagine di modello.

10

Selezionare l'immagine del modello e utilizzando l'ovale, poligono e strumenti rettangolo-guardando in basso a sinistra della pagina, creare punti caldi intorno tutti i link di navigazione. Mentre avete questi hot spot selezionati, è possibile modificare il testo nella casella "collegamento" nella parte inferiore della pagina, il nome di tutte le altre pagine che sarà nel tuo sito Web (ad esempio, index. html).

11Come creare un sito Web utilizzando Dreamweaver MX 2004


Salvare la pagina come "sovrascrivere" e utilizzarlo per creare tutte le altre pagine del tuo sito Web. Aggiungere contenuti quali testo, immagini e altri link come desiderato.

Consigli & Avvertenze

  • Non risparmiano quando si tratta di creare l'immagine del modello. Il più tempo che speso cercando di farlo sembrare professionale, meglio il sito Web avrà un aspetto complessivo.
  • Utilizzare sempre il proprio lavoro quando si creano contenuti pubblicabili.