Definizione delle proprietà del testo nella finestra di ispezione Proprietà



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.

Modifica di regole CSS nella finestra di ispezione Proprietà

  1. Aprite la finestra di ispezione Proprietà (Finestra > Proprietà), se non è già aperta e fate clic sul pulsante CSS.
  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.

  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, facendo 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.

    Pannello CSS
    Apre il pannello Stili CSS 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 carattere nella regola di destinazione. Selezionare un colore web-safe facendo clic sulla casella del colore oppure inserendo il valore esadecimale corrispondente (ad esempio, #FF0000) nel campo di testo adiacente.

    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
    Aggiunge le rispettive proprietà di allineamento alla regola di destinazione.
    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.

Per vedere un'esercitazione sull'utilizzo della finestra di ispezione Proprietà CSS, visitate il sito www.adobe.com/go/lrvid4041_dw_it.

Impostazione della 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. Selezionare il testo da formattare.
  3. Impostare le opzioni da applicare al testo selezionato:
    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.

    Utilizzare il menu Stile per effettuare una delle seguenti operazioni:

    • Selezionare lo stile da applicare alla selezione.

    • Selezionare 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.

    Rientro a destra del testo e Rientro a sinistra del testo
    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. Fare clic sull'icona a forma di cartella per individuare un file del proprio sito, digitare l'URL, trascinare l'icona Scegli file all'interno del pannello File o trascinare 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.