Come fare i codici HTML grafiche del mio disegno

May 31

Persone senza uno sfondo HTML spesso hanno grandi idee visive per i siti web, ma non hanno idea di come codificare correttamente il sito in modo che il loro design arriva sullo schermo vivo. Tuttavia, se una persona utilizza il giusto tipo di software, gran parte dei codici grafici HTML del proprio disegno può essere fatto per loro tutto il tempo che seguono il processo di destra.

istruzione

1 Creare un'immagine di ciò che si desidera che la pagina Web per assomigliare. Questa pagina può essere progettato 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. Lay out questa pagina (o pagine) esattamente come si vorrebbe la pagina Web a guardare.

2 Aprire Dreamweaver. Creare un nuovo documento vuoto selezionando "Crea nuovo documento HTML" sulla schermata di avvio. Apparirà un nuovo documento vuoto.

3 Dal menu "Inserisci" sulla barra degli strumenti, selezionare "Immagine". Passare l'immagine creato e salvato sul vostro computer nella fase 1.

4 Aggiungere link a questa pagina. È possibile aggiungere diversi link a un'immagine facendo clic sull'immagine e quindi scegliere lo strumento "Mappa immagine" in basso a sinistra della pagina. Utilizzare il rettangolo di selezione per trascinare intorno alla zona che si desidera collegare. Dopo che la zona è delineata, digitare l'indirizzo Web completo per il collegamento nella scatola che ha un "#" all'inizio di esso. Eliminare il "#" prima di digitare. Ripetere questo processo per ogni collegamento che deve essere creato ad immagine.

5 Notate le due schede nella parte superiore dello schermo di progettazione. Al momento è già nella scheda "Design". Selezionare la scheda "Codice". Quando si seleziona questa scheda, si vedrà che i codici grafici HTML sono stati creati per voi.

6 Selezionare questo codice HTML premendo Ctrl + A e copiarlo con Ctrl + C. Incollare il codice in un editor di testo e salvarlo. Questo codice può essere incollato nel server Web con l'immagine che si è creato. Si caricherà una pagina di collegamenti in diretta e immagini. Sono state eseguite codici grafici HTML del vostro proprio disegno.

Consigli e avvertenze

  • Lo strumento di selezione poligono può essere utilizzato per tracciare intorno sezioni di un'immagine che sarà collegato al.
  • Non sovrapporre i collegamenti. In questo modo fa sì che il codice HTML a confondersi, e solo uno dei link funzionerà.

Articoli Correlati