Guida utente Annulla

Operazioni con le voci di libreria

  1. Guida utente di Dreamweaver
  2. Introduzione
    1. Nozioni di base sul design responsive
    2. Novità di Dreamweaver
    3. Sviluppo Web con Dreamweaver - Panoramica
    4. Dreamweaver / Domande frequenti
    5. Scelte rapide da tastiera
    6. Requisiti di sistema di Dreamweaver
    7. Riepilogo delle funzioni
  3. Dreamweaver e Creative Cloud
    1. Sincronizzare le impostazioni di Dreamweaver con Creative Cloud
    2. Creative Cloud Libraries in Dreamweaver
    3. Utilizzare i file Photoshop in Dreamweaver
    4. Operazioni con Adobe Animate e Dreamweaver
    5. Estrarre file SVG ottimizzati per il Web da Libraries
  4. Aree di lavoro e viste di Dreamweaver
    1. Area di lavoro di Dreamweaver
    2. Ottimizzare l'area di lavoro di Dreamweaver per lo sviluppo visivo
    3. Eseguire ricerche nei file in base al nome file o al contenuto | Mac OS
  5. Configurare i siti
    1. Siti di Dreamweaver
    2. Configurare una versione locale del sito
    3. Collegamento a un server di pubblicazione
    4. Configurare un server di prova
    5. Importare ed esportare le impostazioni di un sito Dreamweaver
    6. Passaggio di siti Web esistenti da un server remoto alla cartella principale del sito locale
    7. Funzioni di accessibilità in Dreamweaver
    8. Impostazioni avanzate
    9. Impostazione delle preferenze del sito per il trasferimento dei file
    10. Specificare le Impostazioni del server proxy in Dreamweaver
    11. Sincronizzare le impostazioni di Dreamweaver con Creative Cloud
    12. Utilizzo di Git in Dreamweaver
  6. Gestire i file
    1. Creare e aprire file
    2. Gestire file e cartelle
    3. Scaricamento e caricamento dei file da e verso il server
    4. Depositare e ritirare i file
    5. Sincronizzare i file
    6. Confrontare file per verificare le differenze
    7. Applicare la maschera file a file e cartelle del sito Dreamweaver
    8. Attivare le Design Notes per i siti di Dreamweaver
    9. Impedire un potenziale attacco exploit del Gatekeeper
  7. Layout e progettazione
    1. Usare i riferimenti visivi per il layout
    2. Informazioni sull'utilizzo di CSS per creare il layout della pagina
    3. Progettazione di siti Web reattivi con Bootstrap
    4. Creazione e utilizzo di media query in Dreamweaver
    5. Presentare il contenuto mediante le tabelle
    6. Colori
    7. Responsive design con i layout a griglia fluida
    8. Extract in Dreamweaver
  8. CSS
    1. Nozioni sui fogli di stile CSS
    2. Creazione del layout delle pagine con CSS Designer
    3. Utilizzare i preprocessori CSS in Dreamweaver
    4. Impostare le preferenze di stile CSS in Dreamweaver
    5. Spostare le regole CSS in Dreamweaver
    6. Convertire CSS in linea in una regola CSS in Dreamweaver
    7. Utilizzare i tag div
    8. Applicare sfumature allo sfondo
    9. Creare e modificare effetti di transizione CSS3 in Dreamweaver
    10. Formattazione del codice
  9. Contenuto e risorse delle pagine
    1. Impostare le proprietà di pagina
    2. Impostare le proprietà dei collegamenti CSS e le proprietà dei collegamenti CSS
    3. Lavorare con il testo
    4. Ricercare e sostituire testo, tag e attributi
    5. Pannello DOM
    6. Modifica nella vista Dal vivo
    7. Codifica dei documenti in Dreamweaver
    8. Selezionare e visualizzare gli elementi nella finestra del documento
    9. Definire le proprietà del testo nella finestra di ispezione Proprietà
    10. Eseguire il controllo ortografico di una pagina Web
    11. Utilizzo dei filetti orizzontali in Dreamweaver
    12. Aggiungere e modificare le combinazioni di caratteri in Dreamweaver
    13. Operazioni con le risorse
    14. Inserire e aggiornare le date in Dreamweaver
    15. Creare e gestire le risorse preferite in Dreamweaver
    16. Inserire e modificare le immagini in Dreamweaver
    17. Aggiungere oggetti multimediali
    18. Aggiunta di video in Dreamweaver
    19. Inserire video HTML5
    20. Inserire file SWF
    21. Aggiungere effetti audio
    22. Inserire l'audio HTML5 in Dreamweaver
    23. Operazioni con le voci di libreria
    24. Utilizzare testo in arabo e in ebraico in Dreamweaver
  10. Collegamenti e navigazione
    1. Informazioni sui collegamenti e sulla navigazione
    2. Collegamenti
    3. Mappe immagine
    4. Risoluzione dei problemi di collegamenti
  11. Widget ed effetti jQuery
    1. Utilizzare i widget jQuery UI e Mobile in Dreamweaver
    2. Usare effetti jQuery in Dreamweaver
  12. Programmazione dei siti Web
    1. Programmazione in Dreamweaver
    2. Ambiente di codifica in Dreamweaver
    3. Impostare le preferenze di codifica
    4. Personalizzare la colorazione del codice
    5. Scrivere e modificare codice
    6. Suggerimenti sul codice e completamento del codice
    7. Comprimere ed espandere codice
    8. Riutilizzo del codice con gli snippet
    9. Comando Lint
    10. Ottimizzare il codice
    11. Modificare il codice nella vista Progettazione.
    12. Utilizzo del contenuto dell'intestazione delle pagine
    13. Inserimento di server-side include in Dreamweaver
    14. Uso delle librerie di tag in Dreamweaver
    15. Importazione di tag personalizzati in Dreamweaver
    16. Utilizzare i comportamenti JavaScript (istruzioni generali)
    17. Applicare comportamenti JavaScript incorporati
    18. Informazioni su XML e XSLT
    19. Eseguire trasformazioni XSL server-side in Dreamweaver
    20. Esecuzione di trasformazioni XSL client-side in Dreamweaver
    21. Aggiungere entità di carattere per XSLT in Dreamweaver
    22. Formattazione del codice
  13. Flussi di lavoro di interazione con altri prodotti
    1. Installazione e uso delle estensioni in Dreamweaver
    2. Aggiornamenti in app in Dreamweaver
    3. Inserire documenti Microsoft Office in Dreamweaver (solo Windows)
    4. Operazioni con Fireworks e Dreamweaver
    5. Modificare il contenuto nei siti Dreamweaver mediante Contribute
    6. Integrazione tra Dreamweaver e Business Catalyst
    7. Creare campagne e-mail personalizzate
  14. Modelli
    1. Informazioni sui modelli di Dreamweaver
    2. Riconoscere i modelli e i documenti basati sui modelli
    3. Creare un modello di Dreamweaver
    4. Creare aree modificabili nei modelli
    5. Creare aree e tabelle ripetute nei modelli in Dreamweaver
    6. Usare le aree opzionali nei modelli
    7. Definire attributi di tag modificabili in Dreamweaver
    8. Creare modelli nidificati in Dreamweaver
    9. Modificare, aggiornare ed eliminare modelli
    10. Esportare e importare contenuti xml in Dreamweaver
    11. Applicare o rimuovere un modello da un documento esistente
    12. Modificare il contenuto nei modelli di Dreamweaver
    13. Regole di sintassi per i tag di modello in Dreamweaver
    14. Impostare le preferenze di evidenziazione per le aree dei modelli
    15. Vantaggi dell'uso dei modelli in Dreamweaver
  15. Dispositivi mobili e multischermo
    1. Creare media query
    2. Cambiamento dell'orientamento della pagina per i dispositivi mobili
    3. Creare web app per dispositivi mobili utilizzando Dreamweaver
  16. Siti, pagine e moduli Web dinamici
    1. Applicazioni Web
    2. Configurare il computer per lo sviluppo di applicazioni
    3. Risoluzione dei problemi relativi alle connessioni di database
    4. Rimozione di script di connessione in Dreamweaver
    5. Progettare pagine dinamiche
    6. Panoramica sulle origini di contenuto dinamico
    7. Definire le origini di contenuto dinamico
    8. Aggiungere contenuto dinamico alle pagine
    9. Modifica del contenuto dinamico in Dreamweaver
    10. Visualizzare i record di database
    11. Fornire dati dal vivo e risoluzione dei problemi in Dreamweaver
    12. Aggiungere comportamenti server personalizzati in Dreamweaver
    13. Creazione di moduli con Dreamweaver
    14. Usare moduli per raccogliere informazioni dagli utenti
    15. Creare e attivare i moduli ColdFusion in Dreamweaver
    16. Creare moduli Web
    17. Supporto HTML5 avanzato per gli elementi modulo
    18. Sviluppare un modulo con Dreamweaver
  17. Sviluppo visivo delle applicazioni
    1. Creare pagine principali e di dettaglio in Dreamweaver
    2. Creare pagine di ricerca e di risultati
    3. Creare una pagina di inserimento record
    4. Costruire una pagine di aggiornamento record in Dreamweaver
    5. Costruzione di pagine di eliminazione record in Dreamweaver
    6. Utilizzare comandi ASP per modificare un database in Dreamweaver
    7. Creare una pagina di registrazione
    8. Creare una pagina di login
    9. Creare una pagina accessibile solo agli utenti autorizzati
    10. Protezione delle cartelle in ColdFusion utilizzando Dreamweaver
    11. Utilizzo di componenti ColdFusion in Dreamweaver
  18. Verifica, anteprima e pubblicazione dei siti Web
    1. Anteprima delle pagine
    2. Visualizzare in anteprima pagine web di Dreamweaver su più dispositivi
    3. Verificare il sito Dreamweaver
  19. Risoluzione dei problemi
    1. Problemi risolti
    2. Problemi noti

 

 

