Selezionate la risorsa nel pannello Risorse.
Ultimo aggiornamento il
25 apr 2024
Utilizzate il pannello Risorse in Dreamweaver per gestire le risorse del sito corrente.
Con Adobe Dreamweaver potete individuare e visualizzare facilmente l'anteprima di vari tipi di risorse archiviate nel sito, ad esempio immagini, filmati, colori, script e collegamenti. Una risorsa può inoltre essere trascinata direttamente in una pagina del documento corrente.
Le risorse possono provenire da varie fonti. Ad esempio, potresti creare risorse in un'applicazione come Adobe Photoshop o Adobe Animate, oppure riceverle da un collega o copiarle da un CD di clip art o da un sito web di grafica.
Dreamweaver consente inoltre di accedere a due tipi speciali di risorse: le librerie e i modelli. In entrambi i casi si tratta di risorse collegate: quando modificate una voce di libreria o un modello, Dreamweaver aggiorna tutti i documenti che utilizzano tali risorse. Le voci di libreria sono generalmente risorse di progettazione di piccole dimensioni, come il logo di un sito o il simbolo di copyright. Per controllare un'area più ampia del progetto, è meglio utilizzare un modello.
Utilizzate il pannello Risorse (Finestra > Risorse) per gestire le risorse del sito corrente. Il pannello Risorse visualizza le risorse del sito associate al documento attivo nella finestra del documento.
Nota
per poter visualizzare le risorse nel pannello Risorse, dovete definire un sito locale.
Il pannello Assets offre diverse modalità per visualizzare le risorse:
Elenco Sito
Mostra tutte le risorse del sito, inclusi i colori e gli URL utilizzati in qualsiasi documento del sito.
Elenco Preferiti
Mostra solo le risorse selezionate dall'utente.
Per passare da una visualizzazione all'altra, seleziona il pulsante di scelta Sito o Preferiti sopra l'area di anteprima. (Queste due visualizzazioni non sono disponibili per le categorie Modelli e Libreria.)
Nota
la maggior parte delle operazioni del pannello Risorse funziona allo stesso modo nei due elenchi. Tuttavia, vi sono alcune operazioni che possono essere eseguite solo nell'elenco Preferiti.
In entrambi gli elenchi le risorse sono suddivise nelle seguenti categorie:
Immagini
File di immagine in formato GIF, JPEG o PNG.
Colori
Colori utilizzati nei documenti e nei fogli di stile, inclusi i colori di testo, sfondi e collegamenti.
URL
Collegamenti esterni nei documenti del sito corrente, inclusi i collegamenti FTP, gopher, HTTP, HTTPS, JavaScript, e-mail (mailto) e file locali (file://).
Oggetto multimediale
File media come file Adobe Flash (solo SWF), file Adobe Shockwave, QuickTime o MPEG.
Script
File JavaScript o VBScript. Gli script contenuti nei file HTML (anziché in file JavaScript o VBScript indipendenti) non vengono visualizzati nel pannello Risorse. Questa categoria è disponibile solo nella Vista Codice e Progettazione.
Modelli
Layout di pagina di base utilizzati in più pagine. Le modifiche apportate a un modello vengono automaticamente applicate a tutte le pagine basate su di esso.Questa categoria è disponibile solo nella vista Codice e Progettazione.
Voci di libreria
Elementi che vengono utilizzati in più pagine; quando modificate una voce di libreria, tutte le pagine che la contengono vengono aggiornate.Questa categoria è disponibile solo nella vista codice e progettazione.
Nota
nel pannello Risorse vengono visualizzati solo i file che rientrano in queste categorie. Esistono altri tipi di file che sono talvolta definiti come risorse ma non vengono visualizzati nel pannello.
Per impostazione predefinita, le risorse in una categoria sono elencate alfabeticamente per nome, ma puoi ordinarle per tipo e diversi altri criteri. Puoi anche visualizzare l'anteprima delle risorse e ridimensionare le colonne e l'area di anteprima.
L'icona di Creative Cloud nella colonna Tipo indica che le risorse corrispondenti sono importate da Creative Cloud Libraries. Per ricampionare risorse corrispondenti, potete fare doppio clic sull'icona di Creative Cloud. Per ulteriori informazioni sul riutilizzo delle risorse in Creative Cloud Libraries, consulta Creative Cloud Libraries in Dreamweaver.
Visualizzare una risorsa nell'area di anteprima
Visualizzare le risorse di una categoria
Fai clic su un'icona di categoria sul lato sinistro del
pannello Risorse.
Ordinare le risorse
Fate clic su un'intestazione di colonna.
Ad esempio, per ordinare l'elenco delle immagini per tipo (in modo che tutte le immagini GIF siano insieme, tutte le immagini JPEG siano insieme e così via), fai clic sull'intestazione della colonna Tipo.
Ridimensionare una colonna
Trascina la barra di separazione tra due intestazioni di colonna.
Ridimensionare l'area di anteprima
Trascina la barra di divisione (tra l'area di
anteprima e l'elenco delle risorse) verso l'alto o verso il basso.
Aggiornare il pannello Risorse
La creazione dell'elenco Sito può richiedere alcuni secondi perché Dreamweaver deve prima leggere la cache del sito.
Alcune modifiche non vengono visualizzate immediatamente nel pannello Risorse. Ad esempio, quando si aggiunge o si rimuove una risorsa dal sito, le modifiche vengono visualizzate nel pannello Risorse solo dopo che l'elenco Sito è stato aggiornato facendo clic sul pulsante Aggiorna elenco siti. Se aggiungi o rimuovi una risorsa al di fuori di Dreamweaver, utilizzando Windows Explorer o il Finder, ad esempio, devi ricostruire la cache del sito per aggiornare il pannello Risorse.
Quando rimuovete l'unica occorrenza di un particolare colore o URL dal sito o quando salvate un nuovo file contenente un colore o un URL che non è stato usato in precedenza nel sito, le modifiche vengono visualizzate nel pannello Risorse solo dopo che avete aggiornato l'elenco Sito.
- Per aggiornare manualmente l'elenco dei siti, fai clic sul pulsante Aggiorna elenco siti
.Dreamweaver crea la cache del sito o la aggiorna
se necessario. - Per aggiornare l'elenco Sito e ricostruire manualmente la cache del sito, fai clic con il pulsante destro del mouse (Windows) o fai Command+clic (Macintosh) nell'elenco Risorse, quindi seleziona Aggiorna elenco sito.
Aggiungere una risorsa a un documento
Potete inserire la maggior parte delle risorse in un documento trascinandole nella vista Dal vivo, nella vista Codice o nella vista Progettazione della finestra del documento oppure usando il pulsante Inserisci nel pannello. Trascina le risorse dalla vista elenco e dal riquadro di anteprima del pannello Assets.
Nota: puoi trascinare dal pannello Anteprima solo su Mac.
Potete inserire colori e URL nella vista Progettazione o Dal vivo. Nella vista Progettazione puoi applicare colori e URL agli elementi selezionati.
Nel documento, posiziona il punto di inserimento dove desideri che appaia la risorsa.
Nel pannello Risorse, seleziona dai pulsanti delle categorie delle risorse
a sinistra.
Nota
selezionate qualsiasi categoria tranne Modelli. Un modello viene applicato a un intero documento; non può essere inserito in un documento.
Seleziona Sede o Preferiti nella parte superiore del pannello,
poi seleziona la risorsa.
Non esistono elenchi Sede o Preferiti per gli elementi della libreria; salta questo passaggio se stai inserendo un elemento della libreria.
Effettuate una delle operazioni seguenti:
Trascinate la risorsa dal pannello al documento. Puoi trascinare sia dalla visualizzazione elenco che dal pannello anteprima.
Nota: su Windows, non puoi trascinare le risorse dal pannello anteprima.
Potete trascinare gli script nell'area di intestazione (head) della finestra del documento; se tale area non è visualizzata, selezionate Visualizza > Contenuto HEAD.
Selezionate la risorsa nel pannello e fate clic su Inserisci.
Se la risorsa inserita è un colore, questo viene applicato al testo che appare dopo il punto di inserimento.
Applica colore al testo usando il pannello Risorse
Il pannello Risorse mostra i colori che hai già applicato a vari elementi, come testo, bordi delle tabelle, sfondi e così via.
Nella vista Progettazione, esegui i seguenti passaggi:
Selezionate il testo all'interno del documento.
Nel pannello Risorse, seleziona la categoria Colori.
Seleziona il colore desiderato e fai clic su Applica.
Nella Visualizzazione Live, esegui i seguenti passaggi:
Nel pannello Risorse, seleziona la categoria Colori.
Effettuate una delle operazioni seguenti:
- Fate clic con il pulsante destro del mouse sul colore nel pannello Risorse, quindi fate clic su Copia valore colore. Il valore del colore viene copiato negli Appunti. Ora puoi incollare il valore del colore (Ctrl+v, Cmd+v) in CSS Designer.
- Trascinate il colore da anteprima e passate il mouse sugli elementi nella vista Dal vivo. Quando rilasci il colore, appare la finestra di dialogo Nuova regola CSS e quando fai clic su OK, il colore viene applicato all'elemento selezionato.
- Nel pannello Risorse, fate clic su Applica. Appare la finestra di dialogo Nuova regola CSS e quando fai clic su OK, il colore viene applicato all'elemento selezionato.
Assegna URL a immagini o testo
Nella Visualizzazione Progettazione, esegui i seguenti passaggi:
Seleziona il testo o l'immagine.
Nel pannello Assets, seleziona la categoria URL nella vista Sites o Preferiti, a seconda di dove è memorizzato l'URL.
Nota
Gli URL per i file della sede sono memorizzati nella visualizzazione Sedi per impostazione predefinita. La vista Preferiti contiene gli URL che hai aggiunto tu stesso.
Selezionate l'URL.
Effettuate una delle operazioni seguenti:
Trascina l'URL dal pannello alla selezione nella Vista Progettazione.
Selezionate l'URL, quindi fate clic su Inserisci.
Nella vista Dal vivo, esegui i passaggi seguenti:
Nel pannello Risorse, seleziona la categoria URL nella vista Sedi o Preferiti, a seconda di dove è archiviato l'URL.
Effettuate una delle operazioni seguenti:
- Trascinate l'URL dall'anteprima o dalla vista elenco. Passate il mouse sugli elementi nella vista Dal vivo. Quando rilasci l'URL, <a> avvolge l'elemento evidenziato nella vista Dal vivo.
- Fate clic sull'elemento richiesto nella vista Dal vivo. Scegliete l'URL nel pannello Risorse e fate clic su Applica. L'elemento selezionato è avvolto con il tag <a>.
Selezionare e modificare le risorse
Il pannello Risorse consente di selezionare più risorse contemporaneamente. e di modificarle rapidamente.
Selezionare più risorse
Nel pannello Risorse, selezionate una risorsa.
Selezionate le altre risorse in uno dei seguenti modi:
Fai clic tenendo premuto Maiusc per selezionare una serie consecutiva di risorse.
Fai clic tenendo premuto Ctrl (Windows) o Comando (Macintosh) per aggiungere una singola risorsa alla selezione (indipendentemente dal fatto che sia adiacente alla selezione esistente). Fai clic tenendo premuto Ctrl o Comando su una risorsa selezionata per deselezionarla.
Modificare una risorsa
Quando modifichi una risorsa nel pannello Risorse, il comportamento varia in base al tipo di risorsa. Per alcune risorse, come le immagini, usi un editor esterno, che si apre automaticamente se hai definito un editor per quel tipo di risorsa. Puoi modificare colori e URL solo nell'elenco Preferiti. Quando modifichi modelli e elementi di libreria, apporti le modifiche in Dreamweaver.
Nel
pannello Risorse, esegui una delle seguenti operazioni:
Fate doppio clic sulla risorsa.
Seleziona la risorsa, quindi fai clic sul pulsante Modifica.
Nota
se la risorsa deve essere modificata in un editor esterno ma questo non si apre automaticamente, selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh), selezionate la categoria Tipi di file/editor e verificate che sia definito un editor esterno specifico per quel tipo di risorsa.
Apportate le modifiche desiderate.
Al termine, effettuate una delle seguenti operazioni:
Se la risorsa è costituita da un file (ovvero se non è un colore o un URL), salvate il file con l'editor utilizzato e chiuderlo.
Se la risorsa è un URL, fate clic su OK nella finestra di dialogo Modifica URL.
Nota
se la risorsa è un colore, il selettore dei colori si chiude automaticamente quando si seleziona un colore. Per chiudere il selettore dei colori senza selezionare un colore, premete Esc.
Riutilizzare le risorse in un altro sito
Il pannello Assets mostra tutte le risorse (di tipi riconosciuti) nel sito corrente.Per utilizzare una risorsa dal sito corrente in un altro sito, devi copiarla nell'altro sito.Puoi copiare una singola risorsa, un set di singole risorse o un'intera cartella Preferiti contemporaneamente.
Potresti dover individuare il file nel pannello File che corrisponde a una risorsa nel pannello Risorse prima di trasferire la risorsa da o verso la sede remota.
Nota
Il pannello Files potrebbe mostrare un sito diverso da quello mostrato dal pannello Assets.Questo perché il pannello Assets è associato al documento attivo.
Individua un file di risorsa nel pannello File
Nel pannello Assets, seleziona la categoria della risorsa che vuoi trovare.
Fai clic con il pulsante destro del mouse (Windows) o fai clic tenendo premuto Ctrl (Macintosh) sul
nome o sull'icona della risorsa nel pannello Risorse, quindi seleziona Individua nel
sito dal menu contestuale.
Nota
Il comando Individua nel sito non è disponibile per i colori e gli URL, che non corrispondono a file nel sito.
Il pannello File si apre con il file della risorsa selezionato.Il comando Individua nel sito individua il file corrispondente alla risorsa stessa; non individua i file che utilizzano quella risorsa.
Copia le risorse dal pannello Assets in un altro sito
Nel pannello Assets, seleziona la categoria della risorsa che vuoi copiare.
Fai clic con il pulsante destro del mouse (Windows) o Control+clic (Macintosh) su una
o più risorse nell'elenco Sede o Preferiti, seleziona
Copia in sede e seleziona il nome della sede di destinazione dal sottomenu che elenca
tutte le sedi definite.
Nota
Nell'elenco Preferiti puoi copiare una cartella Preferiti e singole risorse.
Le risorse vengono copiate nelle corrispondenti posizioni nella sede di destinazione. Dreamweaver crea nuove cartelle nella gerarchia del sito di destinazione quando necessario.Le risorse vengono inoltre aggiunte all'elenco Preferiti del sito di destinazione.
Nota
Se la risorsa copiata è un colore o un URL, viene visualizzata solo nell'elenco Preferiti della sede di destinazione. Poiché i colori e gli URL non corrispondono a file, non è presente alcun file da copiare nell'altra sede.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
