Aree orizzontali
Le aree orizzontali sono
Intestazione,
Piè di pagina,
Superiore e
Inferiore. Vedere
struttura del sito Web. Oltre al gruppo di funzioni
File, sono disponibili i seguenti gruppi di funzioni:
Gruppo di funzioni Area
Contiene tutte le funzioni utilizzabili per configurare lo sfondo e le dimensioni dell'area corrente.
Consente di impostare il colore di sfondo e caricare un'immagine di sfondo. Per le nozioni di base, vedere
Caricamento di immagini e
Selettore di colore. Tenere presente che, per le aree complete, le immagini di sfondo hanno una priorità più elevata rispetto ai colori di sfondo.
Utilizzare Margine per impostare lo spazio tra l'area attiva e altre aree.
Utilizzare Spaziatura per impostare la spaziatura tra gli elementi di pagina contenuti in un'area e il bordo dell'area.
Allinea elementi determina il posizionamento degli elementi di pagina in un'area.
Gruppo di funzioni Carattere
Consente di formattare i singoli elementi di testo dell'area corrente, ad esempio intestazioni e collegamenti, nonché di impostare i caratteri desiderati per tali elementi.
Gruppo di funzioni Elementi di pagina
Gli elementi di pagina sono elementi funzionali posizionabili in tutte le aree salvo l'area dei contenuti.
Il visitatore potrà navigare nel sito Web e attivarne le funzioni mediante tali elementi. Vedere anche Elementi di pagina e navigazione.
Oltre a rendere disponibili nel sito Web gli elementi di pagina, è possibile modificarne in certa misura il design caricando immagini e modificando i colori.
Pulsante (Attivo)/Pulsante (Attivo) - Immagine destra
I pulsanti sono aree contenenti collegamenti. A seconda del modello, l'aspetto dei pulsanti può variare. Vedere
Figura 9 e
Figura 10.
Figura 9: pulsanti rettangolari
Figura 10: pulsanti come schede
È possibile assegnare un'immagine di sfondo ai pulsanti. Per semplici pulsanti rettangolari simili a quelli illustrati nella
Figura 9, è sufficiente caricare un'immagine per
pulsanti. L'immagine non deve avere una lunghezza inferiore a quella del pulsante più lungo.
Se i pulsanti sono schede con i bordi arrotondati, simili a quelli illustrati nella
Figura 10, è necessario caricare le sezioni immagine sinistra e destra, contenenti la parte sinistra e la parte destra della scheda. Procedere come indicato di seguito:
- Attivare Pulsante in Elementi di pagina.
- Caricare un'immagine di sfondo per la parte sinistra della scheda.
- Attivare Pulsante - Immagine destra in Elementi di pagina.
- Caricare un'immagine di sfondo per la parte destra della scheda.
L'immagine per la parte destra deve avere una lunghezza uguale o superiore a quella del pulsante più lungo, in quanto riempie la scheda da destra a sinistra.
In un ambiente a schede, la scheda attiva è spesso evidenziata. È possibile caricare immagini appropriate per tale scopo. Utilizzare le opzioni Attiva il pulsante di comando e Attiva il pulsante di comando - Immagine destra.
Casella
Una casella è costituita da una riga di intestazione e un elenco di voci o di campi di immissione. Esempi nelle aree orizzontali:
- Accesso
- Ricerca prodotto con collegamento "Ricerca avanzata"
- Riepilogo Carrello come casella
- L'immagine di sfondo della casella copre lo sfondo dell'intera casella, inclusa l'intestazione.
- L'immagine di sfondo dell'intestazione è limitata all'intestazione e copre l'immagine di sfondo della casella nell'area dell'intestazione.
- L'immagine di sfondo della casella copre l'area della casella senza l'intestazione e copre l'immagine di sfondo.
- Il colore di sfondo dell'intestazione copre l'intestazione e l'immagine di sfondo della casella; viene invece coperto dall'immagine di sfondo della riga del titolo.
È inoltre possibile definire la larghezza della casella nella barra di navigazione. Specificare i valori in pixel (px).