Condividi tramite

Formattare il codice

  • Articolo

In Microsoft Expression Web sono disponibili opzioni che influiscono sull'aspetto del codice e altre che consentono di assegnare un nuovo formato al codice.

Le tecniche di formattazione di base, ad esempio le interruzioni di pagina, gli spazi e i rientri, semplificano la lettura e la modifica del codice, senza modificare l'aspetto della pagina Web. In Expression Web è possibile specificare queste e altre impostazioni, nonché definire in modo univoco il colore e le dimensioni del carattere dei tag, degli attributi, dei valori e degli script.

[!NOTA]

Quando si apre una pagina che contiene già codice, Expression Web mantiene la formattazione del codice per impostazione predefinita. Le impostazioni disponibili nella scheda Formattazione codice della finestra di dialogo Opzioni editor di pagine si applicano solo alle nuove pagine Web che si creano e al contenuto che si aggiunge o modifica.

Per impostare le opzioni di visualizzazione del codice

  1. Scegliere Opzioni editor di pagine dal menu Strumenti.

  2. Nella finestra di dialogo Opzioni editor di pagine, nella scheda Generale, nell'area Opzioni visualizzazione Codice, eseguire una delle operazioni seguenti:

    Utilizzare

    Per

    A capo automatico

    Dividere automaticamente tramite ritorni a capo le righe di codice in base alle dimensioni della finestra di modifica.

    Rientro automatico

    Mantenere il rientro corrente quando si preme INVIO per creare una nuova riga.

    Numeri di riga

    Visualizzare un numero univoco a sinistra di ogni riga di codice.

    Margine selezione

    Aggiungere un margine sul lato sinistro della finestra di modifica che consente di selezionare, tramite clic o trascinamento, una o più righe di codice.

    Evidenzia HTML non valido

    Visualizzare codice HTML non valido in un colore specifico (il colore predefinito è rosso) e con un colore di sfondo (il colore predefinito è giallo), che è possibile specificare nella scheda Coloricodice della finestra di dialogo Opzioni editor di pagine.

    Cc295457.alert_tip(IT-IT,Expression.30).gifSuggerimento:
    Per visualizzare una finestra mobile con maggiori informazioni su un particolare esempio di codice non valido o incompatibile, nella visualizzazione Codice posizionare il mouse sul codice che è evidenziato o sottolineato.

    Evidenzia HTML incompatibile

    Visualizzare il codice che non è compatibile con gli standard HTML con una sottolineatura ondulata.
    Cc295457.alert_tip(IT-IT,Expression.30).gifSuggerimento:

    Queste opzioni possono essere impostate anche utilizzando la barra degli strumenti Visualizzazione Codice. Per ulteriori informazioni, vedere Barra degli strumenti Visualizzazione Codice.

Per formattare il codice

  1. Scegliere Opzioni editor di pagine dal menu Strumenti.

  2. Nella finestra di dialogo Opzioni editor di pagine, nella scheda Formattazione codice, eseguire le operazioni seguenti:

    Utilizzare

    Per

    Reimposta

    Reimpostare le opzioni sui valori predefiniti.

    Nomi dei tag in minuscole

    Digitare i tag in lettere minuscole anziché maiuscole.

    Nomi degli attributi in minuscole

    Digitare i nomi degli attributi in lettere minuscole anziché maiuscole.

    Nomi di attributi in ordine alfabetico

    Inserire gli attributi HTML in ordine alfabetico.

    Consenti interruzioni di riga all'interno dei tag

    Inserire interruzioni di riga all'interno dei tag anziché mantenerli tutti nella stessa riga.

    Dimensione tabulazione

    Specificare il numero di spazi tra i caratteri per il rientro quando si preme il tasto TAB nella visualizzazione Codice che è utilizzato dall'opzione di formattazione del codice Rientro.

    Rientro

    Impostare le dimensioni e l'unità di misura del margine sinistro per il codice nidificato.

    Margine destro

    Impostare le dimensioni del margine destro per il codice.

    Inserisci tabulazioni come spazi

    Formattare le tabulazioni come spazi.

    Tag

    Per impostare le opzioni di formattazione di particolari tag, selezionare il tag che si desidera formattare e nell'area Interruzioni di riga e sotto la sezione Interruzioni di riga, impostare le opzioni desiderate. Se ad esempio si desidera omettere il tag di fine degli elementi di un elenco </li>, che in genere è visualizzato dopo ogni elemento, in Tag selezionare li e quindi selezionare Ometti tag di fine.

    CSS

    Per impostare le opzioni di formattazione di determinati componenti di CSS, selezionare il componente da formattare e nell'area Formattazione impostare le opzioni desiderate. Per inserire, ad esempio, un determinato numero di spazi dopo la parentesi graffa di apertura ({) che indica l'inizio di un blocco di dichiarazione dello stile, in CSS selezionare parentesi graffa aperta e quindi specificare il numero di spazi desiderato nella casella Spazi dopo.

    Rientra proprietà su nuove righe

    Impostare il rientro degli attributi CSS scritti da Expression Web.

    Usa proprietà a sintassi abbreviata per la generazione di stili

    Utilizzare attributi CSS a sintassi abbreviata anziché estesa. Se, ad esempio, l'opzione è selezionata, Expression Web consente di definire i valori relativi alla larghezza, al colore e allo stile di un bordo impostando solo l'attributo del bordo nello stile. Se l'opzione non è selezionata, Expression Web imposterà un attributo e un valore per ogni attributo del bordo.

    [!NOTA]

    Alcune delle opzioni di formattazione del codice specificate influiscono su tutte le pagine esistenti, mentre altre influiscono solo sulle nuove pagine create successivamente. Per riformattare il codice di pagine esistenti, vedere la procedura "Per riformattare il codice di una pagina esistente".

Per riformattare il codice di una pagina esistente

  1. Aprire la pagina Web che si desidera riformattare.

  2. Nel riquadro Codice fare clic con il pulsante destro del mouse e scegliere Formatta HTML.

Per impostare le opzioni di formattazione del codice in base alla formattazione del codice di una pagina specifica

  1. Aprire la pagina Web su cui si desidera basare le impostazioni e scegliere Opzioni editor di pagine dal menu Strumenti.

  2. Nella finestra di dialogo Opzioni editor di pagine, nella scheda Formattazione codice, fare clic su Basata sulla pagina corrente e quindi su OK.

Per specificare il colore del codice

  1. Scegliere Opzioni editor di pagine dal menu Strumenti.

  2. Nella finestra di dialogo Opzioni editor di pagine fare clic sulla scheda Colori codice e quindi eseguire le operazioni seguenti:

    Utilizzare

    Per

    Impostazioni visualizzazione Codice

    Passare alle impostazioni di visualizzazione del codice.

    Reimposta valori predefiniti

    Impostare le opzioni sui valori predefiniti.

    Elementi da visualizzare

    Selezionare l'elemento che si desidera formattare.

    Primo piano elemento, Sfondo elemento e Stile

    Formattare il codice relativo all'elemento selezionato in Elementi da visualizzare.

Per specificare il tipo di carattere del codice

  1. Scegliere Opzioni editor di pagine dal menu Strumenti.

  2. Nella finestra di dialogo Opzioni editor di pagine, nella scheda Tipi di carattere predefiniti, in Visualizzazione Codice, impostare i valori per Tipo di carattere e Dimensione.

Per impostare il rientro di righe di codice specifiche

  1. Nella visualizzazione Codice della pagina Web posizionare il cursore sulla riga di codice oppure selezionare il codice a cui si desidera applicare il rientro.

  2. Scegliere Visualizzazione Codice dal menu Modifica e quindi fare clic su Aumenta rientro o Riduci rientro.

Vedere anche

Attività

Aggiungere un segnalibro temporaneo al codice

Riferimenti

Barra degli strumenti Visualizzazione Codice