Guida utente Annulla

Definire le proprietà del testo nella finestra di ispezione Proprietà

  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

 

Utilizzare la finestra di ispezione Proprietà testo per applicare la formattazione HTML o la formattazione CSS in Dreamweaver.

La finestra di ispezione Proprietà consente di applicare la formattazione HTML o la formattazione di fogli di stile CSS. Quando applicate la formattazione HTML, Dreamweaver aggiunge automaticamente le proprietà al codice HTML nel corpo della pagina. Quando applicate la formattazione CSS, Dreamweaver scrive automaticamente le proprietà nell'intestazione del documento o in un foglio di stile separato.

Nota:

Quando create stili CSS in linea, Dreamweaver aggiunge il codice dell'attributo di stile direttamente al corpo della pagina.

Informazioni sulla formattazione del testo (CSS o HTML)

La formattazione del testo in Dreamweaver è simile a quella di un normale programma di elaborazione testi. Potete impostare stili di formattazione predefiniti (Paragrafo, Titolo 1, Titolo 2 e così via) per un blocco di testo, cambiare il carattere, la dimensione, il colore e l'allineamento del testo selezionato oppure applicare gli stili di testo, ad esempio il grassetto, il corsivo, il carattere monospace e la sottolineatura.

In Dreamweaver sono disponibili due finestre di ispezione Proprietà, integrate in una sola: la finestra di ispezione Proprietà CSS e la finestra di ispezione Proprietà HTML. Quando utilizzate la finestra di ispezione Proprietà CSS, Dreamweaver applica la formattazione al testo utilizzando i fogli di stile CSS (Cascading Style Sheets). I CSS offrono ai designer e agli sviluppatori Web un maggiore controllo sulla progettazione delle pagine Web, funzioni di accessibilità migliorate e dimensioni di file ridotte. La finestra di ispezione Proprietà CSS consente di accedere agli stili esistenti e crearne di nuovi.

L'uso dei CSS consente di controllare lo stile di una pagina Web senza comprometterne la struttura. Tramite la separazione degli elementi di progettazione visivi (caratteri, colori, margini e così via) dalla logica strutturale di una pagina Web, i CSS offrono ai Web designer un controllo sia visivo che tipografico senza sacrificare l'integrità del contenuto. Inoltre, la definizione di una struttura tipografica e di un layout di pagina da un unico, distinto blocco di codice (senza dover ricorrere a mappe di immagini, tag font, tabelle ed elementi spaziatori) consente scaricamenti più veloci, una manutenzione ottimizzata del sito e fornisce un punto centrale da cui controllare gli attributi della progettazione attraverso più pagine Web.

Potete archiviare gli stili creati con CSS direttamente nel documento oppure, per disporre di maggiori potenzialità e flessibilità, potete archiviarli in un foglio di stile esterno. Se associate un foglio di stile esterno a diverse pagine Web, tutte le pagine rispecchiano automaticamente tutte le modifiche che vengono apportate al foglio di stile. Per accedere a tutte le regole CSS di una pagina, utilizzate il pannello Stili CSS (Finestra > Stili CSS). Per accedere alle regole associate alla selezione corrente, utilizzate il pannello Stili CSS (modalità Corrente) oppure il menu a comparsa Regola di destinazione nella finestra di ispezione Proprietà CSS.

Se preferite, potete utilizzare i tag HTML per formattare il testo nelle pagine Web. Per utilizzare i tag HTML anziché CSS, applicate la formattazione al testo tramite la finestra di ispezione Proprietà HTML.

Nota:

Potete combinare la formattazione CSS e HTML 3.2 all'interno della stessa pagina. La formattazione viene applicata secondo un ordine gerarchico: la formattazione HTML 3.2 ha la precedenza sulla formattazione applicata da fogli di stile CSS esterni e i CSS incorporati in un documento hanno la precedenza sui CSS esterni.

