Fate clic sul testo o selezionate un oggetto nella pagina.
Ultimo aggiornamento il
27 apr 2021
Utilizzare la finestra di ispezione Proprietà per modificare il codice in vista Progettazione in Adobe Dreamweaver.
Dreamweaver consente di creare e modificare visivamente le pagine web senza preoccuparsi del codice origine sottostante, ma ci sono momenti in cui potresti dover modificare il codice per avere maggiore controllo o per risolvere i problemi della pagina web. Dreamweaver consente di modificare del codice mentre lavori nella vista Progettazione.
Questa sezione è progettata per le persone che preferiscono lavorare nella vista Progettazione, ma che vogliono anche un accesso rapido al codice.
Selezionare tag di livello inferiore nella vista Progettazione
Se selezioni un oggetto nella vista Progettazione che contiene tag figlio, ad esempio una tabella HTML, puoi selezionare rapidamente il primo tag figlio di quell'oggetto selezionando Modifica > Seleziona figlio.
Nota
questo comando è disponibile solo in vista Progettazione.
Ad esempio, il tag <table> normalmente ha tag <tr> figli.Se selezioni un tag <table> nel selettore di tag, puoi selezionare la prima riga nella tabella selezionando Modifica > Seleziona figlio. Dreamweaver seleziona il primo tag <tr> nel selettore di tag. Poiché il tag <tr> stesso ha tag figlio, ovvero tag <td>, selezionando nuovamente Modifica > Seleziona figlio si seleziona la prima cella nella tabella.
Modificare il codice nella finestra di ispezione Proprietà
Puoi utilizzare Controllo proprietà per ispezionare e modificare gli attributi del testo o degli oggetti sulla pagina.Le proprietà mostrate in Proprietà generalmente corrispondono agli attributi dei tag; cambiare una proprietà in Proprietà generalmente ha lo stesso effetto del cambiare l'attributo corrispondente nella vista Codice.
Nota
Sia Ispettore tag che Proprietà consentono di visualizzare e modificare gli attributi di un tag. Ispettore tag consente di visualizzare e modificare tutti gli attributi associati a un determinato tag. Proprietà mostra solo gli attributi più comuni, ma fornisce un set più ricco di controlli per cambiare i valori di quegli attributi e consente di modificare certi oggetti (come le colonne delle tabelle) che non corrispondono a tag specifici.
L'Ispettore proprietà per il testo o l'oggetto viene visualizzato sotto la finestra Documento.Se Proprietà non è visibile, seleziona Finestra > Proprietà.
Modificate gli attributi nella finestra di ispezione Proprietà.
Modificare il codice CFML nella finestra di ispezione Proprietà
Utilizza Proprietà per ispezionare e modificare il markup ColdFusion nella vista Progettazione.
Nell'Ispettore proprietà, fai clic sul pulsante Attributi per modificare gli attributi del tag o per aggiungerne di nuovi.
Se il tag contiene contenuto tra i tag di apertura e chiusura, fai clic sul pulsante Contenuto per modificare il contenuto.
Il pulsante Contenuto appare solo se il tag selezionato non è un tag vuoto (cioè se ha sia un tag di apertura che di chiusura).
Se il tag contiene un'espressione condizionale, apporta le modifiche nella casella Espressione.
Panoramica su Quick Tag Editor
Utilizzi l'editor tag rapido per ispezionare, inserire e modificare rapidamente i tag HTML senza uscire dalla vista Progettazione.
Se digiti HTML non valido nell'editor tag rapido, Dreamweaver tenta di correggerlo inserendo virgolette di chiusura e parentesi angolari di chiusura dove necessario.
Per impostare le opzioni dell'editor tag rapido, apri l'editor tag rapido premendo Control-T (Windows) o Command-T (Macintosh).
Quick Tag Editor ha tre modalità operative:
- La modalità Inserisci HTML consente di inserire nuovo codice HTML.
- La modalità Modifica tag consente di modificare un tag esistente.
La modalità Inserisci HTML consente di inserire nuovo codice HTML.
La modalità Modifica tag consente di modificare un tag esistente.
La modalità Applica tag consente di inserire un nuovo tag attorno alla selezione corrente.
Nota
la modalità in cui Quick Tag Editor viene aperto dipende dalla selezione corrente della vista Progettazione.
In tutte e tre le modalità la procedura di base per l'uso di Quick Tag Editor è la stessa: aprite l'editor, inserite o modificate i tag e gli attributi, quindi chiudete l'editor.
Per passare da una modalità all'altra, premete Ctrl+T (Windows) o Comando+T (Macintosh) quando Quick Tag Editor è attivo.
Modificare il codice con Quick Tag Editor
Utilizzate Quick Tag Editor ( Modifica > Quick Tag Editor) per inserire e modificare rapidamente i tag HTML senza dover chiudere la vista Progettazione.
Inserire un tag HTML
Nella vista Progettazione, fai clic nella
pagina per posizionare il punto di inserimento dove vuoi inserire il codice.
Premete Ctrl+T (Windows) o Comando+T (Macintosh).
Quick Tag Editor viene aperto in modalità HTML.
Inserite il tag HTML e premete Invio.
Il tag viene inserito nel codice, insieme a un tag di chiusura corrispondente se applicabile.
Premete il tasto Esc per uscire senza salvare le modifiche apportate.
Modificare un tag HTML
Selezionate un oggetto nella vista Progettazione.
Puoi anche selezionare il tag che vuoi modificare dal selettore di tag nella parte inferiore della finestra Documento. Per ulteriori informazioni, consulta Modificare il codice con il selettore di tag.
Premete Ctrl+T (Windows) o Comando+T (Macintosh).
Quick Tag Editor viene aperto in modalità Modifica tag.
Inserisci nuovi attributi, modifica quelli esistenti o modifica
il nome del tag.
Premi Tab per passare da un attributo al successivo;
premi Maiusc+Tab per tornare indietro.
Nota
Per impostazione predefinita, le modifiche vengono applicate al documento quando premi Tab o Maiusc+Tab.
Per chiudere Quick Tag Editor e applicare tutte le modifiche, premi Invio.
Per uscire senza applicare le modifiche, premete il tasto Esc.
Racchiudi la selezione corrente con tag HTML
Seleziona testo non formattato
o un oggetto nella vista Progettazione.
Nota
se selezionate del testo o un oggetto che include un tag HTML di apertura o di chiusura, Quick Tag Editor viene aperto in modalità Modifica tag anziché in modalità Applica tag.
Premi Ctrl+T (Windows) o Command+T (Macintosh), oppure fai clic sul pulsante Editor tag rapido nel pannello Proprietà.
Quick Tag Editor viene aperto in modalità Applica tag.
Inserisci un singolo tag di apertura, ad esempio strong,
e premi Invio (Windows) o Invio (Macintosh).
Il tag viene inserito all'inizio della selezione corrente e un tag di chiusura corrispondente viene inserito alla fine.
Per uscire senza effettuare modifiche, premete il tasto Esc.
Usa il menu dei suggerimenti in Quick Tag Editor
Quick Tag editor include un menu di suggerimenti per gli attributi che elenca tutti gli attributi validi del tag che stai modificando o inserendo.
Puoi anche disabilitare il menu dei suggerimenti o regolare il ritardo prima che il menu venga visualizzato in Quick Tag Editor.
Per visualizzare un menu di suggerimenti che elenca gli attributi validi per un tag, fai una breve pausa mentre modifichi il nome di un attributo in Quick Tag editor. Viene visualizzato un menu di suggerimenti che elenca tutti gli attributi validi per il tag che stai modificando.
Allo stesso modo, per visualizzare un menu di suggerimenti che elenca i nomi di tag validi, fai una breve pausa mentre inserisci o modifichi il nome di un tag in Quick Tag editor.
Nota
Le preferenze dei suggerimenti codice di Quick Tag editor sono controllate dalle normali preferenze dei suggerimenti codice. Per ulteriori informazioni, consulta Impostare le preferenze dei suggerimenti codice.
Effettuate una delle operazioni seguenti:
Iniziate a digitare un nome di tag o di attributo. La selezione nel menu Suggerimenti codice passa al primo elemento che inizia con le lettere che hai digitato.
Utilizzate i tasti Freccia su e Freccia giù per selezionare una voce.
Utilizzate la barra di scorrimento per trovare una voce.
Premi Invio per inserire l'elemento selezionato, oppure fai doppio clic su un elemento per inserirlo.
Per chiudere il menu dei suggerimenti senza inserire un elemento, premi
Esc o continua a digitare.
Disabilita il menu dei suggerimenti o cambia il ritardo prima che appaia
Seleziona Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Macintosh) e seleziona Suggerimenti di codice.
Viene visualizzata la finestra di dialogo Preferenze per la categoria Suggerimenti per il codice.
Per disabilitare il menu dei suggerimenti, deseleziona l'opzione Abilita suggerimenti codice.
Modificare il codice mediante il selettore di tag
Potete utilizzare il selettore di tag per selezionare, modificare o eliminare i tag senza dover chiudere la vista Progettazione. Il selettore di tag si trova sulla barra di stato nella parte inferiore della finestra del documento e riporta una serie di tag.
Modificare o eliminare un tag
Fate clic sul documento.
I tag applicabili nel punto di inserimento vengono visualizzati nel selettore tag.
Fai clic con il pulsante destro del mouse (Windows) o fai clic tenendo premuto il tasto Ctrl (Macintosh) su un
tag nel selettore tag.
Per modificare un tag, selezionate Modifica tag dal menu. Apporta le modifiche nell'editor Quick Tag.Per ulteriori informazioni, consulta Modificare
codice con l'editor Quick Tag.
Per eliminare un tag, selezionate Elimina tag dal menu.
Seleziona un oggetto corrispondente a un tag
Fate clic sul documento.
I tag applicabili nel punto di inserimento vengono visualizzati nel selettore tag.
Fate clic su un tag nel selettore di tag.
L'oggetto rappresentato dal tag viene selezionato nella pagina.
Nota
Usa questa tecnica per selezionare singole righe di tabella (tag tr) o celle (tag td).
Scrivere e modificare script nella vista Struttura
Puoi lavorare con JavaScript e VBScript lato client sia nella vista Codice che nella vista Struttura, nei seguenti modi:
Scrivi uno Script JavaScript o VBScript per la tua pagina senza uscire dalla vista Struttura.
Crea un collegamento nel documento a un file di Script esterno senza uscire dalla vista Struttura.
Modifica uno script senza uscire dalla vista Struttura.
Prima di iniziare, seleziona Vista > Ausili visivi > Elementi invisibili per assicurarti che gli indicatori di script appaiano sulla pagina.
Scrivere uno script client-side
Posiziona il punto di inserimento dove vuoi inserire lo script.
Selezionate Inserisci > HTML > Script.
Selezionate lo script nella finestra di selezione dei file.
Nota
Non è necessario includere i tag script di apertura e di chiusura.
Il tag di script per il file selezionato viene inserito nel documento.
Modificare uno script
Selezionate l'indicatore dello script.
Nella finestra di ispezione Proprietà, fate clic sul pulsante Modifica.
Lo script viene visualizzato nella finestra di dialogo Proprietà script.
Se hai creato un collegamento a un file di script esterno, il file si apre nella vista Codice, dove puoi apportare le modifiche.
Nota
Se è presente codice tra i tag Script, si apre la finestra di dialogo Proprietà Script anche se è presente anche un collegamento a un file di Script esterno.
Nella casella Linguaggio, specifica JavaScript o VBScript
come linguaggio dello Script.
Nel menu a comparsa Tipo, specifica il tipo di script: lato client o lato server.
(Facoltativo) Nella casella Origine, specifica un file di
Script collegato esternamente.
Fate clic sull'icona della cartella o sul pulsante Sfoglia per selezionare un file oppure digitatene il percorso.
Modificate lo script e fate clic su OK.
Modificare script Server ASP nella vista Struttura
Usa la finestra di ispezione Proprietà Script ASP per ispezionare e modificare script lato Server ASP nella vista Struttura.
Nella vista Struttura, seleziona l'icona del tag server-language.
Nella finestra di ispezione Proprietà Script ASP, fai clic sul pulsante
Modifica.
Modificate lo script server-side ASP e fate clic su OK.
Modificare script sulla pagina utilizzando la finestra di ispezione Proprietà
Nella finestra di ispezione Proprietà, seleziona il
linguaggio di Scripting dal menu a comparsa Linguaggio, o digita il nome di un linguaggio
nella casella Linguaggio.
Nota
Se utilizzi JavaScript e non sei certo della versione, seleziona JavaScript anziché JavaScript1.1 o JavaScript1.2.
Nel menu a comparsa Tipo, specifica il tipo di script, lato client o lato server.
Nella casella Origine, specificate un file di script collegato esternamente (opzionale). Fate clic sull'icona della cartella per selezionare il file oppure digitatene il percorso.
Fate clic su Modifica per modificare lo script.
Utilizzare i comportamenti JavaScript
Puoi facilmente allegare comportamenti JavaScript (lato client) agli elementi della pagina utilizzando la scheda Comportamenti di Tag inspector. Per ulteriori informazioni, consulta Applicazione di comportamenti JavaScript integrati in Dreamweaver.
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
