Guida utente Annulla

Lavorare con il testo

  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

 

 

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.

Nota:

Control+V (Windows) e Comando+V (Macintosh) consentono di copiare solo il testo (senza formattazione) nella vista Codice.

  1. 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, —).

Nota:

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 &gt; per “maggiore di” (>) e &lt; per “minore di” (<).

Sfortunatamente, molti browser meno recenti non visualizzano molte delle entità con nome.

  1. Nella finestra del documento, spostate il punto di inserimento nella posizione in cui desiderate inserire un carattere speciale.
  2. 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

  1. 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

  1. Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
  2. 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

  1. Premete Invio.

Aggiungere un'interruzione di riga

  1. 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

  1. 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.

  2. Digitate il testo della voce di elenco, quindi premete Invio per ogni nuova voce da creare.
  3. Per completare l'elenco, premete due volte il tasto Invio.

Creare un elenco utilizzando un testo esistente

  1. Selezionate una serie di paragrafi da convertire in elenco.
  2. Selezionate Inserisci > HTML > Elenco non ordinato o Elenco ordinato oppure Voce elenco.

Creare un elenco nidificato

  1. Selezionate le voci elenco da nidificare.

  2. 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.

  3. Per applicare un nuovo tipo di elenco o stile al testo rientrato, utilizzate la procedura descritta sopra.

Impostare le proprietà di un intero elenco

  1. Nella finestra del documento, create almeno una voce di elenco. Il nuovo stile viene automaticamente applicato alle ulteriori voci aggiunte all'elenco.
  2. 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.

  3. 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.

  4. Fate clic su OK per impostare le opzioni.

Impostare le proprietà di una voce di elenco

  1. Nella finestra del documento, collocate il punto di inserimento nel testo della voce di elenco da modificare.
  2. Fate clic con il pulsante destro del mouse e selezionate Elenco >Proprietà.

  3. 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.

  4. 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à.

  1. Selezionate l'abbreviazione o l'acronimo nel testo della pagina.
  2. Selezionate Inserisci > HTML > Oggetti di testo > Abbreviazione, oppure Inserisci > HTML > Oggetti di testo > Acronimo.
  3. Inserite il testo completo dell'acronimo o dell'abbreviazione.
  4. 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.

Nota:

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.

Nota:

Le opzioni impostate nelle preferenze di Copia/Incolla vengono utilizzate solo per gli elementi incollati nella vista Progettazione.

  1. Selezionate Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh).
  2. Fate clic sulla categoria Copia/Incolla.
  3. 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.

 Adobe

Ottieni supporto in modo più facile e veloce

Nuovo utente?