Uno dei fattori che concorrono a determinare il successo di un Sito Web è il layout grafico. Ancor prima di arrivare ai contenuti e alla struttura di navigazione, infatti, l'aspetto del Sito colpisce il Visitatore, influenzando in maniera determinante il giudizio che se ne farà. È facile comprendere che un design curato e professionale verrà interpretato come un indizio di un Sito di qualità, del quale varrà la pena approfondire i contenuti.
In WebSite X5, la prima cosa da fare quando si apre un nuovo Progetto è scegliere il Template da utilizzare. Le opzioni disponibili sono:
▪ | Utilizzare un Template Predefinito, ovvero uno dei 100 Template installati con il programma o un Template acquistato sul Marketplace di WebSite X5. |
▪ | Utilizzare un Template Vuoto per creare un nuovo Template partendo da zero. |
Tutti i Template Predefiniti sono studiati per permettere la realizzazione di Siti dall'aspetto curato e professionale e ottimizzati per supportare la creazione di Siti Responsive. Sono, a tutti gli effetti, dei veri e propri mini-siti perfettamente funzionanti e completi di grafica, pagine e contenuti. Per ciascuno di essi è disponibile una livepreview navigabile che consente di esplorarne ogni dettaglio. In questo modo scegliere il Template più adatto per il progetto che si vuole sviluppare è semplice e veloce. Una volta selezionato il Template, sarà poi possibile personalizzare qualsiasi elemento ed importare i propri contenuti per arrivare ad ottenere rapidamente il sito finito, pronto per essere pubblicato online.
Selezionato il Template da utilizzare, cliccando sul pulnsate Avanti, si avvia la creazione di un nuovo Sito. Il nuovo Progetto verrà salvato usando come nome del file il Titolo del Sito specificato nell'apposito campo della finestra Impostazioni del Sito. Sarà possibile salvare il Progetto creato attraverso il pulsante Salva sempre disponibile nella pulsantiera superiore.
Durante le operazioni di salvataggio non è necessario specificare il percorso poiché i Progetti vengono automaticamente gestiti dal Programma e salvati nella Cartella dei Progetti impostata attraverso la finestra Preferenze. |
La finestra Crea un nuovo Progetto permette di sfogliare le librerie con i Template disponibili e di selezionare quello da utilizzare. Per effettuare più velocemente la ricerca del Template è sufficiente utilizzare il filtro Visualizza per che prevede le seguenti voci:
Oltre a questi filtri, sono disponibili anche quelli relativi alle Categorie: Tutte le categorie, Business, Food, Sport, ecc. Tutti i Template che rispondono al filtro impostato o che appartengono alla categoria selezionata vengono visualizzati attraverso immagini di anteprima statiche. È possibile seleziona una qualsiasi immagine di anteprima dalla lista e cliccare sul pulsante Anteprima per aprire la Livepreview del Template. La Livepreview consente di navigare all'interno del Template in modo da apprezzarne sia gli aspetti grafici che funzionali. I pulsanti presenti a fianco del titolo della finestra permettono di:
|
Al fine di consentire una scelta sempre più ampia, al gruppo di Template Predefiniti vengono periodicamente aggiunti nuovi Template che possono essere proposti o gratuitamente o a pagamento. I Template a pagamento sono facilmente distinguibili grazie all'impiego di apposite coccarde: possono essere acquistati o sul Marketplace o direttamente in WebSite X5 utilizzando i Crediti. Selezionato un Template a pagamento è possibile utilizzare i seguenti pulsanti:
Portato a termine l'acquisto, il Template selezionato viene impiegato per creare un nuovo Progetto. |
Come detto tutti i Modelli proposti sono ottimizzati per supportare la realizzazione di Siti Responsive. Questo significa che se si decide di creare un Sito Responsive, in base al Modello Predefinito selezionato vengono attivati di default alcuni breakpoint: per ogni Visualizzazione determinata dai breakpoint, è già predisposta una versione del Modello idonea in cui gli elementi previsti si ridispongono in base allo spazio disponibile. Naturalmente è poi possibile intervenire per aggiungere/eliminare o modificare i breakpoint presenti e per personalizzare la struttura del Modello e la gestione degli Oggetti nell'Header e nel Footer alle diverse Visualizzazioni. È importante specificare che mentre le versioni del Modello utilizzate per la Visualizzazione Desktop e per le Visualizzazioni intermedie sono impostate in pixel, quella specifica per la Visualizzazione Smartphone è elastica in modo da poter occupare sempre il 100% dello spazio disponibile. |
Si ricorda che è necessario disporre di una connessione ad Internet attiva per:
|
Leggi le Guide: