Come modificare le risorse Spry in Dreamweaver

Le risorse Spry in Adobe Dreamweaver sono elementi di pagina predefiniti composti da HTML, fogli di stile a cascata e JavaScript. HTML è il linguaggio di markup delle pagine utilizzato per creare pagine Web; Fogli di stile a cascata, o CSS, viene utilizzato per formattare l'aspetto dei documenti HTML; e JavaScript è un linguaggio di scripting lato client ampiamente utilizzato. Dreamweaver viene fornito con molte risorse Spry per la creazione di diversi tipi di menu, barre di navigazione ed elementi del modulo. Puoi cambiare l'aspetto di una risorsa Spry modificandone le regole CSS.

1

Aprire il file HTML di Dreamweaver contenente una risorsa spry che si desidera modificare o avviare un nuovo file HTML facendo clic sul menu "File" e selezionando "Nuovo". Si apre la finestra di dialogo Nuovo documento. Scegli "HTML" dall'elenco Tipo e seleziona il layout desiderato dall'elenco Layout. Fare clic sul pulsante "Crea".

2

Fai clic sul menu "File" e scegli "Salva con nome". Viene visualizzata la finestra di dialogo Salva con nome. Assegna un nome e salva il file.

3

Fare clic con il cursore del mouse nella pagina nel punto in cui si desidera inserire una risorsa Spry.

4

Fare clic sul menu "Inserisci", scegliere "Spry" e quindi scegliere un asset Spry dal menu a comparsa. Dreamweaver inserisce la risorsa Spry nella pagina. Il tipo di elemento della pagina creato dipende dall'opzione Spry. Ad esempio, se scegli un menu Spry, Dreamweaver inserisce un menu; se si sceglie un campo modulo Spry, Dreamweaver inserisce un campo modulo. È possibile modificare un oggetto specifico nell'elemento, come un'etichetta di menu o il bordo di un campo modulo, selezionandolo e quindi modificando le regole CSS dell'oggetto.

5

Seleziona l'oggetto che desideri modificare.

6

Vai al pannello "Proprietà" e fai clic sul pulsante "Modifica regola" per aprire la finestra di dialogo Definizione regola CSS per l'oggetto selezionato. È possibile apportare numerose modifiche all'aspetto dell'oggetto. Ad esempio, per modificare l'aspetto del testo, fare clic su "Tipo" nell'elenco delle categorie. Visualizza le opzioni per modificare le proprietà del testo selezionato nell'elemento della pagina, come la famiglia di caratteri, la dimensione del carattere e lo stile del carattere. Puoi anche cambiare lo sfondo, lo stile del bordo e molte altre proprietà da questa finestra di dialogo.

7

Termina le modifiche e fai clic su "Applica". Dreamweaver visualizza le modifiche sulla pagina. Fare clic su "OK" per chiudere la finestra di dialogo Definizione regola CSS.

8

Seleziona un altro oggetto che desideri modificare e fai clic sul pulsante "Regola CSS".

9

Apporta le modifiche come descritto nei passaggi 6 e 7.