Modificare regole CSS nella finestra di ispezione Proprietà

  1. Se non è ancora aperta, aprite la finestra di ispezione Proprietà (Finestra > Proprietà) e selezionate l’opzione CSS nell’angolo sinistro del pannello.

  2. Effettuate una delle operazioni seguenti:
    • Posizionate il punto di inserimento all'interno di un blocco di testo formattato mediante una regola che desiderate modificare. La regola viene visualizzata nel menu a comparsa Regola di destinazione.
    • Selezionate una regola dal menu a comparsa Regola di destinazione.
    • Fate clic Modifica regola.
    Selezionate una regola da Regola di destinazione
    Selezionate una regola dal menu a comparsa Regola di destinazione.

  3. Modificate la regola utilizzando le opzioni disponibili nella finestra di ispezione Proprietà CSS.

    Regola di destinazione

    È la regola che state modificando nella finestra di ispezione Proprietà CSS. Se al testo è applicata una regola esistente, quando fate clic all'interno del testo nella pagina viene visualizzata la regola che influisce sul formato del testo. Per creare nuove regole CSS, nuovi stili in linea o applicare classi esistenti al testo selezionato, potete anche utilizzare il menu a comparsa Regola di destinazione. Se state creando una nuova regola, dovete completare la finestra di dialogo Nuova regola CSS. Per ulteriori informazioni, potete utilizzare i collegamenti presenti alla fine di questo argomento.

    Modifica regola

    Apre la finestra di dialogo Definizione regola CSS relativa alla regola di destinazione. Se selezionate Nuova regola CSS dal menu a comparsa Regola di destinazione e fate clic sul pulsante Modifica regola, Dreamweaver apre invece la finestra di dialogo Definizione regola CSS.

    CSS Designer

    Apre il pannello CSS Designer e visualizza le proprietà della regola di destinazione nella vista corrente.

    Carattere

    Consente di modificare il carattere della regola di destinazione.

    Dimensione

    Consente di modificare la dimensione di carattere della regola di destinazione.

    Colore testo

    Imposta il colore selezionato come colore del font nella regola di destinazione. Selezionate un colore web-safe facendo clic sulla casella del colore oppure inserendo il valore esadecimale corrispondente (ad esempio, #BB5153) nel campo di testo adiacente.

    Modificare le regole CSS in Dreamweaver
    Modificate le regole CSS utilizzando l’opzione Modifica regola.

    Grassetto

    Aggiunge la proprietà Grassetto alla regola di destinazione.

    Corsivo

    Aggiunge la proprietà Corsivo alla regola di destinazione.

    Allineamento A sinistra, Al centro e A destra

    Allinea la regola di destinazione a sinistra, al centro o a destra.

    Nota:

    Le proprietà Carattere, Dimensione, Colore testo, Grassetto, Corsivo e Allineamento indicano sempre le proprietà della regola applicata alla selezione corrente della finestra del documento. Se modificate una qualunque di queste proprietà, la modifica ha effetto sulla regola di destinazione.

Modificare il colore del testo utilizzando la finestra di ispezione Proprietà

Se non avete applicato alcuna regola specifica al testo, potete modificarne il colore direttamente dalla finestra di ispezione Proprietà. Nell’esempio seguente, osservate il colore del testo prima di modificarlo. Il campo accanto al selettore colore è bianco e indica il colore del testo sul quale è posizionato il cursore.

Modifica del colore del testo
Modifica del colore del testo in Dreamweaver

Per modificare il colore del testo, selezionate il testo da modificare. Fate clic sul selettore colore e selezionate un colore. Osservate l’immagine seguente dove è visualizzato il nuovo colore nella finestra di ispezione Proprietà.

Modifica del colore del testo in Dreamweaver
Utilizzate il selettore colore per modificare il colore del testo

Impostare la formattazione HTML nella finestra di ispezione Proprietà

  1. Aprite la finestra di ispezione Proprietà (Finestra > Proprietà), se non è già aperta, e fate clic sul pulsante HTML.
  2. Selezionate il testo da formattare.

  3. Impostate le opzioni da applicare al testo selezionato:
    Impostazione delle proprietà di formattazione del testo HTML in Dreamweaver CC
    Impostazione delle proprietà di formattazione del testo HTML

    Formato

    Imposta lo stile del paragrafo del testo selezionato. L'opzione Paragrafo applica il formato predefinito per un tag <p>, Titolo 1 aggiunge un tag H1 e così via.

    ID

    Assegna un ID alla selezione. Il menu a comparsa ID (se disponibile) elenca tutti gli ID dichiarati e non utilizzati del documento.

    Classe

    Visualizza lo stile di classe attualmente utilizzato per il testo selezionato. Se alla selezione non è stato applicato alcuno stile, nel menu a comparsa viene visualizzata l'indicazione Nessuno stile CSS. Se sono stati applicati più stili alla selezione, il menu è vuoto.

    Utilizzate il menu Stile per effettuare una delle seguenti operazioni:

    • Selezionate lo stile da applicare alla selezione.

    • Selezionate Nessuno per rimuovere lo stile selezionato.

    • Selezionate Rinomina per rinominare lo stile.

    • Selezionate Associa foglio di stile per aprire una finestra di dialogo che consente di collegare un foglio di stile esterno alla pagina.

    Grassetto

    Applica <b> oppure <strong> al testo selezionato in base alle preferenze di stile impostate nella categoria Generali della finestra di dialogo Preferenze.

    Corsivo

    Applica <i> oppure <em> al testo selezionato in base alle preferenze di stile impostate nella categoria Generali della finestra di dialogo Preferenze.

    Elenco non ordinato

    Converte il testo selezionato in un elenco puntato. In assenza di testo selezionato, viene aperto un nuovo elenco puntato.

    Elenco ordinato

    Converte il testo selezionato in un elenco numerato. In assenza di testo selezionato, viene aperto un nuovo elenco numerato.

    Blocco citazione e Rimuovi blocco citazione

    Applica o elimina il rientro dal testo selezionato aggiungendo o eliminando il tag blockquote. All'interno di un elenco, la selezione del rientro crea un elenco nidificato, mentre l'eliminazione del rientro riporta tutte le voci allo stesso livello.

    Collegamento

    Crea un collegamento ipertestuale per il testo selezionato. Fate clic sull'icona a forma di cartella per individuare un file del proprio sito, digitate l'URL, trascinate l'icona Scegli file all'interno del pannello File o trascinate un file dal pannello File alla casella.

    Titolo

    Specifica la descrizione comando in formato testo per un collegamento ipertestuale.

    Destinazione

    Specifica il frame o la finestra in cui deve essere caricato il documento collegato:

    • _blank Carica il file collegato in una nuova finestra del browser senza nome.

    • _parent Carica il file collegato nel set di frame o nella finestra superiore del frame che contiene il collegamento. Se il frame in cui si trova il collegamento non è nidificato, il file collegato viene caricato nella finestra del browser a grandezza piena.

    • _self Carica il file collegato nello stesso set di frame o nella stessa finestra in cui si trova il collegamento. Questo collegamento è implicito e quindi di solito non è necessario specificarlo.

    • _top Carica il file collegato nella finestra del browser a grandezza piena, eliminando tutti i frame.

Rinominare una classe dalla finestra di ispezione Proprietà HTML

Dreamweaver visualizza tutte le classi disponibili per la pagina nel menu Classe della finestra di ispezione Proprietà HTML. Potete rinominare gli stili in questo elenco selezionando l'opzione Rinomina alla fine dell'elenco di stili di classe.

  1. Nella finestra di ispezione Proprietà, selezionate l’elenco a discesa Classe.

  2. Dalla fine dell’elenco visualizzato, selezionate Rinomina.

  3. Selezionate lo stile da rinominare dal menu a comparsa Rinomina stile.

    Rinominare la classe HTML in Dreamweaver
    Rinominare una classe HTML

  4. Inserite un nuovo nome nella casella di testo Nuovo nome e fate clic su OK.
Logo Adobe

Accedi al tuo account

[Feedback V2 Badge]