Creare voci di libreria in Dreamweaver e inserire e modificare le voci di libreria nei documenti.

Una libreria è un file speciale di Dreamweaver contenente una raccolta di risorse singole o copie di risorse che possono essere inserite nelle pagine web. Le risorse di una libreria vengono definite voci di libreria. In una libreria potete archiviare immagini, tabelle, suoni e file creati con Adobe Flash. Potete aggiornare automaticamente tutte le pagine che utilizzano una voce di libreria ogni volta che la modificate.

Ad esempio, supponete di dover realizzare un sito di grandi dimensioni per una società che desidera visualizzare uno slogan su tutte le pagine. Potete creare una voce di libreria contenente lo slogan e utilizzarla in ogni pagina. Se lo slogan cambia, è sufficiente modificare la voce di libreria e aggiornare automaticamente tutte le pagine in cui è inserita.

Dreamweaver archivia le voci di libreria nella sottocartella Library della cartella principale locale del sito. Ogni sito dispone di una libreria distinta.

Per creare una voce di libreria potete utilizzare qualunque elemento contenuto nella sezione body di un documento, ad esempio testo, tabelle, moduli, applet Java, plugin, elementi ActiveX, barre di navigazione e immagini.

Per gli elementi collegati, ad esempio le immagini, la libreria archivia solo un riferimento all'elemento e la voce di libreria può funzionare correttamente solo se il file originale rimane nella posizione specificata.

