Anteprima delle pagine

L'anteprima in tempo reale del consente di visualizzare in anteprima le pagine nel browser e di visualizzare le modifiche nel browser in tempo reale durante la scrittura del codice.

La vista Dal vivo consente di vedere l'aspetto che la pagina avrà sul Web e di modificare gli elementi nella vista Codice.

Anche la vista Progettazione consente di vedere l'aspetto della pagina sul Web ma non riproduce la pagina esattamente come i browser.

La funzione Apri nel browser permette invece di verificare come saranno visualizzate le pagine nei browser. Questa opzione è ideale per lavorare con le pagine che utilizzano dati dinamici dai database, non essendo questa in tempo reale.

Continuate a leggere per ulteriori informazioni sui diversi tipi di opzioni di anteprima in Dreamweaver.

Potete visualizzare in anteprima le pagine Web in tempo reale mentre scrivete il codice o le progettate in Dreamweaver. Questa funzione consente di scrivere codice e visualizzare in anteprima contemporaneamente le pagine Web in più browser. 

Impostare le preferenze di anteprima del browser

Potete passare dall'anteprima in tempo reale all'anteprima nel browser. Impostate le preferenze relative al browser da utilizzare per l'anteprima di un sito e definire il browser predefinito principale e secondario.

Queste preferenze del browser vengono quindi utilizzate anche se state visualizzando in anteprima il sito con l'anteprima in tempo reale o se aprite semplicemente la pagina nel browser.

Anteprima predefinita nel browser statico Ciò consentirà agli utenti di scegliere la modalità di visualizzazione in anteprima dei propri file nel browser. Selezionando la casella di controllo, gli utenti possono visualizzare in anteprima i file utilizzando "Apri nel browser" dai menu e utilizzando le scelte rapide. Se deselezionata, verrà utilizzata l'anteprima in tempo reale per visualizzare l'anteprima dei file nei browser. Per impostazione predefinita, la casella di controllo è deselezionata e verrà utilizzata l'anteprima in tempo reale per visualizzare l'anteprima dei file nel browser.

Pagine di anteprima nella vista Dal vivo

La vista Dal vivo si distingue dalla tradizionale vista Progettazione di Dreamweaver, in quanto fornisce un rendering più realistico (e modificabile) dell'aspetto che assumerà la pagina in un browser. 

Potete passare alla vista Dal vivo in qualsiasi momento mentre state lavorando nella vista Progettazione. L'attivazione della vista Dal vivo è, tuttavia, un'operazione diversa dal passaggio tra le altre viste tradizionali di Dreamweaver (Codice, Progettazione e 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 jQuery 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 visualizzare le pagine in anteprima nella vista Dal vivo:

Anteprima di Codice 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.

Per cambiare le preferenze Codice dal vivo, scegliete Modifica > Preferenze (Windows) o Dreamweaver > Preferenze (Mac OS), quindi selezionate la categoria Colorazione codice.

Blocca JavaScript

Effettuate una delle operazioni seguenti:

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

Opzioni della vista Dal vivo

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 plug-in Disattiva i plug-in ed effettua nuovamente il rendering della pagina, in modo che venga visualizzata come se nel browser non fossero attivati i plug-in.

Evidenzia modifiche in Codice dal vivo Attiva o disattiva l'evidenziazione delle modifiche in Codice dal vivo.

Modifica la pagina vista Dal vivo in una nuova scheda Permette di aprire nuove schede per i documenti del sito che consultate mediante la barra degli strumenti Navigazione browser o la funzione Segui collegamento. Dovete prima accedere al documento desiderato, quindi selezionare Modifica la pagina Vista Dal vivo in una nuova scheda per creare una nuova scheda in cui visualizzarlo.

Segui collegamento Rende attivo il prossimo collegamento su cui fate clic nella vista Dal vivo. In alternativa potete attivare il collegamento facendo clic su di esso nella vista Dal vivo mentre tenete premuto il tasto Control.

Segui collegamenti continuamente Mantiene attivi tutti i collegamenti nella vista Dal vivo finché non li disattivate di nuovo o chiudete la pagina.

Sincronizza automaticamente file remoti Sincronizza automaticamente i file locale e remoto quando fate clic sull'icona Aggiorna nella barra degli strumenti Navigazione browser. Dreamweaver carica il file sul server prima di effettuare l'aggiornamento, in modo da mantenere sincronizzati i due file.

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 inserire i valori per la visualizzazione di dati dal vivo. Per ulteriori informazioni, fate clic sul pulsante Aiuto nella finestra di dialogo.

Apri nel browser

Potete aprire una pagina in un browser in qualsiasi momento; non è necessario caricarla prima su un server Web. Quando visualizzate l'anteprima di una pagina, tutte le funzioni relative al browser dovrebbero funzionare normalmente, compresi i comportamenti JavaScript, i collegamenti assoluti e relativi al documento, i controlli ActiveX® e i plug-in del browser, a condizione che nei browser siano stati installati i plug-in o i controlli ActiveX necessari.

Prima di aprire un documento nel browser, è necessario salvarlo, altrimenti il browser non riprodurrà le ultime modifiche eseguite.