Come fare un pulsante in Dreamweaver CS5

April 3

Adobe Dreamweaver CS5, un programma volto design della pagina web, supporta diversi modi per creare pulsanti. Tuttavia, Dreamweaver non ha strumenti grafici per la creazione dei pulsanti fisici. La maggior parte dei progettisti di creare pulsanti in un editor di grafica, come Photoshop, o scaricare la grafica premade pulsante da Internet. Per creare un pulsante rollover, un pulsante che cambia aspetto quando l'utente passa il mouse su di esso, avete bisogno di due grafica dei pulsanti - uno per l'up-stato del pulsante ed una grafica leggermente diversa per il rollover-stato. Quindi è possibile utilizzare la funzione Immagine rollover di Dreamweaver per creare il pulsante.

istruzione

1 Aprire il file di Dreamweaver HTML in cui si desidera aggiungere un pulsante, o iniziare un nuovo file HTML facendo clic sul menu "File" e scegliere "Nuovo". Verrà visualizzata la finestra di dialogo Nuovo documento. Scegliere HTML dall'elenco Tipo e il layout desiderato dall'elenco layout, e quindi fare clic su "Crea".

2 Salvare le due grafica dei pulsanti nella directory principale del tuo sito web. Se il tuo sito ha molti elementi grafici, creare una sottocartella denominata "Immagini" nella directory principale del tuo sito web, e salvare la grafica del sito in quella cartella.

3 Fare clic nella pagina in cui si desidera posizionare il pulsante per inserire il cursore.

4 Fare clic sul menu "Inserisci", scegliere "Immagine Oggetto," e quindi selezionare "Rollover immagine". Questo apre la finestra di dialogo Inserisci immagine di rollover.

5 Fare clic sul pulsante "Sfoglia" accanto al campo Immagine originale per aprire la finestra di dialogo Immagine originale. Selezionare il pulsante grafica up-stato e fare clic su "OK".

6 Fare clic sul pulsante "Sfoglia" accanto al campo Immagine rollover per aprire la finestra di dialogo Immagine rollover. Selezionare il pulsante grafico rollover-stato e fare clic su "OK".

7 Digitare il collegamento di destinazione per il pulsante nel campo "Dopo un clic, Vai a URL".

8 Fai clic su "OK".

9 Fare clic sul menu "File" e scegliere "Salva con nome" per aprire la finestra di dialogo Salva. Nome e salvare il file.

Consigli e avvertenze

  • Per provare il pulsante rollover, fare clic sul pulsante "Live View" sotto la barra dei menu, e quindi passa il cursore del mouse sul pulsante per visualizzare l'effetto rollover.
  • Quando si carica la pagina, assicurarsi di caricare la grafica dei pulsanti. In caso contrario, il pulsante non verrà visualizzato.