January 14
Adobe Dreamweaver, un programma volto pagina Web e lo sviluppo web, è dotato di molti strumenti per la creazione di elementi della pagina Web ed effetti senza dover scrivere un sacco di codice. Una delle più utili di questi strumenti è widget Spry, che sono elementi della pagina web pre-fatte, come ad esempio le barre dei menu, le mappe di Google, gallerie fotografiche, visori di prodotto in 3D, e molti altri oggetti ed effetti è possibile distribuire nelle pagine Web. Dreamweaver ha diversi widget incorporati, e si può scaricare altri da Dreamweaver cambio di Adobe, dove gli utenti di Dreamweaver caricare e scambiano i widget che hanno creato.
1 Aprire una pagina di Dreamweaver HTML esistente in cui si desidera inserire un widget, o iniziare una nuova facendo clic su "File" e "Nuovo". Verrà visualizzata la finestra di dialogo Nuovo documento. Scegli il tipo di pagina e layout che si desidera, quindi fare clic su "Crea".
2 Fare clic nell'area della pagina Web in cui si desidera inserire un widget.
3 Fare clic sul menu "Inserisci" e scegliere "Spry", quindi selezionare il widget che si desidera utilizzare. Se questa è una nuova pagina, Dreamweaver chiede di salvare la pagina. Fai clic su "OK". Verrà visualizzata la finestra di dialogo Salva; denominare e salvare la pagina.
Il menu Spry ha circa 20 widgets diversi su di esso, che vanno da elementi del modulo, come i campi di testo, aree di testo e caselle di controllo, a diversi tipi di menu, tra cui fly-out verticale e orizzontale e drop-bassi, così come i pannelli a schede e fisarmonica (pieghevole) menu. Dreamweaver inserisce il widget alla posizione del cursore. È ora possibile modificare come si farebbe con qualsiasi altro oggetto Dreamweaver - modificando i fogli di stile CSS (CSS), o modificando il codice di "Split" o vista "Codice".
4 Aprire una pagina di Dreamweaver HTML esistente in cui si desidera inserire un widget, o iniziare una nuova facendo clic su "File" e "Nuovo". Verrà visualizzata la finestra di dialogo Nuovo documento. Scegli il tipo di pagina e layout che si desidera, quindi fare clic su "Crea".
5 Fare clic sul menu "Inserisci", scegliere "Widget" per aprire la finestra di dialogo Widget, poi cliccare su "Widget Browser". Si apre il browser Adobe Widget. Connettersi a Dreamweaver Exchange da qui e scaricare widget sul computer.
6 Fare clic sul pulsante "Adobe Exchange" in alto a sinistra di Adobe Widget Browser. Se non si dispone di un account su adobe.com, vi viene chiesto di crearne uno; inserire le informazioni richieste e fare clic su "Invia".
Il Browser Widget visualizza tutti i widget disponibili. Fare clic sul widget che si desidera utilizzare; una descrizione del widget display. Per scaricare il widget, fare clic sul pulsante "Add to My Widgets" nell'angolo in basso a destra della Adobe Widget Browser.
7 Fai clic su "Vai a My Widgets" e selezionare il widget è stato scaricato. La maggior parte dei widget hanno diverse configurazioni preimpostate che si possono scegliere la colonna a sinistra, oppure fare clic sul pulsante "Configure" per rendere le proprie modifiche di configurazione. Fare clic sul pulsante "Codice" nella parte superiore della finestra del browser Adobe Widget per visualizzare il codice del widget, selezionare il codice e premere il tasto "Ctrl" e "C" per copiare il codice.
8 Vai al documento di Dreamweaver e incollare il codice nella pagina Web. Assicurarsi che Dreamweaver è a scelta in una modalità di editing del codice Split o, e incollare il codice nella finestra del codice, non la finestra di visualizzazione. Assicurarsi inoltre che si incolla il codice in cui si desidera il widget da visualizzare.