Compatibilità:
WebSite X5 Evo e Pro
WebSite X5 è il software per desktop ideale per creare i Siti Web che avresti sempre voluto avere.
Configurato come una condotta guidata, WebSite X5 non richiede nessuna conoscenza di programmazione e ti consente di lavorare in modo completamente visuale attraverso un'interfaccia intuitiva e ricca di numerose anteprime, aggiornate in tempo reale.
In questo modo, WebSite X5 ti guida fino alla pubblicazione del sito offrendoti semplicità d'uso, flessibilità e ampi spazi di personalizzazione.
Insomma grazie a WebSite X5 ti devi occupare solo della parte divertente della creazione di un sito web: tu importi i contenuti e scegli come preferisci presentarli, il programma si preoccupa di generare in automatico il codice delle pagine in HTML5 + CSS 2.1 o 3 e lo fa nel modo migliore, garantendoti piena compatibilità con tutti i Browser e i dispositivi mobili, oltre che una corretta indicizzazione da parte dei Motori di Ricerca.
In questa guida parleremo di:
- L'ambiente di lavoro di WebSite X5
- Creazione di un nuovo progetto
- Inserimento delle pagine
- Importazione dei contenuti
- Generazione di contenuti testuali con l'AI
- Visualizzazione dell'anteprima
- Esportazione del sito online
L'ambiente di lavoro di WebSite X5
Come abbiamo detto, WebSite X5 si presenta come una condotta guidata: questo significa che propone una serie di finestre attraverso le quali ti guida nell'inserimento delle informazioni necessarie per creare e pubblicare un sito web completo, funzionale e graficamente accattivante.
Quando avvii il software, accedi ad una prima finestra di Benvenuto: qui trovi informazioni sullo stato del tuo account, link a risorse utili e, soprattutto, i comandi necessari per svolgere attività comuni come la creazione di un nuovo progetto o l'apertura di un progetto esistente.
Dopo aver creato o aperto un progetto, le videate successive presentate dal programma sono accomunate da un'identica interfaccia grafica che prevede una pulsantiera superiore e una pulsantiera laterale sempre invariate, e una finestra centrale che cambia in relazione alla fase di lavoro e, di conseguenza, alle informazioni richieste.
Compatibilmente con le dimensioni dello schermo del PC su cui lavori, sei libero di ridimensionare la finestra di WebSite X5 come preferisci: devi solo posizionare il mouse sul perimetro della finestra e trascinare per allargare o restringere. Se le dimensioni della finestra lo permettono, sul lato destro vedrai la Barra Suggerimenti con le Guide pertinenti alle funzioni proposte. In caso contrario, potrai accedere alle Guide attraverso l'apposito pulsante.
#tip - Per acquisire maggiore familiarità vedi L'ambiente di lavoro di WebSite X5.
Creazione di un nuovo progetto
Tutto inizia con la creazione di un nuovo progetto pertanto, nella schermata di benvenuto a cui accedi dopo aver avviato il programma, clicca sul pulsante Nuovo progetto.
Per prima cosa devi scegliere il template che intendi utilizzare: puoi esplorare le categorie, selezionare i template che ti incuriosiscono e cliccare sul pulsante Anteprima in modo da vederli in dettaglio. I template predefiniti sono di fatto dei mini siti che, oltre alla grafica, comprendono già alcune pagine: l'anteprima ti consente di apprezzarne i dettagli e di verificarne la navigabilità, anche a risoluzioni diverse.
#tip - Per maggiori informazioni, vedi Come si imposta un Template Predefinito?
Se invece di utilizzare uno dei template predefiniti preferisci applicare una grafica tua, seleziona un template vuoto: sarai libero di partire da un "foglio bianco" e disegnare le pagine come vorrai.
#tip - Vuoi approfondire come applicare un template tuo? Vedi Come si crea un nuovo Template partendo da un Template Vuoto?
Identificato il template perfetto per il tuo progetto, selezionalo e clicca sul pulsante Avanti (oppure fai doppio click sul template stesso). Caricato il template, ti trovi al Passo 1 pronto a definire le prime impostazioni del sito e ad entrare così nel vivo dello sviluppo delle tue pagine web.
Inserimento delle pagine
Dopo aver scelto il template puoi definire una serie di impostazioni generali (raccolte al Passo 1) e lavorare su tutti gli aspetti e gli stili grafici (Passo 2) in modo da personalizzare completamente l'aspetto grafico delle tue pagine. Altrimenti puoi decidere di posticipare questi aspetti ad un secondo momento e di passare subito all'inserimento delle pagine.
Sei al Passo 3 e devi disegnare la mappa del tuo sito.
La mappa è la struttura ad albero del tuo sito: partendo dalla Home Page devi inserire tutte le pagine che ti occorrono, organizzandole in livelli e sotto-livelli. Tutte le voci della mappa diventano automaticamente le voci del menu di navigazione: fai attenzione, dunque, a come le organizzi ed anche alle etichette che attribuisci loro.
#tip - Aggiungere, organizzare in livelli, eliminare, rimuovere o spostare pagine è molto semplice. Nella guida Come si crea la Mappa del sito? trovi tutto quello che devi sapere.
Importazione dei contenuti
Ora che hai un template, almeno un abbozzo di struttura ad albero e una serie di pagine ancora vuote, è tempo di dedicarti all'inserimento vero e proprio dei contenuti.
Seleziona la pagina della mappa sulla quale vuoi lavorare - magari parti proprio dalla Home Page - e fai click sul pulsante Avanti (in alternativa, fai doppio click sulla pagina stessa). Sei al Passo 4 e ti trovi davanti a una griglia che rappresenta la pagina e ad una lista di Oggetti: sono tutti i tipi di contenuti che puoi sfruttare.
Per comporre la tua pagina non devi fare altro che selezionare l'Oggetto corrispondente al tipo di contenuto che vuoi inserire (per esempio l'Oggetto Testo se vuoi inserire un blocco di testo), trascinarlo tenendo premuto il tasto destro del mouse e rilasciarlo in corrispondenza della cella della griglia in cui vuoi che stia.
Lavorando sulle ancore di selezione dell'Oggetto inserito puoi fare in modo che occupi anche più celle adiacenti e, ovviamente, puoi aggiungere righe e colonne della griglia: basta questo perché tu possa creare impaginazioni molto interessanti.
L'elenco degli Oggetti disponibili copre tutte le tue potenziali richieste: sono previsti i testi, le immagini, le gallerie, i video, i moduli e-mail e molto altro. Agli Oggetti preinstallati si aggiungono, poi, gli Oggetti Opzionali disponibili sul Marketplace: puoi decidere di scaricali (se free) o di acquistarli (se a pagamento) e di utilizzarli nei tuoi progetti per renderli ancora più ricchi e interessanti.
Inserito un Oggetto non dovrai fare altro che selezionarlo e cliccare sul pulsante Avanti (o fare doppio click sull'Oggetto stesso) per accedere alla finestra delle impostazioni su cui agire per definirne ogni aspetto.
#tip - Lavorare sulla Griglia di impaginazione sfruttando il Drag & Drop degli Oggetti è facile e veloce. Scopri di più su Come si imposta la Griglia di impaginazione? e su Come si inserisce un contenuto in una pagina?
Generazione di contenuti testuali con l'AI
Se lavori con una licenza attiva di WebSite X5 Pro (a partire dalla versione 2023.2) o di WebSite X5 Agency hai a disposizione uno strumento in più per generare i contenuti testuali necessari per il tuo sito web: si tratta di MagicText, un assistente per la scrittura basato sull'Intelligenza Artificiale.
Puoi richiamare MagicText semplicemente cliccando sul pulsante 
disponibile in molti campi e nell'editor di testo: scelto il tipo di testo che vuoi ottenere e specificato ciò che è per te importante che venga menzionato, l'assistente genererà il testo e tu potrai copiarlo o inserirlo direttamente con un click.
Puoi usare MagicText per trovare nuove idee oppure per scrivere titoli, titoli SEO, paragrafi e tag. Insomma, con MagicText hai un modo nuovo per scrivere testi, stimolare la tua creatività e aumentare la tua produttività.
#tip - Ciò che rende fantastico interagire con MagicText è la comprensione del linguaggio naturale. Scopri di più con Cos'è e come si utilizza MagicText per generare contenuti testuali?
Visualizzazione dell'Anteprima
Mentre lavori alla creazione del tuo sito, in qualsiasi momento tu ne abbia bisogno, puoi visualizzare un'anteprima in locale e verificare come le tue pagine si presenteranno e funzioneranno una volta pubblicate online.
L'anteprima in locale sfrutta un Browser interno e si apre in una nuova finestra che non interferisce con quella del Browser predefinito eventualmente aperta.
Puoi fare in modo che l'anteprima del sito in costruzione venga mantenuta automaticamente aggiornata rispetto alle modifiche che apporti nell'ambiente di lavoro: in questo modo potrai procedere velocemente nella realizzazione delle tue pagine.
#tip - Per maggiori informazioni vedi L'anteprima del progetto in WebSite X5.
Esportazione del sito online
Ora che il tuo sito è pronto, non ti rimane che pubblicarlo online.
Con la licenza di WebSite X5 hai incluso lo spazio Web necessario per farlo: ti basta attivarlo ed è già tutto configurato per la messa online delle pagine. In alternativa, comunque, sei sempre libero di utilizzare il servizio di web hosting che preferisci.
#tip - Ti spieghiamo come fare nella guida Spazio Web - Come si esporta il sito realizzato usando il servizio di Hosting incluso in WebSite X5?