In alcuni casi, tuttavia, può essere comunque utile archiviare un'immagine in una voce di libreria. Se archiviate un tag img completo in una voce di libreria, ad esempio, potete modificare facilmente il testo alt o addirittura l'attributo src dell'immagine in tutto il sito. Potete utilizzare questo metodo per modificare gli attributi width e height di un'immagine solo se utilizzate un editor di immagini per cambiare le dimensioni effettive dell'immagine.

Nota:

gli eventuali collegamenti contenuti nella voce di libreria potrebbero non funzionare nel nuovo sito. Inoltre, le immagini presenti in una voce di libreria non vengono copiate nel nuovo sito.

Quando usate una voce di libreria, Dreamweaver inserisce nella pagina web un collegamento ad essa, anziché l'elemento vero e proprio. In altre parole, Dreamweaver colloca una copia del codice di origine HTML della voce nel documento e aggiunge un commento HTML contenente un riferimento alla voce originale esterna. È questo riferimento esterno che rende possibile l'aggiornamento automatico.

Quando create una voce di libreria che contiene un elemento a cui è stato applicato un comportamento di Dreamweaver, l'elemento viene copiato e il relativo gestore di eventi (l'attributo che specifica l'evento che attiva l'azione, ad esempio, onClick, onLoad o onMouseOver e l'azione che deve essere chiamata quando si verifica tale evento) nel file della voce di libreria. Dreamweaver non copia le funzioni JavaScript associate nella voce di libreria. Al contrario, quando si inserisce la voce di libreria in un documento, Dreamweaver inserisce automaticamente le funzioni JavaScript appropriate nella sezione intestazione del documento (se non sono già presenti).

