Il framework Spry per Ajax consente web designer di includere XML, il codice JavaScript o dati HTML in pagine Web utilizzando Cascading Style Sheets, o CSS, per la visualizzazione delle pagine senza ricaricare ad ogni richiesta dell'utente. Si compone di Effetti Spry per l'aggiunta di effetti di animazione per i menu e le barre di navigazione, Spry I dati per l'associazione dati di markup HTML e il quadro Spry Widget per lo sviluppo di widget. Il framework Spry è integrato in Adobe Dreamweaver CS3. È necessario modificare il file CSS per aggiungere le immagini al menu Spry.

istruzione

1 Fare clic sul pulsante "Start" di Windows e selezionare "Adobe Dreamweaver CS3" dal menu "Tutti i programmi".

2 Selezionare il pannello "Files", e fare clic sul file "SpryMenuBarHorizontalHorizontal.css".

3 Aggiungere il seguente codice dopo la riga "Spry.Widget.MenuBar" in "Design informazioni":

ul # MenuBarHorizontal li {

background-image: URL(images/itemgradient-hover.gif);

}

ul # MenuBarHorizontal li a {

color:#FFF;

}

ul # MenuBarHorizontal li li {

background-image: URL(images/itemgradient.gif);

}

ul # MenuBarHorizontal li li a {

color:#000;

}

ul # MenuBarHorizontal li li li {

background-image: URL(images/itemgradient-hover.gif);

}

ul # MenuBarHorizontal li li li a {

color:#FFF;

}

ul # MenuBarHorizontal a.MenuBarHorizontalItemHover, ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover,

ul # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible {

color:#45CCFF;

}

4 Fare clic su "File", "Salva" sulla barra di navigazione di Dreamweaver per aggiungere immagini di sfondo al menu Spry.