- Guida utente di Dreamweaver
- Introduzione
- Dreamweaver e Creative Cloud
- Aree di lavoro e viste di Dreamweaver
- Configurare i siti
- Siti di Dreamweaver
- Configurare una versione locale del sito
- Collegamento a un server di pubblicazione
- Configurare un server di prova
- Importare ed esportare le impostazioni di un sito Dreamweaver
- Passaggio di siti Web esistenti da un server remoto alla cartella principale del sito locale
- Funzioni di accessibilità in Dreamweaver
- Impostazioni avanzate
- Impostazione delle preferenze del sito per il trasferimento dei file
- Specificare le Impostazioni del server proxy in Dreamweaver
- Sincronizzare le impostazioni di Dreamweaver con Creative Cloud
- Utilizzo di Git in Dreamweaver
- Gestire i file
- Creare e aprire file
- Gestire file e cartelle
- Scaricamento e caricamento dei file da e verso il server
- Depositare e ritirare i file
- Sincronizzare i file
- Confrontare file per verificare le differenze
- Applicare la maschera file a file e cartelle del sito Dreamweaver
- Attivare le Design Notes per i siti di Dreamweaver
- Impedire un potenziale attacco exploit del Gatekeeper
- Layout e progettazione
- Usare i riferimenti visivi per il layout
- Informazioni sull'utilizzo di CSS per creare il layout della pagina
- Progettazione di siti Web reattivi con Bootstrap
- Creazione e utilizzo di media query in Dreamweaver
- Presentare il contenuto mediante le tabelle
- Colori
- Responsive design con i layout a griglia fluida
- Extract in Dreamweaver
- CSS
- Nozioni sui fogli di stile CSS
- Creazione del layout delle pagine con CSS Designer
- Utilizzare i preprocessori CSS in Dreamweaver
- Impostare le preferenze di stile CSS in Dreamweaver
- Spostare le regole CSS in Dreamweaver
- Convertire CSS in linea in una regola CSS in Dreamweaver
- Utilizzare i tag div
- Applicare sfumature allo sfondo
- Creare e modificare effetti di transizione CSS3 in Dreamweaver
- Formattazione del codice
- Contenuto e risorse delle pagine
- Impostare le proprietà di pagina
- Impostare le proprietà dei collegamenti CSS e le proprietà dei collegamenti CSS
- Lavorare con il testo
- Ricercare e sostituire testo, tag e attributi
- Pannello DOM
- Modifica nella vista Dal vivo
- Codifica dei documenti in Dreamweaver
- Selezionare e visualizzare gli elementi nella finestra del documento
- Definire le proprietà del testo nella finestra di ispezione Proprietà
- Eseguire il controllo ortografico di una pagina Web
- Utilizzo dei filetti orizzontali in Dreamweaver
- Aggiungere e modificare le combinazioni di caratteri in Dreamweaver
- Operazioni con le risorse
- Inserire e aggiornare le date in Dreamweaver
- Creare e gestire le risorse preferite in Dreamweaver
- Inserire e modificare le immagini in Dreamweaver
- Aggiungere oggetti multimediali
- Aggiunta di video in Dreamweaver
- Inserire video HTML5
- Inserire file SWF
- Aggiungere effetti audio
- Inserire l'audio HTML5 in Dreamweaver
- Operazioni con le voci di libreria
- Utilizzare testo in arabo e in ebraico in Dreamweaver
- Collegamenti e navigazione
- Widget ed effetti jQuery
- Programmazione dei siti Web
- Programmazione in Dreamweaver
- Ambiente di codifica in Dreamweaver
- Impostare le preferenze di codifica
- Personalizzare la colorazione del codice
- Scrivere e modificare codice
- Suggerimenti sul codice e completamento del codice
- Comprimere ed espandere codice
- Riutilizzo del codice con gli snippet
- Comando Lint
- Ottimizzare il codice
- Modificare il codice nella vista Progettazione.
- Utilizzo del contenuto dell'intestazione delle pagine
- Inserimento di server-side include in Dreamweaver
- Uso delle librerie di tag in Dreamweaver
- Importazione di tag personalizzati in Dreamweaver
- Utilizzare i comportamenti JavaScript (istruzioni generali)
- Applicare comportamenti JavaScript incorporati
- Informazioni su XML e XSLT
- Eseguire trasformazioni XSL server-side in Dreamweaver
- Esecuzione di trasformazioni XSL client-side in Dreamweaver
- Aggiungere entità di carattere per XSLT in Dreamweaver
- Formattazione del codice
- Flussi di lavoro di interazione con altri prodotti
- Installazione e uso delle estensioni in Dreamweaver
- Aggiornamenti in app in Dreamweaver
- Inserire documenti Microsoft Office in Dreamweaver (solo Windows)
- Operazioni con Fireworks e Dreamweaver
- Modificare il contenuto nei siti Dreamweaver mediante Contribute
- Integrazione tra Dreamweaver e Business Catalyst
- Creare campagne e-mail personalizzate
- Modelli
- Informazioni sui modelli di Dreamweaver
- Riconoscere i modelli e i documenti basati sui modelli
- Creare un modello di Dreamweaver
- Creare aree modificabili nei modelli
- Creare aree e tabelle ripetute nei modelli in Dreamweaver
- Usare le aree opzionali nei modelli
- Definire attributi di tag modificabili in Dreamweaver
- Creare modelli nidificati in Dreamweaver
- Modificare, aggiornare ed eliminare modelli
- Esportare e importare contenuti xml in Dreamweaver
- Applicare o rimuovere un modello da un documento esistente
- Modificare il contenuto nei modelli di Dreamweaver
- Regole di sintassi per i tag di modello in Dreamweaver
- Impostare le preferenze di evidenziazione per le aree dei modelli
- Vantaggi dell'uso dei modelli in Dreamweaver
- Dispositivi mobili e multischermo
- Siti, pagine e moduli Web dinamici
- Applicazioni Web
- Configurare il computer per lo sviluppo di applicazioni
- Risoluzione dei problemi relativi alle connessioni di database
- Rimozione di script di connessione in Dreamweaver
- Progettare pagine dinamiche
- Panoramica sulle origini di contenuto dinamico
- Definire le origini di contenuto dinamico
- Aggiungere contenuto dinamico alle pagine
- Modifica del contenuto dinamico in Dreamweaver
- Visualizzare i record di database
- Fornire dati dal vivo e risoluzione dei problemi in Dreamweaver
- Aggiungere comportamenti server personalizzati in Dreamweaver
- Creazione di moduli con Dreamweaver
- Usare moduli per raccogliere informazioni dagli utenti
- Creare e attivare i moduli ColdFusion in Dreamweaver
- Creare moduli Web
- Supporto HTML5 avanzato per gli elementi modulo
- Sviluppare un modulo con Dreamweaver
- Sviluppo visivo delle applicazioni
- Creare pagine principali e di dettaglio in Dreamweaver
- Creare pagine di ricerca e di risultati
- Creare una pagina di inserimento record
- Costruire una pagine di aggiornamento record in Dreamweaver
- Costruzione di pagine di eliminazione record in Dreamweaver
- Utilizzare comandi ASP per modificare un database in Dreamweaver
- Creare una pagina di registrazione
- Creare una pagina di login
- Creare una pagina accessibile solo agli utenti autorizzati
- Protezione delle cartelle in ColdFusion utilizzando Dreamweaver
- Utilizzo di componenti ColdFusion in Dreamweaver
- Verifica, anteprima e pubblicazione dei siti Web
- Risoluzione dei problemi
Impostare le preferenze per codifica, temi del codice, formato e riscrittura del codice in Dreamweaver.
Potete impostare diverse preferenze di codifica, tra cui ad esempio la formattazione e il colore, per soddisfare delle esigenze specifiche.
- Per impostare le preferenze avanzate, utilizzate l’Editor librerie di tag (consultate Gestione delle librerie di tag).
- Dreamweaver supporta la formattazione per i tipi di file CSS, JS e PHP. Per informazioni su come personalizzare la formattazione del codice per PHP, CSS e JS, consultate Formattazione del codice.
Impostare l’aspetto del codice
Mediante il menu Visualizza > Opzioni vista Codice potete impostare il ritorno a capo, visualizzare i numeri di riga del codice, impostare la colorazione della sintassi per gli elementi di codice, impostare il rientro e visualizzare i caratteri nascosti.
-
Visualizzare un documento nella vista Codice o nella finestra di ispezione Codice.
-
Selezionate Visualizza > Opzioni vista Codice.
-
Selezionate o deselezionate le opzioni desiderate tra le seguenti:
A capo automatico
Consente di applicare un ritorno a capo forzato al codice così da poterlo visualizzare senza dover scorrere orizzontalmente. Questa opzione non inserisce interruzioni di riga, ma rende semplicemente più facile la visualizzazione del codice.
Numeri di riga
Visualizzare i numeri di riga accanto al codice.
Caratteri nascosti
Visualizza caratteri speciali al posto dello spazio bianco. Ad esempio, viene visualizzato un puntino per ogni spazio, una doppia parentesi angolare per ogni tabulazione e un segno di paragrafo per ogni interruzione di riga.
Nota:Le interruzioni di riga "volanti" utilizzate da Dreamweaver per il ritorno a capo del testo non vengono visualizzate con segni di paragrafo.
Colorazione sintassi
Attiva o disattiva la colorazione codice. Per informazioni su come modificare lo schema di colorazione, vedete Impostare i colori del codice.
Rientro automatico
Fa rientrare automaticamente il codice quando si preme Invio durante la scrittura del codice. Alla nuova riga di codice viene applicato lo stesso rientro della riga precedente. Per informazioni sulla modifica della spaziatura del rientro, vedete l’opzione Dimensione tabulazioni in Modificare il formato del codice.
Modificare il formato del codice
Potete modificare l’aspetto del codice specificando le preferenze di formattazione, ad esempio i rientri, la lunghezza di riga e l’uso di maiuscole/minuscole nei nomi dei tag e degli attributi.
Tutte le opzioni di formattazione codice (eccetto Maiuscole/minuscole forzate) vengono applicate automaticamente solo ai nuovi documenti creati o alle aggiunte effettuate nei documenti creati successivamente.
Per riformattare un documento HTML esistente, apritelo e selezionate Modifica > Codice > Applica formattazione di origine.
-
Selezionate Modifica > Preferenze.
-
Selezionate Formato codice dall’elenco Categoria visualizzato sulla sinistra.
-
Impostate le opzioni desiderate tra le seguenti:
Rientro
Indica se applicare o meno un rientro al codice generato da Dreamweaver (secondo le regole di rientro specificate in queste preferenze).
Nota:La maggior parte delle opzioni di rientro in questa finestra di dialogo vengono applicate solo al codice generato da Dreamweaver, non al codice digitato. Per applicare a ogni nuova riga di codice inserita un rientro uguale a quello della riga precedente, selezionate Visualizza > Opzioni vista codice > Rientro automatico. Per ulteriori informazioni, vedete Impostare l’aspetto del codice.
Con
(Casella di testo e menu a comparsa) Specifica il numero di spazi o tabulazioni che Dreamweaver deve usare per il rientro del codice generato. Ad esempio, se digitate 3 nella casella e selezionate Tabulazioni nel menu a comparsa, il codice generato da Dreamweaver viene rientrato usando tre caratteri di tabulazione per ogni livello di rientro.
Dimensione tabulazioni
Determina l’ampiezza in caratteri di ciascun carattere di tabulazione che viene visualizzato nella vista Codice. Ad esempio, se Dimensione tabulazioni è impostata su 4, ciascuna tabulazione viene visualizzata nella vista Codice come uno spazio vuoto di quattro caratteri. Inoltre, se l’opzione Con viene impostata su 3 tabulazioni, il codice generato da Dreamweaver viene fatto rientrare utilizzando tre caratteri di tabulazione per ogni livello di rientro, che nella vista Codice corrispondono a uno spazio vuoto di dodici caratteri.
Nota:Dreamweaver applica i rientri utilizzando gli spazi o le tabulazioni; al momento di inserire il codice non converte una serie di spazi in una tabulazione.
Emmet
Selezionate questa opzione se intendete utilizzare le abbreviazioni Emmet durante la scrittura del codice. Selezionando questa opzione, quando premete il tasto Tab, Dreamweaver convertirà l’abbreviazione Emmet in codice HTML o CSS completo. Per ulteriori informazioni sull’uso di Emmet, consultate Utilizzare il toolkit Emmet con Dreamweaver.
Tipo di interruzione di riga
Consente di specificare il tipo di interruzione di riga in base al server remoto (Windows, Macintosh o UNIX) che ospita il sito remoto dell’utente. La scelta del tipo di carattere di interruzione riga appropriato garantisce che il codice di origine HTML venga visualizzato correttamente anche sul server remoto. Inoltre, questa impostazione risulta utile quando lavorate in un editor di testo esterno che riconosce solo alcuni tipi di interruzioni di riga. Ad esempio, utilizzate CR LF (Windows) se usate Blocco note di Windows come editor esterno, oppure CR (Macintosh) se l’editor è SimpleText.
Nota:Per quanto riguarda i server a cui ci si connette mediante il protocollo FTP, questa opzione viene applicata solo per la modalità di trasferimento binario, mentre viene ignorata dalla modalità di trasferimento ASCII di Dreamweaver. Se scaricate i file con la modalità ASCII, Dreamweaver imposta le interruzioni di riga in base al sistema operativo del computer utilizzato, mentre quando caricate i file con la modalità ASCII, le interruzioni di riga vengono impostate tutte su CR LF.
Tag TD: Non includere un’interruzione nel tag TD
Corregge un problema di rendering che si verifica in alcuni browser meno recenti quando sono presenti interruzioni di riga o spazio vuoto immediatamente dopo un tag <td> o prima di un tag </td>. Se selezionate questa opzione, Dreamweaver non inserisce interruzioni di riga dopo un tag <td> o prima di un tag </td>, anche se la formattazione della libreria di tag indica la presenza di un’interruzione di riga.
Formattazione avanzata
Consente di impostare le opzioni di formattazione per singoli tag e attributi nell’Editor librerie di tag.
White Space Character
(Solo per la versione giapponese) Permette di selezionare lo spazio o Zenkaku per il codice HTML. Lo spazio vuoto selezionato in questa opzione verrà utilizzato per i tag privi di contenuto durante la creazione di una tabella e quando si attiva l’opzione "Consente spazi consecutivi multipli" nelle pagine per le codifiche giapponesi.
Dimensione minima ripiegamento codice
La dimensione predefinita per il ripiegamento del codice è due righe. Con questa impostazione predefinita, tutti i frammenti di codice disposti su almeno due righe possono essere compressi. I frammenti di codice disposti su meno di due righe possono essere compressi solo selezionando il codice. Per ulteriori informazioni sulla compressione del codice, consultate Comprimere ed espandere codice.
Impostare le preferenze Riscrittura codice
Utilizzate le preferenze Riscrittura codice per specificare come e se Dreamweaver deve modificare il codice all’apertura dei documenti, mentre copiate e incollate elementi dei moduli e quando inserite i valori di attributi e gli URL mediante strumenti come la finestra di ispezione Proprietà. Queste preferenze non hanno alcun effetto quando si modificano documenti HTML o script nella vista Codice.
Se le opzioni di riscrittura vengono disattivate, tutti i tag HTML che altrimenti verrebbero riscritti vengono indicati come tag non validi nella finestra del documento.
-
Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
-
Selezionate Riscrittura codice dall’elenco Categoria visualizzato sulla sinistra.
-
Impostate le opzioni desiderate tra le seguenti:
Correggi tag nidificati non validi e tag non chiusi
Riscrive i tag sovrapposti. Ad esempio, <b><i>testo</b></i> viene riscritto come <b><i>testo</i></b>. Questa opzione inserisce anche eventuali virgolette e parentesi di chiusura mancanti.
Rinomina oggetti modulo per Incolla
Verifica che fra i nomi degli oggetti modulo non siano presenti duplicati. Questa opzione è attivata per impostazione predefinita.
Nota:A differenza delle altre opzioni in questa finestra di dialogo delle Preferenze, questa opzione non viene applicata al momento dell’apertura di un documento ma solo quando si copia e si incolla un elemento di un modulo.
Elimina tag di chiusura aggiuntivi
Elimina i tag di chiusura privi dei tag di apertura corrispondenti.
Visualizza riepilogo correzioni
Visualizza un riepilogo di tag HTML tecnicamente non validi che Dreamweaver ha tentato di correggere. Il riepilogo indica la posizione del problema, riportando i numeri di riga e di colonna, in modo da consentire all’utente di trovare la correzione e verificare che abbia l’effetto desiderato.
Non riscrivere mai il codice: Nei file con estensioni
Impedisce a Dreamweaver di riscrivere il codice nei file con le estensioni specificate. Questa opzione risulta particolarmente utile per i file che contengono tag di terze parti.
Codifica <, >, & e " nei valori di attributo usando &
Assicura che i valori di attributo inseriti o modificati mediante gli strumenti di Dreamweaver quali la finestra di ispezione Proprietà contengano solo caratteri validi. Questa opzione è attivata per impostazione predefinita.
Nota:Questa opzione e le opzioni seguenti non possono essere applicate agli URL digitati nella vista Codice. Inoltre, non comportano la modifica di un codice esistente presente in un file.
Non codificare caratteri speciali
Impedisce a Dreamweaver di modificare gli URL in modo da utilizzare solo i caratteri consentiti. Questa opzione è attivata per impostazione predefinita.
Codifica caratteri speciali negli URL usando &#
Assicura che quando gli URL vengono inseriti o modificati mediante gli strumenti di Dreamweaver, quali la finestra di ispezione Proprietà, questi URL contengano solo caratteri consentiti.
Codifica caratteri speciali negli URL usando %
Opera nello stesso modo dell’opzione precedente ma utilizza un metodo diverso per la codifica di caratteri speciali. Questo metodo di codifica (che utilizza il segno di percentuale) può assicurare maggiore compatibilità con i browser precedenti ma non funziona con i caratteri di alcune lingue.
Impostare le preferenze Suggerimenti codice
Utilizzate le preferenze per i suggerimenti codice per configurarne la modalità di funzionamento.
-
Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
-
Selezionate Suggerimenti sul codice dalla categoria visualizzata sulla sinistra.
-
Impostate le opzioni desiderate tra le seguenti:
Tag di chiusura
Specificate la modalità con cui Dreamweaver chiude i tag.
- Dopo l’inserimento di "</" -
- Dopo l’inserimento dei tag di apertura ">" - Selezionate questa opzione se desiderate che Dreamweaver aggiunga automaticamente un tag di chiusura dopo la chiusura del tag di apertura.
- Mai - Impostate questa opzione se non volete che Dreamweaver aggiunga automaticamente i tag di chiusura.
Abilita suggerimenti sul codice
Selezionate questa opzione per attivare o disattivare i suggerimenti sul codice e il completamento del codice in Dreamweaver. Per ulteriori informazioni sulle funzioni per suggerimenti sul codice e completamento del codice di Dreamweaver, consultate Suggerimenti sul codice e completamento del codice.
Abilita descrizioni comandi
Selezionate questa opzione per attivare la visualizzazione delle descrizioni con i suggerimenti sul codice. Le descrizioni forniscono informazioni aggiuntive relative al codice che si sta scrivendo.
Inserisci automaticamente le parentesi Quando selezionata e immettete una parentesi di apertura, la parentesi di chiusura è inserita automaticamente. La parentesi non è inserita se l’opzione non è selezionata. Si applica a tutti i tipi di parentesi e a tutti i tipi di file (html, js, css, php).
Inserisci automaticamente le virgolette Quando selezionata e immettete una virgoletta di apertura, la virgoletta di chiusura è inserita automaticamente. La virgoletta non è inserita se l’opzione non è selezionata. Si applica alle virgolette singole e doppie e a tutti i tipi di file (html, php, css, js).
Impostare le preferenze per il completamento automatico del codice
Potete attivare e disattivare la chiusura automatica delle parentesi angolari e delle virgolette effettuando le seguenti operazioni:
-
Aprite il file brackets.json nel percorso seguente:
- Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
-
Per disattivare la chiusura automatica delle parentesi angolari e tonde, impostate autoCloseBraces su False.
-
Per disattivare l’inserimento automatico delle virgolette corrispondenti, impostate autoCloseQuotes su False.
Per attivare la chiusura automatica delle parentesi angolari e delle virgolette corrispondenti, impostate i valori sopra riportati su True.
-
Salvate il file .json e avviate Dreamweaver.
Impostare le preferenze di PHP
L’ambiente di sviluppo del codice PHP può essere configurato a seconda delle esigenze. Questa configurazione può essere impostata individualmente per ogni sito o a livello generale per tutti i file PHP salvati esternamente ai siti Dreamweaver.
In Dreamweaver sono configurati i suggerimenti sul codice e i controlli di linting per la versione selezionata del linguaggio PHP.
Per configurare le preferenze per la versione del codice PHP per i file non specifici al sito, procedete come segue:
-
Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
-
Selezionate PHP dall’elenco delle categorie a sinistra.
-
Scegliete una versione di PHP dall’elenco a discesa Versione PHP, quindi fate clic su Applica.
Per configurare la versione di PHP per un sito specifico, procedete come segue:
-
Nella finestra di dialogo Configurazione sito, in Impostazioni avanzate, selezionate PHP.
-
Scegliete una versione di PHP dall’elenco a discesa Versione PHP, quindi fate clic su Salva.
Impostare i temi di colore e del codice
All’avvio di Dreamweaver, potete scegliere un tema di colore in base alle vostre preferenze. Potete anche modificare questa preferenza in qualsiasi momento.
-
Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
-
Selezionate Interfaccia dall’elenco Categoria visualizzato sulla sinistra.
-
Scegliete un tema dall’elenco Temi colore.
-
Dopo aver impostato il tema dell’interfaccia, impostate quello del codice.
Potete scegliere tra un tema del codice chiaro o scuro.
-
Fate clic su Applica per salvare le modifiche.
La colorazione del codice può essere ulteriormente personalizzata in base alle vostre esigenze. Per ulteriori informazioni, consultate Personalizzare la colorazione del codice.
Utilizzare un editor esterno
Potete specificare un editor esterno da utilizzare per modificare i file con una specifica estensione. Ad esempio, potete avviare un editor di testo quale BBEdit, Blocco note o TextEdit da Dreamweaver per modificare i file JavaScript (JS).
Potete assegnare editor esterni differenti per le varie estensioni dei nomi di file presenti.
Impostare un editor esterno per un tipo di file
-
Selezionate Modifica > Preferenze.
-
Selezionate Tipi di file/editor dall’elenco Categoria visualizzato sulla sinistra, impostate le opzioni e fate clic su OK.
Apri in vista Codice
Specifica le estensioni dei nomi di file che devono essere aperti automaticamente nella vista Codice in Dreamweaver.
Ricarica file modificati
Specifica l’azione da eseguire quando Dreamweaver rileva che un documento aperto è stato modificato all’esterno di Dreamweaver.
Salva all’avvio
Specifica se, ogni volta che viene avviato l’editor esterno, Dreamweaver deve salvare sempre o non salvare mai il documento corrente oppure chiedere all’utente se eseguire il salvataggio.
Fireworks
Potete collegare Fireworks a Dreamweaver fornendo qui il percorso all’applicazione.