Nota:

se create il codice JavaScript manualmente (ovvero senza utilizzare i comportamenti di Dreamweaver), potete includerlo in una voce di libreria se per la sua esecuzione si utilizza il comportamento Chiama JavaScript. Se non utilizzate un comportamento di Dreamweaver per l'esecuzione, il codice non viene mantenuto nella voce di libreria.

La modifica dei comportamenti nelle voci di libreria è soggetta a regole speciali. Le voci di libreria non possono contenere fogli di stile perché il codice associato a questi elementi fa parte della sezione head.

Creare una voce di libreria sulla base di una selezione

  1. Nella finestra del documento, passate alla vista Progettazione e selezionate la parte di documento da salvare come voce di libreria.

  2. Selezionate Strumenti > Libreria > Aggiungi oggetto alla libreria.

  3. Digitate un nome per la nuova voce di libreria, quindi premete Invio.

    Dreamweaver salva ogni voce come un file separato (con estensione .lbi) nella sottocartella Library della cartella principale locale del sito.

Creare una voce di libreria vuota

  1. Verificate che nella finestra del documento non sia selezionato alcun elemento.

    Gli eventuali elementi selezionati verranno inseriti nella nuova voce di libreria.

  2. Nel pannello Risorse, selezionate la categoria Libreria.

  3. Fate clic sul pulsante Nuova voce di libreria nella parte inferiore del pannello.

  4. Con la voce ancora selezionata, assegnatele un nome, quindi premete Invio.

Inserire una voce di libreria in un documento

Quando aggiungete una voce di libreria a una pagina, nel documento viene inserito il contenuto vero e proprio insieme a un riferimento alla voce.

  1. Spostate il punto di inserimento nella finestra del documento.
  2. Nel pannello Risorse, selezionate la categoria Libreria.

  3. Effettuate una delle operazioni seguenti:
    • Trascinate una voce di libreria dal pannello Risorse alla finestra del documento.
    Nota:

    per inserire il contenuto di una voce di libreria senza includere un riferimento alla voce nel documento, tenete premuto il tasto Ctrl (Windows) oppure Opzione (Macintosh) mentre trascinate la voce fuori dal pannello Risorse. Se inserite una voce di libreria in questo modo, potete modificare la voce all'interno del documento, ma il documento non viene aggiornato quando si aggiornano le pagine che utilizzano questa voce.

    • Selezionate una voce di libreria e fate clic su Inserisci.

Modificare le voci di libreria e aggiornare i documenti

Quando modificate una voce di libreria, potete aggiornare tutti i documenti che la utilizzano. Se scegliete di non eseguire l'aggiornamento, i documenti rimangono comunque associati alla voce e possono essere aggiornati in un secondo momento.

Potete rinominare le voci di libreria per interrompere il collegamento con documenti o modelli, eliminare delle voci dalla libreria del sito e ricreare una voce di libreria mancante.

Modificare una voce di libreria

  1. Nel pannello Risorse, selezionate la categoria Libreria.

  2. Selezionate una voce di libreria.
  3. Fate clic sul pulsante Modifica oppure doppio clic sulla voce di libreria.

    Dreamweaver apre una nuova finestra, simile a quella del documento, che consente di modificare la voce. Lo sfondo grigio indica che state modificando una voce di libreria invece di un documento.

  4. Effettuate le modifiche e salvatele.
  5. Specificate se i documenti del sito locale che utilizzano la voce di libreria modificata devono essere aggiornati. Selezionate Aggiorna per aggiornarli immediatamente. Se invece selezionate Non aggiornare, i documenti non vengono aggiornati fino a quando non si seleziona Strumenti > Libreria > Aggiorna pagina corrente o Aggiorna pagine.

