Operazioni con i widget Spry (istruzioni generali)



    Informazioni sui widget Spry

    Un widget Spry è un elemento di una pagina che fornisce un'esperienza d'uso ottimale mediante l'attivazione dell'interazione con l'utente. Ogni widget Spry comprende le seguenti parti:

    Struttura del widget
    Un blocco di codice HTML definisce la composizione strutturale del widget.

    Comportamento del Widget
    Il codice JavaScript che controlla il modo in cui il widget risponde agli eventi avviati dall'utente.

    Stile del widget
    Il CSS che specifica l'aspetto del widget.

    Il framework Spry supporta un insieme di widget riutilizzabili scritti in codice HTML, CSS e JavaScript standard. Questi widget possono essere inseriti facilmente, poiché il codice usato è HTML e CSS nella forma più semplice, quindi è possibile applicarvi lo stile desiderato. I comportamenti nel framework comprendono funzionalità che permettono agli utenti di visualizzare o nascondere il contenuto della pagina, modificarne l'aspetto (ad esempio il colore), interagire con le voci di menu e altro ancora.

    Ciascun widget nel framework Spry è associato a file CSS e JavaScript univoci. Il file CSS contiene tutto quanto è necessario per definire lo stile del widget, mentre il file JavaScript ne fornisce le funzionalità. Utilizzando l'interfaccia di Dreamweaver per inserire un widget, Dreamweaver collega automaticamente questi file alla pagina, in modo che il widget possa contenere funzionalità e stile.

    Ai file CSS e JavaScript associati a un determinato widget vengono assegnati nomi basati su quello del widget stesso, in modo da facilitare il riconoscimento dei file corrispondenti a ciascuno di essi. (Ad esempio, i file associati al widget Pannello a soffietto vengono chiamati SpryAccordion.css e SpryAccordion.js). Inserendo un widget in una pagina salvata, Dreamweaver crea una directory SpryAssets all'interno del sito e vi salva i file JavaScript e CSS corrispondenti.

    Inserimento di un widget Spry

     Selezionare Inserisci > Spry, quindi selezionare il widget da inserire.

    Durante l'inserimento di un widget, Dreamweaver include automaticamente nel sito i file Spry JavaScript e CSS necessari al momento del salvataggio della pagina.

    Nota: per inserire i widget Spry, potete anche utilizzare la categoria Spry nel pannello Inserisci.

    Selezione di un widget Spry

    1. Spostare il puntatore del mouse sopra il widget fino a far apparire il contorno tratteggiato di colore blu del widget.
    2. Fare clic sulla scheda del widget nell'angolo in alto a sinistra del widget stesso.

    Modifica di un widget Spry

     Selezionare il widget da modificare ed effettuare le modifiche nella finestra di ispezione Proprietà (Finestra > Proprietà).

    Per informazioni dettagliate su come modificare widget specifici, consultare le sezioni relative a ciascuno di essi.

    Associazione di un stile a un widget Spry

     Localizzare il file CSS appropriato per il widget nella cartella SpryAssets del sito, quindi modificare il CSS come desiderato.

    Per informazioni dettagliate su come assegnare uno stile a widget specifici, consultare le sezioni relative alla personalizzazione di ciascuno di essi.

    Per assegnare un formato a un widget Spry, è possibile anche modificare gli stili nel pannello CSS, così come avviene per qualsiasi altro elemento della pagina cui è assegnato uno stile.

    Ottenere altri widget

    Oltre ai widget Spry che vengono installati con Dreamweaver, sono disponibili molti altri widget Web. Adobe Exchange fornisce dei widget Web sviluppati da altri professionisti della creatività.

     Scegliete Cerca widget Web dal menu Estendi Dreamweaver nella barra Applicazione.

    Per una panoramica video sulle operazioni con i widget Web eseguita dal team di progettazione di Dreamweaver, consultate www.adobe.com/go/dw10widgets_it.

    Cambiare la cartella predefinita delle risorse Spry

    Inserendo un widget Spry, un dataset o un effetto in una pagina salvata, Dreamweaver crea una directory SpryAssets all'interno del sito e vi salva i file JavaScript e CSS corrispondenti. È possibile modificare l'ubicazione predefinita in cui Dreamweaver archivia le risorse Spry, se si preferisce archiviarle in un'altra posizione.

    1. Selezionate Siti > Gestisci siti.
    2. Selezionare il sito nelle finestra di dialogo Gestisci siti e fare clic su Modifica.
    3. Selezionare la categoria Spry nella finestra di dialogo Definizione del sito.
    4. Inserire il percorso della cartella che si vuole utilizzare per le risorse Spry e fare clic su OK. Si può anche fare clic sull'icona della cartella per navigare fino alla posizione desiderata.