La vista Dal vivo si distingue dalla tradizionale vista Progettazione di Dreamweaver, in quanto fornisce un rendering più realistico e non modificabile dell'aspetto che assumerà la pagina in un browser. La vista Dal vivo non sostituisce il comando Anteprima nel browser, ma fornisce invece un metodo alternativo di vedere quale sarà l'aspetto della pagina “dal vivo”, senza uscire dall'area di lavoro di Dreamweaver.

Potete passare alla vista Dal vivo in qualsiasi momento mentre state lavorando nella vista Progettazione. Il passaggio alla vista Dal vivo è, tuttavia, un'operazione non correlata al passaggio tra le altre viste tradizionali di Dreamweaver (Codice/Progettazione o combinata). Il passaggio alla vista Dal vivo dalla vista Progettazione consiste semplicemente nel passaggio tra la modalità modificabile e la modalità “dal vivo” della vista Progettazione.

Mentre la vista Progettazione rimane bloccata quando passate alla vista Dal vivo, la vista Codice continua a essere modificabile e consente di apportare modifiche al codice e aggiornare la vista Dal vivo per vedere applicate le modifiche. Nella vista Dal vivo è disponibile l'ulteriore opzione di visualizzare il codice dal vivo. La vista Codice dal vivo è analoga alla vista Dal vivo, in quanto consente di visualizzare una versione del codice eseguito attualmente dal browser per il rendering della pagina. Come la vista Dal vivo, la vista Codice dal vivo non è modificabile.

Un ulteriore vantaggio dalla vista Dal vivo è la capacità di bloccare JavaScript. Potete, ad esempio, passare alla vista Dal vivo e posizionare il cursore del mouse sulle righe della tabella basata su Spry che cambiano colore a seguito dell'interazione con l'utente. Quando bloccate JavaScript, la vista Dal vivo blocca la pagina nello stato corrente. Potete modificare CSS o JavaScript e aggiornare la pagina per vedere applicate le modifiche apportate. Il blocco di JavaScript nella vista Dal vivo risulta utile se desiderate visualizzare e modificare le proprietà per i diversi stati dei menu a comparsa o di altri elementi interattivi che non sono visibili nella tradizionale vista Progettazione.

Per una panoramica video sulle operazioni con vista Dal vivo eseguita dal team di progettazione di Dreamweaver, consultate www.adobe.com/go/dw10liveview_it.

Per vedere un'esercitazione sull'utilizzo di Vista Dal vivo, file correlati e Navigazione codice, potete consultare www.adobe.com/go/lrvid4044_dw_it.

1. Assicuratevi di essere nella vista Progettazione (Visualizza > Progettazione) o nella vista Codice e Progettazione (Visualizza > Codice e Progettazione).

2. Fate clic sul pulsante Vista Dal vivo .

3. (Opzionale) Apportate le modifiche nella vista Codice, nel pannello Stili CSS, in un foglio di stile CSS esterno o in un altro file correlato.

   Sebbene non sia possibile apportare modifiche nella vista Dal vivo, le opzioni per le modifiche in altre aree (ad esempio, nel pannello Stili CSS o nella vista Codice) cambiano mentre fate clic nella vista Dal vivo.

   Potete lavorare con i file correlati (ad esempio, i fogli di stile CSS) mentre è attiva la vista Dal vivo, aprendo il file correlato dalla barra degli strumenti File correlati nella parte superiore del documento.

4. Se avete apportato modifiche nella vista Codice o in un file correlato, potete aggiornare la vista Dal vivo facendo clic sul pulsante Aggiorna nella barra degli strumenti Documento o premendo il tasto F5.

5. Per tornare alla vista modificabile Progettazione, fate di nuovo clic sul pulsante Vista Dal vivo.

Il codice visualizzato nella vista Codice dal vivo è simile a quello che verrebbe riprodotto visualizzando l'origine della pagina in un browser. Mentre tali origini di pagine sono statiche e consentono di visualizzare solo l'origine della pagina nel browser, la vista Codice dal vivo è dinamica e viene aggiornata mentre interagite con la pagina nella vista Dal vivo.

1. Assicuratevi di essere nella vista Dal vivo.

2. Fate clic sul pulsante Codice dal vivo .

   Viene visualizzato il codice dal vivo utilizzato dal browser per riprodurre la pagina. Il codice viene evidenziato in giallo e non è modificabile.

3. Per tornare alla vista modificabile Codice, fate di nuovo clic sul pulsante Codice dal vivo.

Effettuate una delle operazioni seguenti:

• Premere F6

• Selezionate Blocca JavaScript dal menu a comparsa del pulsante Vista Dal vivo.

Nella parte superiore del documento viene visualizzata una barra delle informazioni in cui è indicato che JavaScript è bloccato. Per chiudere la barra delle informazioni, fate clic sul collegamento di chiusura.

Oltre all'opzione Blocca JavaScript, sono disponibili altre opzioni tramite il menu a comparsa del pulsante Vista Dal vivo o dalla voce di menu Visualizza > Opzioni vista Dal vivo.

Blocca JavaScript

Blocca nello stato corrente gli elementi interessati da JavaScript.

Disattiva JavaScript

Disattiva JavaScript ed effettua nuovamente il rendering della pagina, in modo che venga visualizzata come se nel browser non fosse attivato JavaScript.

Disattiva plugin

Disattiva i plugin ed effettua nuovamente il rendering della pagina, in modo che venga visualizzata come se nel browser non fossero attivati i plugin.

Usa server di prova per origine documento

Utilizzata soprattutto dalle pagine dinamiche (ad esempio, le pagine ColdFusion) e selezionata per impostazione predefinita per le pagine dinamiche. Quando l'opzione è selezionata, Dreamweaver utilizza la versione del file disponibile nel server di prova del sito come origine per la visualizzazione della vista Dal vivo.

Usa file locale per collegamenti documento

L'impostazione predefinita per i siti non dinamici. Quando l'opzione è selezionata per i siti dinamici che utilizzano un server di prova, Dreamweaver utilizza le versioni locali dei file collegati al documento (ad esempio, file CSS e JavaScript), anziché i file sul server di prova. Potete quindi apportare modifiche locali ai file correlati per vedere quale aspetto avranno, prima di caricarli sul server di prova. Se l'opzione è deselezionata, Dreamweaver utilizza le versioni dei file correlati sul server di prova.

Impostazioni richiesta HTTP

Visualizza una finestra di dialogo di impostazioni avanzate in cui potete immettere i valori per la visualizzazione di dati dal vivo. Per ulteriori informazioni, fate clic sul pulsante ? nella finestra di dialogo.