Creazione della Pagina

Creazione della Pagina

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

Dopo aver articolato la Mappa del Progetto, si può procedere alla creazione delle singole Pagine inserite nel Sito. La finestra Creazione della Pagina permette, quindi, di definire la struttura di impaginazione e di effettuare l'inserimento dei contenuti.

Il percorso e il Titolo della Pagina alla quale si sta lavorando viene riportato come Pagina corrente.

Clicca per espandere/ridurre

Clicca per espandere/ridurreReference: La Griglia di impaginazione

Per rendere più intuitiva l'impaginazione dei contenuti, WebSite X5 propone una Griglia che, di default, è composta da 2 righe e 2 colonne: è sufficiente trascinare gli Oggetti disponibili all'interno delle Celle di tale Griglia (un Oggetto per Cella), per comporre la Pagina.

Ovviamente, è possibile aggiungere righe e colonne in modo da disporre di un numero superiore di Celle e, in più, è possibile definire manualmente la larghezza delle singole colonne. Come vedremo, grazie a queste possibilità di disegno della Griglia e al fatto di poter disporre un Oggetto anche su più Celle adiacenti, è possibile ottenere impaginazioni anche molto raffinate.

Una precisazione importante: l'impiego della Griglia serve unicamente per semplificare e guidare l'impaginazione dei contenuti. Fatta eccezione per pochi e specifici casi particolari, rappresentati da combinazioni di impaginazione molto complesse, la Griglia di impaginazione non viene "tradotta" come tabella nel codice HTML delle Pagine. In tutti i casi, la Griglia di impaginazione non sarà mai visibile durante la navigazione con il Browser.

Come anticipato, ogni Cella della Griglia può contenere un unico Oggetto ma ciascun Oggetto può essere disposto anche su più Celle adiacenti orizzontalmente o verticalmente, in modo da occupare uno spazio superiore della Pagina.

L'aspetto delle Celle della Griglia di impaginazione cambia a seconda dei diversi stati che può assumere:

Clicca per espandere/ridurre

se contiene un Oggetto che ancora non è stato costruito, riporta l'icona corrispondente al tipo di Oggetto su uno sfondo di righe oblique grigie;
se contiene un Oggetto che è già stato costruito, riporta l'icona corrispondente al tipo di Oggetto su uno sfondo azzurro sfumato;
se contiene l'Oggetto selezionato, vengono visualizzati il perimetro e le maniglie di selezione.