Aggiornare il documento corrente in base alla versione più recente di tutte le voci di libreria

  1. Selezionate Strumenti > Libreria > Aggiorna pagina corrente.

Aggiornare l'intero sito o tutti i documenti che utilizzano una voce di libreria particolare

  1. Selezionate Strumenti > Libreria > Aggiorna pagine.

  2. Nel menu a comparsa Cerca in, specificate cosa deve essere aggiornato:
    • Per aggiornare tutte le pagine del sito selezionato con la versione corrente di tutte le voci di libreria, selezionate Intero sito, quindi selezionate il nome del sito dal menu a comparsa adiacente.

    • Per aggiornare tutte le pagine del sito corrente che utilizzano una voce di libreria, selezionate File che usano, quindi selezionate il nome della voce di libreria dal menu a comparsa adiacente.

  3. Verificate che per l'opzione Aggiorna sia stata selezionata la casella di controllo Voci di libreria.
    Nota:

    per aggiornare i modelli allo stesso tempo, selezionate anche Modelli.

  4. Fate clic su Avvia.

    Dreamweaver aggiorna i file in base alle impostazioni specificate. Se avete selezionato l'opzione Mostra registro, Dreamweaver genera un rapporto che indica se i file sono stati aggiornati correttamente e fornisce altre informazioni.

Modificare il nome di una voce di libreria

  1. Nel pannello Risorse, selezionate la categoria Libreria.

  2. Selezionate la voce di libreria, attendete un istante, quindi fate clic di nuovo. (Se fate doppio clic sul nome, la voce di libreria viene aperta.)
  3. Inserite un nuovo nome.
  4. Fate clic in un altro punto dello schermo o premete Invio.
  5. Specificate se desiderate aggiornare i documenti che utilizzano questa voce selezionando Aggiorna o Non aggiornare.

Eliminare una voce da una libreria

Quando eliminate una voce di libreria, Dreamweaver rimuove la voce dalla libreria ma non modifica il contenuto dei documenti che la utilizzano.

  1. Nel pannello Risorse, selezionate la categoria Libreria.

  2. Selezionate la voce di libreria.
  3. Fate clic sul pulsante Elimina o premete il tasto Canc, quindi confermate l'eliminazione.
    Nota:

    le voci di libreria eliminate non possono essere recuperate con il comando Annulla. Possono tuttavia essere ricreate.

Ricreare una voce di libreria mancante o eliminata

  1. Selezionate un'occorrenza della voce in un documento.
  2. Fate clic sul pulsante Ricrea nella finestra di ispezione Proprietà (Finestra > Proprietà).

Personalizzare l'evidenziazione delle voci di libreria

Le preferenze Evidenziazione consentono di visualizzare, nascondere e personalizzare il colore di evidenziazione delle voci di libreria.

Modificare il colore di evidenziazione delle voci di libreria

  1. Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
  2. Selezionate la categoria Evidenziazione dall'elenco visualizzato sulla sinistra della finestra di dialogo Preferenze.
  3. Fate clic sulla casella del colore delle voci di libreria, quindi selezionate un colore di evidenziazione utilizzando l'apposito selettore, oppure inserite il valore esadecimale corrispondente nella casella di testo.
  4. Fate clic su Mostra per visualizzare il colore di evidenziazione nella finestra del documento.
  5. Fate clic su OK.

Per visualizzare o nascondere i colori di evidenziazione nella finestra del documento

  1. Per visualizzare l'evidenziazione, selezionate Visualizza > Opzioni vista Progettazione > Riferimenti visivi > Elementi invisibili. Per nascondere l'evidenziazione, deselezionate Elementi invisibili.

Modificare le proprietà di una voce di libreria

