Aprite un file supportato.
- 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
Impostate le preferenze che controllano il formato del codice ogni volta che create o modificate un file.
Formattazione manuale del codice
-
-
Selezionate Modifica > Codice > Applica formattazione di origine.
In alternativa, selezionate Applica formattazione di origine dalla barra degli strumenti comune > Formatta codice di origine.
Formattazione manuale del codice selezionato in un file
-
Aprite il codice.
-
Selezionate una parte qualsiasi del codice.
-
Selezionate Modifica > Codice > Applica formattazione origine alla selezione.
In alternativa, selezionate Applica formattazione di origine alla selezione dalla barra degli strumenti comune > Formatta codice di origine.
Nota:Se selezionate del codice compreso tra qualsiasi tag e applicate la formattazione di origine alla selezione, la formattazione è applicata fino al tag principale.
Modifica delle regole predefinite per la formattazione del codice
Potete personalizzare la formattazione del codice CSS, JS e PHP aggiungendo le regole di formattazione nel file .jsbeautifyrc nella cartella principale del sito.
Per aggiungere il file .jsbeautifyrc, effettuate i passaggi riportati di seguito:
- Le istruzioni seguenti sono pertinenti ai soli documenti CSS, JS e PHP.
- I tag HTML in un documento PHP sono formattati in base alle preferenze nelle librerie di tag. Potete formattare il codice all’interno dei blocchi PHP con le istruzioni riportate di seguito.
-
Create un nuovo file nella cartella principale del sito con nome file .jsbeautifyrc
-
Copiate e incollate le regole di formattazione CSS predefinite per CSS, JS e PHP in .jsbeautifyrc e salvate il file.
{ "js": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": true, "comma_first": false, "operator_position": "after-newline" }, "css": { "preserve_newlines": false, "selector_separator_newline" : false, "end_with_newline": false, "newline_between_rules": false, "space_around_selector_separator": true }, "php": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "brace_style": "collapse", "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": false, "comma_first": false, "space_in_paren":true } }
-
Modificate le regole predefinite per modificare le regole predefinite di formattazione del codice in base alla tabella riportata di seguito e salvate le modifiche.
-
Riavviate Dreamweaver e applicate la formattazione del codice a un file CSS, JS e PHP.
Il codice verrà formattato in base alle regole di formattazione aggiornate.
Se desiderate personalizzare la formattazione del codice per i file PHP, CSS e JS in altri siti Dreamweaver, dovrete inserire il file .jsbeautifyrc personalizzato nella cartella principale del sito.
Regole di formattazione per CSS, JS e PHP:
CSS | Regole | Valori predefiniti in Dreamweaver | Descrizione |
preserve_newlines | false | Se mantenere le righe vuote. | |
selector_separator_newline | false | Se inserire una nuova riga tra i selettori separati da virgola. Ad esempio: “.div, .P” |
|
end_with_newline | false | Se terminare il file con una riga vuota. | |
newline_between_rules | false | Se aggiungere una nuova riga dopo ogni regola CSS. | |
space_around_selector_separator | true | Per avere sempre uno spazio intorno ai separatori di selettore: “>”, “+”, “~” Ad esempio: applicando la formattazione di origine, “a>b” diventa “a > b”. |
JS | Regole | Valori predefiniti in Dreamweaver | Descrizione |
“eol” | “\n” | Carattere utilizzato per rappresentare la fine della riga. | |
preserve_newlines | true | Se mantenere le righe vuote. | |
max_preserve_newlines | 3 | Per "max_preserve_newlines": N, sono mantenute N-1 righe vuote applicando la formattazione, quando nel file JS sono presenti più di N-1 righe vuote. Nota: max_preserve_newlines è applicabile solo se preserve_newlines è impostato su true. |
|
space_after_anon_function | true | Se aggiungere uno spazio prima della parentesi di una funzione anonima. Ad esempio: applicando la formattazione di origine, “function()” diventa “function ()”. |
|
keep_array_indentation | false | Consente o mantiene la nuova riga nel corpo di un array. | |
space_before_conditional | true | Se aggiungere uno spazio prima di un’istruzione condizionale Ad esempio: applicando la formattazione di origine, “if(true)” diventa “if (true)”. |
|
break_chained_methods | false | Consente o mantiene la nuova riga tra funzioni concatenate. Ad esempio: “foobar().baz()” |
|
unescape_strings | false | Se ai caratteri stampabili nelle stringhe codificate in notazione\xNN non deve essere anteposta la barra rovesciata. Ad esempio: applicando la formattazione di origine, “\x65\x78\x61\x6d\x70\x6c\x65” diventa “example”. |
|
wrap_line_length | 0 | Le righe devono andare a capo alla successiva opportunità dopo questo numero di caratteri. | |
end_with_newline | true | Per garantire l’aggiunta di una riga nuova alla fine del file. |
|
comma_first | false | Anche se interrompe la riga sulla virgola, questo flag è utilizzato per garantire che la virgola sia il primo carattere della riga. | |
operator_position | after-newline | Se un’espressione condizionale lunga è divisa in più linee, questo flag viene utilizzato per definire la posizione degli operatori nelle righe. Il flag può essere modificato con i valori seguenti:
|
Le regole di formattazione per PHP sono le stesse di quelle della formattazione JS (descritte nella tabella sopra) con due regole aggiuntive riportate di seguito:
PHP | Regole | Valori predefiniti in Dreamweaver | Descrizione |
brace_style | collapse | con questa opzione potete controllare la posizione delle parentesi graffe: Ad esempio: function f() { // codice } oppure function f() { // Codice } Potete assegnare i valori seguenti:
|
|
space_in_paren | true | Se aggiungere spazi dentro le parentesi. Ad esempio: include('header.php') diventa include( 'header.php' ) applicando la formattazione |