Per maggiore comodità, tutte le righe della Griglia sono numerate (l'indicazione è riportata sulla sinistra) mentre i cursori per agire sulla larghezza delle colonne sono posizionati sul bordo inferiore.

Clicca per espandere/ridurreReference: I comandi della Barra Strumenti

Immediatamente sopra la Griglia di impaginazione è presente una Barra Strumenti che mette a disposizione i seguenti comandi:

Contenuto

Apre la finestra che consente di procedere alla creazione dell'Oggetto selezionato nella Griglia di impaginazione. La finestra richiamata varia in base al tipo di Oggetto (Testo, Immagine, ecc...).

Stile

Richiama la finestra Stile dell'Oggetto per definire l'aspetto grafico dell'Oggetto selezionato all'interno della Griglia di impaginazione.

Margini

Richiama la finestra Margine e Allineamento: attraverso le opzioni disponibili è possibile sia impostare il valore in pixel per i margini esterni ed interni dell'Oggetto corrente che allineare verticalmente e/o orizzontalmente l'Oggetto rispetto alla Cella in cui è contenuto.

Estendi

Fa in modo che l'Oggetto selezionato si estenda oltre la larghezza della Pagina (determinata dal Modello) e occupi tutto lo spazio messo a disposizione dalla finestra del Browser.

Il pulsante è sempre attivo ma, di fatto, agisce solo se l'Oggetto selezionato è l'unico presente nella riga. Sulla Griglia di impaginazione, gli Oggetti per i quali è stata attivata la funzione Estendi sono facilmente individuabili dal momento che sono più larghi delle colonne che compongono la Pagina. Cliccando una seconda volta sul pulsante Estendi, l'Oggetto torna al suo comportamento normale adattandosi alla larghezza della Pagina e non più a quella della finestra del Browser.

Effetto

Richiama la finestra Effetto di visualizzazione per definire la transizione da associare all'Oggetto selezionato all'interno della Griglia di impaginazione.

Assegna un'Ancora all'Oggetto selezionato

Crea un'Ancora e la associa all'Oggetto selezionato nella Griglia di impaginazione. Cliccando sulla freccia a lato del pulsante, è possibile visualizzare un menu con i seguenti comandi: Inserisci Ancora..., Modifica... e Rimuovi.

L'Ancora è un riferimento che serve per identificare un punto specifico all'interno della Pagina. In concreto, può essere associata a un Oggetto o a una Riga e viene utilizzata per impostare dei collegamenti diretti a una posizione specifica nella Pagina.

Aggiungi una Riga prima della Cella selezionata/Aggiungi una Colonna prima della Cella selezionata

Aggiungono una nuova Riga o una nuova Colonna nella Griglia di impaginazione. Cliccando sulla freccia a lato dei pulsanti, è possibile scegliere se la Riga/Colonna deve essere aggiunta prima o dopo la Cella selezionata. Si possono creare griglie con un massimo di 64 righe e di 12 colonne.

Rimuovi la Riga selezionata/Rimuovi la Colonna selezionata

Eliminano la Riga o la Colonna selezionata dalla Griglia di impaginazione. Al minimo, la Griglia di impaginazione è composta da un'unica Cella (1 riga x 1 colonna).

Stile Righe

Richiama la finestra Stile delle Righe per definire l'aspetto grafico della della fascia della Pagina occupata dagli Oggetti inseriti nella riga in questione della Griglia di impaginazione.

Responsive

Richiama la finestra Impostazioni Responsive per specificare il comportamento dei singoli Oggetti inseriti in funzione della risoluzione della Pagina.

Per poter lavorare con le opzioni della finestra Impostazioni Responsive è necessario aver scelto di creare un Sito Responsive attivando l'omonima opzione presente nella finestra Risoluzioni e Responsive Design.

Clicca per espandere/ridurreReference: La lista degli Oggetti disponibili

A fianco della Griglia di impaginazione è riportato l'elenco degli Oggetti disponibili. Per inserire un Oggetto in una Pagina è sufficiente selezionare l'icona che lo rappresenta dall'elenco, trascinarla e rilasciarla sulla Griglia di impaginazione, in corrispondenza della Cella che deve occupare.

Per agevolarne la scelta, gli Oggetti possono essere filtrati e gestiti attraverso i seguenti comandi:

Elenco Filtri

Propone l'elenco dei filtri disponibili per selezionare, tra tutti gli Oggetti disponibili, quelli utili per un determinato scopo. È possibile, per esempio, visualizzare tutti i Contenuti principali Pagina oppure i Contenuti principali Modello.

Mostra la Gestione degli Oggetti

Richiama la finestra Gestione degli Oggetti attraverso la quale è possibile gestire l'installazione, la disinstallazione e l'aggiornamento di tutti gli Oggetti che non vengono installati di base con il programma.

Gli Oggetti che rientrano fra i Contenuti principali Pagina e i Contenuti principali Modello sono:

Una volta inserito un Oggetto nella Griglia di impaginazione è sufficiente selezionarlo e cliccare sul pulsante Contenuto (o fare doppio click in sua corrispondenza) per aprire la finestra che ne permette l'effettiva creazione.

 


Leggi le Guide:

-

Come si imposta la Griglia di impaginazione?

-

Come si inserisce un contenuto in una pagina?

-

Come si imposta il link a un'ancora?