La finestra di ispezione Proprietà consente di aprire una voce di libreria da modificare, scollegare una voce di libreria selezionata dal file di origine o sovrascrivere una voce con la voce di libreria selezionata.

  1. Selezionate una voce di libreria in un documento.
  2. Selezionate una delle seguenti opzioni nella finestra di ispezione Proprietà (Finestra > Proprietà):

    Orig.

    Visualizza il nome e il percorso del file di origine della voce. Queste informazioni non possono essere modificate.

    Apri

    Apre il file di origine della voce per consentirne la modifica. Questa operazione può essere eseguita anche selezionando la voce nel pannello Risorse e facendo clic sul pulsante Modifica.

    Scollega dall'originale

    Interrompe il collegamento tra la voce selezionata e il rispettivo file di origine. Una voce scollegata può essere modificata all'interno del documento, ma non appartiene più alla libreria e non viene aggiornata quando si modifica l'originale.

    Ricrea

    Sostituisce la voce di libreria originale con la selezione corrente. Questa opzione può essere utilizzata per ricreare le voci di libreria che risultano mancanti o che sono state eliminate accidentalmente.

Definire voci di libreria modificabili in un documento

Se, dopo aver aggiunto una voce di libreria a un documento, desiderate modificarla nella pagina in cui è stata inserita, è necessario interrompere il collegamento tra la voce contenuta nel documento e la libreria. Le occorrenze delle voci di libreria che sono state rese modificabili non vengono più aggiornate quando si modificano le voci corrispondenti.

  1. Selezionate la voce nel documento corrente.
  2. Fate clic su Scollega dall'originale nella finestra di ispezione Proprietà (Finestra > Proprietà).

Modificare un comportamento in una voce di libreria

Per modificare un comportamento in una voce di libreria, è necessario inserire la voce in un documento e renderla modificabile all'interno di tale documento. Dopo avere apportato le modifiche, potete ricreare la voce di libreria per sostituire la voce contenuta nella libreria con quella modificata nel documento.

  1. Aprite un documento che contiene la voce.

    Prendete nota del nome della voce e dei tag che contiene. Queste informazioni saranno utili successivamente.

  2. Selezionate la voce di libreria, quindi fate clic su Scollega dall'originale nella finestra di ispezione Proprietà (Finestra > Proprietà).
  3. Selezionate l'elemento a cui è applicato il comportamento.
  4. Nel pannello Comportamenti (Finestra > Comportamenti), fate doppio clic sull'azione da modificare.
  5. Nella finestra di dialogo visualizzata, apportate le modifiche, quindi fate clic su OK.
  6. Nel pannello Risorse, selezionate la categoria Libreria.

  7. Registrate il nome esatto (con maiuscole e minuscole) della voce di libreria, quindi selezionatela e fate clic sul pulsante Elimina.
  8. Nella finestra del documento, selezionate tutti gli elementi che compongono la voce di libreria.

    È importante selezionare esattamente gli stessi elementi che facevano parte della voce di libreria originale.

  9. Nel pannello Risorse, fate clic sul pulsante Nuova voce di libreria e assegnate alla nuova voce lo stesso nome della voce eliminata con le stesse maiuscole e minuscole.

  10. Per aggiornare la voce di libreria negli altri documenti del sito, scegliete Strumenti > Libreria > Aggiorna pagine.

  11. Nel menu a comparsa Cerca in, selezionate File che usano.
  12. Nel menu a comparsa adiacente, selezionate il nome della voce di libreria appena creata.
  13. Verificate che per l'opzione Aggiorna sia stata selezionata la casella di controllo Voci di libreria, quindi fate clic su Avvio.
  14. Al termine dell'aggiornamento, fate clic su Chiudi.

 Adobe

Ottieni supporto in modo più facile e veloce

Nuovo utente?

Adobe MAX 2024

Adobe MAX
La conferenza sulla creatività

14-16 ottobre Miami Beach e online

Adobe MAX

La conferenza sulla creatività

14-16 ottobre Miami Beach e online

Adobe MAX 2024

Adobe MAX
La conferenza sulla creatività

14-16 ottobre Miami Beach e online

Adobe MAX

La conferenza sulla creatività

14-16 ottobre Miami Beach e online