Compatibilità:

WebSite X5 Evo e Pro

Lavorando alla creazione delle pagine del tuo sito, in qualsiasi momento tu lo ritenga necessario, puoi visualizzare un'anteprima in locale per verificare come effettivamente si presenteranno e funzioneranno quando saranno pubblicare online.  

Visualizzare l'anteprima è facilissimo: non devi fare altro che cliccare sul pulsante che trovi sempre disponibile nella pulsantiera superiore.



#tip - Per la visualizzazione dell'anteprima in locale, WebSite X5 utilizza un suo Browser interno basato su Chromium (http://www.chromium.org/), il Browser open source da cui deriva Google Chrome™.


Come si presenta l'anteprima in locale

Una volta aperta l'anteprima, ti accorgerai che il Browser interno di WebSite X5 ti offre i seguenti comandi:

  • Indietro / Avanti / Home Page: usali per navigare tra le pagine del tuo sito. Nello specifico ti permettono di tornare alla pagina visitata in precedenza, andare avanti e aprire nuovamente una pagina già visitata, andare direttamente alla Home Page.
  • Barra degli indirizzi: riporta il percorso della pagina visualizzata e ti consente di specificare il percorso della Pagina che vuoi visualizzare.
  • Modifica questa pagina: clicca su questo pulsante per tornare nell'ambiente di lavoro di WebSite X5, nella finestra Creazione della Pagina, e modificare la pagina al momento visualizzata in anteprima nel Browser. Se stai visualizzando in anteprima una pagina appartenente al Blog, all'Area Riservata o al carrello e-commerce, tornerai alla relativa sezione del Passo 1.
  •  Modifica questo oggetto: cliccando su questo pulsante attivi/disattivi la modalità di editing. Quando sei in modalità di editing attivo, vedrai che gli oggetti presenti si evidenziano al passaggio del mouse. Cliccando su un oggetto, torni in automatico all'ambiente di lavoro di WebSite X5, nella finestra di impostazione specifica per l'oggetto stesso, e puoi procedere immediatamente con la sua modifica. Se nell'anteprima, invece che su un oggetto, clicchi sull'Header, sul Footer o sulla Barra Laterale, torni direttamente nella finestra Contenuto del Modello.
    #tip - Sei in modalità di editing anche mentre tieni premuti i tasti CTRL + SHIFT.
  • Anteprima Mobile (solo per l'edizione Pro): richiama una finestra in cui è visualizzato un QR Code e riportato un indirizzo URL. Dopo aver connesso il tuo dispositivo mobile alla stessa rete del PC, inquadra il QR Code o collegati alla URL indicata per visualizzare l'anteprima del tuo sito e verificarne così il comportamento anche durante la navigazione da mobile.
  • Visualizza il sito in un altro Browser (solo per l'edizione Pro): propone un sotto-menu nel quale viene visualizzata la lista di tutti i Browser installati sul tuo computer. Cliccando su un Browser, avvii l'apertura dell'Anteprima del Sito in una nuova scheda nel Browser scelto. In questo modo puoi verificare la resa del Sito su Browser differenti.


Se stai realizzando un sito responsive (vedi Come si crea un Sito Web Responsive?), il Browser interno di WebSite X5 presenta anche la Barra delle risoluzioni e alcuni comandi utili per verificare e gestire la visualizzazione delle pagine ai diversi breakpoint:

  • Indicatori di breakpoint: corrispondono ai breackpoint impostati. Usali per fare in modo che la finestra del Browser venga ridimensionata in base al breakpoint e controllare, così, la visualizzazione del sito a diverse risoluzioni.  
  • Mostra ordine di linearizzazione: se clicchi su questo pulsante, vedrai che i contenuti della pagina verranno riquadrati e numerati: in pratica, ottieni direttamente nel browser una visualizzazione analoga a quella della griglia che hai utilizzato per l'ordinamento degli Oggetti.
#tip - Per maggiori informazioni in merito puoi leggere anche la guida Come si verifica il funzionamento di un Sito responsive nell'Anteprima locale?


Come si definiscono le preferenze per l'anteprima 

Puoi intervenire sul processo di creazione e gestione dell'anteprima sfruttando alcune opzioni disponibili nella finestra Preferenze:

  • Nella finestra di Benvenuto di WebSite X5 clicca sul pulsante per accedere alla finestra Preferenze.
  • Decidi se attivare l'opzione Crea le Pagine durante la modifica del progetto: fa in modo che, al termine di ogni modifica, il programma ricrei tutto ciò che è stato interessato dalla modifica stessa. Questo permette di mantenere aggiornata l'anteprima in locale e di avviarne la visualizzazione senza tempi di attesa.  
  • Se hai attivato l'opzione Crea le Pagine durante la modifica del progetto, puoi attivare anche l'opzione Aggiorna Anteprima durante la modifica del progetto: in questo modo il programma aggiornerà automaticamente l'anteprima del sito nel browser in locale.