- 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
Aggiungere e formattare il testo nella vista Dal vivo, nella vista Codice, o tramite l'estrazione di testo e le proprietà associate da file PSD.
Aggiungere testo a un documento
Per aggiungere testo a un documento di Dreamweaver potete digitarlo direttamente nella finestra del documento oppure tagliarlo e incollarlo. Potete inoltre importare testo da altri documenti.
Per incollare un testo in un documento di Dreamweaver, potete utilizzare il comando Incolla o Incolla speciale. Quest'ultimo consente di specificare il formato del testo incollato in vari modi. Ad esempio, se volete incollare un testo da un documento di Microsoft Word formattato al vostro documento Dreamweaver, rimuovendo però la formattazione al fine di applicare un vostro foglio di stile CSS al testo incollato, potete selezionare il testo in Word, copiarlo negli Appunti e utilizzare il comando Incolla speciale con l'opzione Solo testo.
Nelle Preferenze potete impostare le opzioni predefinite da applicare ogni volta che utilizzate il comando Incolla.
Control+V (Windows) e Comando+V (Macintosh) consentono di copiare solo il testo (senza formattazione) nella vista Codice.
-
Aggiungete testo al documento effettuando una delle seguenti operazioni:
- Estraete testo dalle vostre composizioni PSD con il pannello Extract. Per ulteriori informazioni, consultate Copiare testo dai file PSD.
- Digitate il testo direttamente nella finestra del documento.
- Copiate il testo da un'altra applicazione, passate a Dreamweaver, collocate il punto di inserimento nella vista Progettazione della finestra del documento e selezionate Modifica > Incolla oppure Modifica > Incolla speciale.
Se selezionate Modifica > Incolla speciale, potete selezionare varie opzioni di formattazione.
Potete anche utilizzare le seguenti scelte rapide da tastiera per incollare il testo:
Opzione Incolla
Scelta rapida da tastiera
Incolla
Control+V (Windows)
Comando+V (Macintosh)
Incolla speciale
Control+Maiusc+V (Windows)
Comando+Maiusc+V (Macintosh)
Inserire caratteri speciali
In HTML, alcuni caratteri speciali sono rappresentati da un nome o da un numero, definito entità. Il codice HTML include nomi di entità per i caratteri come il simbolo del copyright (©), la e commerciale (&) e il simbolo del marchio registrato (®). Ogni entità è dotata di un nome (ad esempio, —) e di un equivalente numerico (ad esempio, —).
Le parentesi angolari <> sono simboli utilizzati dal codice HTML e non possono, di conseguenza, essere utilizzati per esprimere i concetti “maggiore di” e “minore di” perché Dreamweaver li interpreterebbe come codice. In alternativa alle parentesi angolari, utilizzate > per “maggiore di” (>) e < per “minore di” (<).
Sfortunatamente, molti browser meno recenti non visualizzano molte delle entità con nome.
-
Nella finestra del documento, spostate il punto di inserimento nella posizione in cui desiderate inserire un carattere speciale.
-
Effettuate una delle operazioni seguenti:
Selezionate il nome del carattere da Inserisci > HTML > Carattere.
Nella categoria HTML del pannello Inserisci, fate clic sull'opzione Carattere e selezionate il carattere dal menu a comparsa.
Nota:Sono disponibili molti altri caratteri speciali; per sceglierne uno, selezionate Inserisci > HTML > Carattere > Altro... o fate clic sul pulsante Caratteri nella categoria HTML del pannello Inserisci e selezionate l'opzione Altro carattere. Selezionate un carattere dalla finestra di dialogo Inserisci un altro carattere e fate clic su OK.
Aggiungere spazio tra i caratteri
Il codice HTML prevede l'inserimento di un solo spazio fra i caratteri; per poter aggiungere altro spazio nel documento è necessario inserire uno spazio unificatore. Potete impostare una preferenza in modo da aggiungere automaticamente spazi unificatori nel documento.
Inserire uno spazio unificatore
-
Effettuate una delle operazioni seguenti:
Selezionate Inserisci > HTML > Caratteri speciali > Spazio unificatore.
Premete Ctrl+Maiusc+Spazio (Windows) o Opzione+Spazio (Macintosh).
Dal pannello Inserisci, selezionate HTML, fate clic sul pulsante Caratteri e selezionate l'opzione Spazio unificatore.
Impostare una preferenza per aggiungere spazi unificatori
-
Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
-
Nella categoria Generali, verificate che sia selezionata l'opzione Consente spazi consecutivi multipli.
Aggiungere spaziatura tra paragrafi
Il funzionamento di Dreamweaver è molto simile a quello di molte applicazioni di elaborazione testi: per creare un nuovo paragrafo, è sufficiente premere Invio. I browser Web inseriscono automaticamente una riga vuota tra un paragrafo e l'altro. L'inserimento di un'interruzione di riga consente di aggiungere una riga singola.
Aggiungere un ritorno a capo
-
Premete Invio.
Aggiungere un'interruzione di riga
-
Effettuate una delle operazioni seguenti:
Premete Maiusc+Invio.
Selezionate Inserisci > HTML > Caratteri speciali > Interruzione riga.
Dal pannello Inserisci, selezionate HTML, fate clic sul pulsante Caratteri e selezionate Interruzione riga.
Creare elenchi puntati e numerati
Nella finestra del documento, potete selezionare un testo esistente o inserire un nuovo testo e convertirlo in un elenco numerato (ordinato), puntato (non ordinato) o di definizioni.
Gli elenchi di definizioni non prevedono l'aggiunta di punti o numeri e vengono spesso utilizzati per la creazione di glossari e descrizioni. Gli elenchi possono anche essere nidificati. Gli elenchi nidificati contengono al loro interno altri elenchi. Ad esempio, potete nidificare un elenco ordinato o puntato all'interno di un elenco ordinato o puntato di livello superiore.
La finestra di dialogo Proprietà elenco consente di impostare l'aspetto di un elenco intero o di una singola voce di elenco. Da questa finestra potete impostare lo stile del numero, ripristinare la numerazione o impostare le opzioni dei punti elenco per singole voci o per l'intero elenco.
Creare un nuovo elenco
-
Nel documento Dreamweaver, portate il punto di inserimento nella posizione in cui desiderate aggiungere l'elenco ed effettuate una delle seguenti operazioni:
Nella finestra di ispezione Proprietà HTML, fate clic su Elenco ordinato o su Voce elenco.
Selezionate Inserisci > HTMl > e selezionate il tipo di elenco desiderato - Elenco on ordinato (puntato), Elenco ordinato (numerato).
Nella finestra del documento viene visualizzato il carattere iniziale della voce di elenco specificata.
-
Digitate il testo della voce di elenco, quindi premete Invio per ogni nuova voce da creare.
-
Per completare l'elenco, premete due volte il tasto Invio.
Creare un elenco utilizzando un testo esistente
-
Selezionate una serie di paragrafi da convertire in elenco.
-
Selezionate Inserisci > HTML > Elenco non ordinato o Elenco ordinato oppure Voce elenco.
Creare un elenco nidificato
-
Selezionate le voci elenco da nidificare.
-
Fate clic con il pulsante destro del mouse e selezionate Elenco >Rientro.
Dreamweaver fa rientrare il testo e crea un elenco separato utilizzando gli attributi HTML dell'elenco originario.
-
Per applicare un nuovo tipo di elenco o stile al testo rientrato, utilizzate la procedura descritta sopra.
Impostare le proprietà di un intero elenco
-
Nella finestra del documento, create almeno una voce di elenco. Il nuovo stile viene automaticamente applicato alle ulteriori voci aggiunte all'elenco.
-
Con il punto di inserimento nel testo della voce di elenco, fate clic con il pulsante destro del mouse e selezionate Elenco > Proprietà. Il sistema visualizza la finestra di dialogo Proprietà elenco.
-
Impostate le opzioni da applicare all'elenco:
Tipo di elenco
Specifica le proprietà dell'elenco, mentre Voce elenco specifica una singola voce dell'elenco. Dal menu a comparsa, selezionate un elenco puntato, numerato, a directory o a menu. A seconda del tipo di elenco selezionato nella finestra di dialogo vengono visualizzate opzioni diverse.
Stile
Determina lo stile dei numeri o dei punti utilizzati negli elenchi numerati o puntati. Lo stile viene applicato a tutte le voci dell'elenco, a meno che non impostiate uno stile diverso per le singole voci.
Conteggio iniziale
Imposta il valore della prima voce di un elenco numerato.
-
Fate clic su OK per impostare le opzioni.
Impostare le proprietà di una voce di elenco
-
Nella finestra del documento, collocate il punto di inserimento nel testo della voce di elenco da modificare.
-
Fate clic con il pulsante destro del mouse e selezionate Elenco >Proprietà.
-
Nella sezione Voce elenco della finestra di dialogo, impostate le opzioni desiderate:
Nuovo stile
Specifica lo stile della voce di elenco selezionata. Gli stili visualizzati nel menu a comparsa Nuovo stile dipendono dal tipo di elenco visualizzato nel menu a comparsa Tipo di elenco. Ad esempio, se nel menu a comparsa Voce elenco viene visualizzato Elenco puntato, in Nuovo stile saranno disponibili solo le opzioni relative ai punti elenco.
Inizia conteggio da
Imposta il numero a partire dal quale numerare le voci dell'elenco.
-
Fate clic su OK per impostare le opzioni.
Cercare e sostituire testo
Per ulteriori informazioni sulla ricerca e la sostituzione di testo, consultate Trovare e sostituire il testo.
Definire abbreviazioni e acronimi
HTML fornisce tag che permettono di definire le abbreviazioni e gli acronimi usati nella pagina da motori di ricerca, controllori ortografici, programmi di traduzione o sintetizzatori vocali. Ad esempio, può essere necessario specificare che l'abbreviazione IM presente nella pagina si riferisce a ingegnere meccanico, oppure che l'acronimo OMS significa Organizzazione Mondiale della Sanità.
-
Selezionate l'abbreviazione o l'acronimo nel testo della pagina.
-
Selezionate Inserisci > HTML > Oggetti di testo > Abbreviazione, oppure Inserisci > HTML > Oggetti di testo > Acronimo.
-
Inserite il testo completo dell'acronimo o dell'abbreviazione.
-
Inserite la lingua, ad esempio “en” per l'inglese, “de” per il tedesco o “it” per l'italiano.
Impostare le preferenze di Copia e Incolla
Potete impostare preferenze specifiche per il comando Incolla da utilizzare come opzioni predefinite ogni volta che selezionate Modifica > Incolla per incollare testo da altre applicazioni. Ad esempio, se desiderate incollare sempre il testo senza formattazione, oppure con una formattazione di base, potete impostare l'opzione predefinita corrispondente nella categoria Copia/Incolla della finestra di dialogo Preferenze.
Per incollare un testo in un documento di Dreamweaver, potete utilizzare il comando Incolla o Incolla speciale. Quest'ultimo consente di specificare il formato del testo incollato in vari modi. Ad esempio, se volete incollare un testo da un documento di Microsoft Word formattato al vostro documento Dreamweaver, rimuovendo però la formattazione al fine di applicare un vostro foglio di stile CSS al testo incollato, potete selezionare il testo in Word, copiarlo negli Appunti e utilizzare il comando Incolla speciale con l'opzione Solo testo.
Le opzioni impostate nelle preferenze di Copia/Incolla vengono utilizzate solo per gli elementi incollati nella vista Progettazione.
-
Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
-
Fate clic sulla categoria Copia/Incolla.
-
Impostate le seguenti opzioni e fate clic su OK.
Solo testo
Incolla il testo senza formattazione. Se il testo originale è formattato, tutta la formattazione (comprese le interruzioni di riga e di paragrafo) viene rimossa.
Testo con struttura
Incolla testo che conserva la struttura ma non la formattazione di base. Ad esempio, potete incollare il testo e mantenere la struttura di paragrafi, elenchi e tabelle ma non il grassetto, il corsivo o altri attributi di formattazione.
Testo con struttura e formattazione base
Incolla sia testo strutturato sia testo con formattazione HTML semplice (ad esempio paragrafi e tabelle o testo formattato con i tag b, i, u, strong, em, hr, abbr o acronym).
Testo con struttura e formattazione completa
Incolla il testo mantenendone la struttura, la formattazione HTML e gli stili CSS.
Nota:Questa opzione non consente tuttavia di mantenere gli stili CSS definiti in fogli di stile esterni, né di mantenere gli stili se l'applicazione in cui sono stati definiti non consente di memorizzarli negli Appunti con il comando Incolla.
Mantieni interruzioni di riga
Consente di mantenere le interruzioni di riga nel testo incollato. L'opzione è disattivata se è stata selezionata l'opzione Solo testo.
Ottimizza spaziatura tra paragrafi di Word
Selezionate questa opzione se avete selezionato l'opzione Testo con struttura o Testo con struttura e formattazione di base e desiderate eliminare lo spazio superfluo tra i paragrafi quando incollate il testo.
Converti virgolette tipografiche in virgolette dritte Converte le virgolette tipografiche in virgolette dritte.