Spesso le persone senza un background HTML hanno grandi idee visive per i siti Web ma non hanno alcuna idea come codice correttamente il sito in modo che il loro design prende vita sullo schermo. Tuttavia, se una persona utilizza il giusto tipo di software, gran parte dei codici HTML grafica del proprio design può essere fatto per loro, purché essi seguono il giusto processo.

Istruzioni

1

Creare un'immagine di quello che vuoi la tua pagina Web per assomigliare. Questa pagina può essere progettata in un programma come Photoshop o InDesign o qualsiasi altro programma che vi permetterà di salvare il risultato finale come un PDF o un file JPG. Stendere questa pagina (o pagine) esattamente come vorresti la tua pagina Web per guardare.

2

Aprire Dreamweaver. Creare un nuovo documento vuoto selezionando "Crea nuovo documento HTML" sullo schermo di avvio. Verrà visualizzato un nuovo documento vuoto.

3

Dal menu "Inserisci" sulla barra degli strumenti, selezionare "Immagine". Spostarsi sull'immagine creato e salvato sul tuo computer nel passaggio 1.

4

Aggiungere collegamenti a questa pagina. È possibile aggiungere diversi link a un'immagine cliccando sull'immagine e quindi scegliere lo strumento di "Image Map" sulla parte inferiore sinistra della pagina. Utilizzare il rettangolo di selezione per trascinare intorno all'area che si desidera collegarsi. Dopo la zona è delimitata, digitare l'indirizzo Web completo per il collegamento nella casella che ha un "#" all'inizio di esso. Eliminare il "#" prima di digitare. Ripetere questo processo per ogni collegamento che deve essere creato nell'immagine.

5

Notare le due linguette sulla parte superiore della schermata di progettazione. Sei attualmente nella scheda di selezionare il "codice" scheda "Struttura". Quando viene selezionata questa scheda, vedrete che i codici HTML grafica sono stati creati per voi.

6

Selezionare questo codice HTML digitando Ctrl + A e copiarlo con Ctrl + C. incolla il codice in un editor di testo e salvarlo. Questo codice può essere incollato in server Web insieme all'immagine creata. Sarà caricare una pagina di collegamenti in diretta e immagini. Ora avete fatto codici grafica HTML del vostro proprio disegno.

Consigli & Avvertenze

• Lo strumento di selezione poligono può essere utilizzato per tracciare intorno sezioni di un'immagine che verrà collegato al.
• Non si sovrappongono i collegamenti. In questo modo il codice HTML per ottenere confuso, e solo uno dei link funzionerà.