Chiunque visiti il tuo sito si aspetta di vedere i tuoi pulsanti cambia quando il mouse passa sopra di loro. Rollover indicano che un pulsante è attivo, e facendo clic su porterà i visitatori da qualche altra parte. Quando si controlla il tuo riferimento HTML, si scopre che non è possibile aggiungere rollover; è necessario utilizzare JavaScript o CSS. O è possibile utilizzare Dreamweaver per scrivere il codice per voi.

Istruzioni

1

Progettare una barra di navigazione o interfaccia della pagina web nel vostro editor preferito. Mantenere gli elementi che non cambiano mai su uno strato. Spostare i livelli con elementi che non cambiano mai per un layer denominato "Fissa" e gli elementi che cambieranno con il rollover in un secondo livello denominato "Stato normale". Gli elementi dell'interfaccia rollover potrebbero includere lo sfondo, testo, barre di pulsanti o effetti speciali applicati al livello.

2

Duplicate il livello "Fisso" e il nome "Rollover". Apportare le modifiche che si desidera fare in modo da riflettere il nuovo stato di rollover. Nascondere il livello di "Rollover".

3

Selezionare lo strumento dell'editor di immagini web slice. Tagliare ogni pulsante e il nome con il software fetta opzioni tavolozza (o strumento). Si dovrebbe anche essere in grado di aggiungere il link URL nell'immagine software di editing. In caso contrario, è possibile aggiungerlo in Dreamweaver.

4

Esportare l'immagine come un documento HTML con fette (è importante che lo strato di "Rollover" non è visibile in questa fase). Verifica il nuovo file HTML in un browser per assicurarsi che tutte le fette siano visibili. Quando si conosce il codice HTML originale opere di file, visualizzare il livello di "Rollover" e nascondere il livello di "Stato normale". Selezionare il pulsante sezioni solo ed esportarli come "Solo fette selezionati" in una sottocartella all'interno della cartella immagini.

5

Aprire il file HTML in Dreamweaver. Si dovrebbe vedere l'intera immagine rimontato nella finestra del documento. Selezionare la sezione di pulsante per rivelare il limite della cella della tabella.

6

Aprire la tavolozza di comportamenti. Fare clic sull'icona "+" e scegliere "Scambia immagine" dal menu a tendina per aprire il dialogo Scambia immagine. Doppio controllo per assicurarsi che è selezionato il pulsante di destro e controllare le immagini"precarica" e "ripristinare le immagini su Mouse fuori" opzioni. Fare clic sul pulsante "Sfoglia" per trovare la sezione di immagine che è stato salvato per lo stato di rollover.

7

Anteprima della pagina web nel browser. Se tutto funziona correttamente, puoi salvare la pagina web e caricare sul vostro server.

Consigli & Avvertenze

• Se il vostro editor di immagini non supporta affettare, sarà necessario tagliare i singoli elementi dal documento e salvarle come file separati, che saranno un dolore.
• Assicurarsi di salvare le immagini di rollover su una sottocartella all'interno della cartella immagini. In caso contrario, verranno sovrascritte le immagini di stato pulsante normale.