Impostare le preferenze di codifica

Seleziona Visualizza > Opzioni vista Codice.

Dispone il codice in modo da poterlo visualizzare senza scorrimento orizzontale.Questa opzione non inserisce interruzioni di riga; rende solo il codice più facile da visualizzare.

Visualizzare i numeri di riga accanto al codice.

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.

Attiva o disattiva la colorazione codice. Per informazioni su come modificare lo schema di colorazione, vedete Impostare i colori del codice.

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.

Indica se il codice generato da Dreamweaver deve essere rientrato (secondo le regole di rientro specificate in queste preferenze) o meno.

La maggior parte delle opzioni di rientro in questa finestra di dialogo si applica solo al codice generato da Dreamweaver, non al codice digitato manualmente.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.

(Casella di testo e menu a comparsa) Specifica quanti spazi o tabulazioni Dreamweaver deve utilizzare per far rientrare il codice che genera.Ad esempio, se digiti 3 nella casella e selezioni Tabulazioni nel menu a comparsa, il codice generato da Dreamweaver viene fatto rientrare utilizzando tre caratteri di tabulazione per ogni livello di rientro.

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. Se, inoltre, Rientra con è impostato su 3 tabulazioni, il codice generato da Dreamweaver viene fatto rientrare utilizzando tre caratteri di tabulazione per ogni livello di rientro, che appare nella vista Codice come uno spazio vuoto largo dodici caratteri.

Dreamweaver fa rientrare utilizzando spazi o tabulazioni; non converte una serie di spazi in una tabulazione quando inserisce il codice.

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'utilizzo di Emmet, consulta Utilizzare il toolkit Emmet con Dreamweaver.

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.

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 scarichi i file utilizzando la modalità ASCII, Dreamweaver imposta le interruzioni di riga in base al sistema operativo del tuo computer; se carichi i file utilizzando la modalità ASCII, tutte le interruzioni di riga sono impostate su CR LF.

Risolve un problema di rendering che si verifica in alcuni browser meno recenti quando sono presenti spazi bianchi o interruzioni di riga immediatamente dopo un tag <td> o immediatamente prima di un tag </td>.Quando selezioni questa opzione, Dreamweaver non scrive interruzioni di riga dopo un <td> o prima di un </td>, anche se la formattazione nella Libreria tag indica che l'interruzione di riga dovrebbe essere presente.

Consente di impostare le opzioni di formattazione per singoli tag e attributi nell'Editor libreria tag.

(Solo versione giapponese) Consente di selezionare &nbsp; o lo spazio Zenkaku per il codice HTML.Lo spazio bianco selezionato in questa opzione verrà utilizzato per i tag vuoti durante la creazione di una tabella e quando l'opzione "Consenti spazi consecutivi multipli" è abilitata nelle pagine con codifica giapponese.

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, consulta Comprimi ed espandi il codice.

Riscrive i tag sovrapposti.Per esempio, <b><i>text</b></i> viene riscritto come <b><i>text</i></b>. Questa opzione inserisce anche le virgolette di chiusura e le parentesi di chiusura se mancanti.

Verifica che fra i nomi degli oggetti modulo non siano presenti duplicati. Questa opzione è attivata per impostazione predefinita.

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 i tag di chiusura che non hanno un tag di apertura corrispondente.

Visualizza un riepilogo di tag HTML tecnicamente non validi che Dreamweaver ha tentato di correggere. Il riepilogo indica la posizione del problema (utilizzando i numeri di riga e colonna) in modo da poter trovare la correzione e assicurarsi che il rendering sia come previsto.

Consente di impedire a Dreamweaver di riscrivere il codice nei file con le estensioni specificate. Questa opzione è particolarmente utile per i file che contengono tag di terze parti.

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.

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.

Impedisce a Dreamweaver di modificare gli URL per utilizzare solo caratteri consentiti. Questa opzione è attivata per impostazione predefinita.

Assicura che quando inserisci o modifichi gli URL utilizzando Strumenti di Dreamweaver come la finestra di ispezione Proprietà, quegli URL contengano solo caratteri consentiti.

Funziona allo stesso modo dell'opzione precedente, ma utilizza un metodo diverso di codifica dei caratteri speciali. Questo metodo di codifica (utilizzando il segno di percentuale) potrebbe essere più compatibile con i browser meno recenti, ma non funziona altrettanto bene con i caratteri di alcune lingue.

Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).

Seleziona Suggerimenti codice dalla categoria sulla sinistra.

Impostate le opzioni desiderate tra le seguenti:

Specifica come vuoi che Dreamweaver chiuda i tag.

• Dopo aver digitato "</" - 
• Dopo aver digitato il ">" del tag di apertura - Seleziona questa opzione se desideri che Dreamweaver aggiunga automaticamente un tag di chiusura dopo aver chiuso il tag di apertura.
• Mai - Imposta questa opzione se non vuoi che Dreamweaver aggiunga automaticamente i tag di chiusura.

Selezionate questa opzione per attivare o disattivare i suggerimenti sul codice e il completamento del codice in Dreamweaver. Per ulteriori informazioni sulle funzionalità di suggerimento codice e completamento codice di Dreamweaver, consulta Suggerimento codice e completamento codice.

Selezionate questa opzione per attivare la visualizzazione delle descrizioni con i suggerimenti sul codice. Queste descrizioni forniscono informazioni aggiuntive sul codice che stai 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, php, css, js).

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 sia alle virgolette singole che doppie e a tutti i tipi di file (html, php, css, js).

Apri il file JSON brackets.json dalla seguente posizione:

• 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, imposta autoCloseBraces su falso.

Per disabilitare l'inserimento automatico delle virgolette corrispondenti, imposta autoCloseQuotes su Flase.

Se desideri abilitare la chiusura automatica delle parentesi e delle virgolette corrispondenti, imposta i valori sopra menzionati su vero.

Salva il file JSON e avvia dreamweaver.

Seleziona modificare > Preferenze (Windows) o dreamweaver > Preferenze (Macintosh).

Imposta PHP dall'elenco delle categorie a sinistra.

Scegli una versione PHP dal menu a discesa Versione PHP e fai clic su Applica.

Nella finestra di dialogo Configurazione sede, in Impostazioni avanzate, selezionare PHP.

Scegli una versione PHP dal menu a discesa Versione PHP e fai clic su Salva.

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.

Specifica le estensioni dei nomi file che si aprono automaticamente nella visualizzazione Codice in dreamweaver.

Specifica il comportamento quando dreamweaver rileva che sono state apportate modifiche esternamente a un documento aperto in dreamweaver.

Specifica se dreamweaver deve sempre salvare il documento corrente prima di avviare l'editor, non salvare mai il documento o richiedere se salvare o meno ogni volta che si avvia l'editor esterno.

Puoi connect Fireworks con dreamweaver fornendo qui il percorso dell'Applicazione.