Lavorando alla Creazione della Pagina, dopo aver inserito almeno un Oggetto all'interno di una Cella della Griglia di impaginazione, è possibile definire l'aspetto grafico della Riga di cui tale Cella fa parte. Per farlo è sufficiente selezionare la Riga in questione e cliccare sul pulsante per richiamare la finestra Stile delle Righe.
Una Riga può essere intesa come una fascia orizzontale all'interno della Pagina. Questa fascia può essere larga quanto la Pagina (la cui larghezza è a sua volta determinata dal Modello applicato) o quanto l'intera finestra del Browser. L'altezza di questa fascia, invece, è determinata dal più alto degli Oggetti contenuto in una delle Celle della Riga. È possibile fare in modo che l'aspetto di una Riga venga automaticamente applicato anche a una o più Righe successive unendo fra loro le Righe stesse:
Stato rilasciato prima dell'unione
Mouse in corrispondenza della linea
Clic sul lucchetto per unire le righe
Stato rilasciato dopo l'unione delle righe
|
Così come è possibile unire due o più Righe in modo da poter dare loro lo stesso aspetto grafico, è anche possibile dividerle per renderle autonome:
Se, per esempio, erano state unite le Righe 1 e 2 e per entrambe era stato definito un aspetto grafico particolare, in seguito alla separazione la Riga 2 torna ad assumere il suo aspetto orginario. Se sono state unite fra loro più di due Righe, la separazione agisce esattamente nel punto corrispondente a dove è posizionata l'icona del lucchetto. Per esempio, se le Righe 1, 2, 3 e 4 sono unite fra loro e si clicca sul lucchetto posizionato fra la Riga 2 e la Riga 3, si ottiene una situazione in cui la Riga 1 è unita alla 2 e la Riga 3 è unita alla 4. |
In base a come vengono impaginati gli Oggetti nella Griglia e a come li si ordina nelle diverse Visualizzazioni in caso di Sito Responsive, è possibile che si verifichino delle situazioni in cui due o più Righe vengono automaticamente unite e non è possibile intervenire per separarle. Caso 1. Impaginazione Se si inserisce un Oggetto sulla Griglia in modo che occupi più Celle di Righe diverse, tutte le Righe coinvolte vengono automaticamente unite fra loro. Il lucchetto che compare sulla linea che unisce i pallini relativi alle Righe in questione è colorato di grigio (invece che di blu) proprio per indicare che non può essere rimosso. In questo caso, l'unico modo per modificare la situazione è intervenire sull'impaginazione degli Oggetti.
Anche se, per esempio, si definisce prima un aspetto diverso per la Riga 1 e la Riga 2 e poi si posiziona un Oggetto in modo che le interessi entrambe, le due Righe vengono automaticamente unite e la seconda assume l'aspetto della prima. Anche in questo caso non sarà possibile separare manualmente le Righe se prima non si modifica l'impaginazione degli Oggetti. Caso 2. Sito Responsive Se si lavora alla creazione di un Sito Responsive, ordinando gli Oggetti per definire come devono disporsi nelle diverse Visualizzazioni determinate dai breakpoint è possibile che si verifichino delle combinazioni che portano all'unione automatica di due o più Righe. In genere questo accade quando, come nell'esempio seguente, durante l'ordinamento ad un Oggetto viene fatto seguire non quello alla sua destra (appartenente alla stessa Riga) ma quello subito sotto (appartenente a una Riga diversa): in questo modo, infatti, si creano dei gruppi in cui gli Oggetti sono disposti su più Righe.
|
Definire l'aspetto di una Riga è un'operazione molto semplice. Occorre procedere come segue:
Nel lavorare alla definizione dell'aspetto di una Riga occore considerare che:
|
Per creare una fascia colorata che si estende non solo per la larghezza della Pagina ma per tutta la larghezza della finestra del Browser, occorre procedere come segue:
Con un procedimento analogo, semplicemente scegliendo un tipo di Sfondo diverso, è possibile creare una fascia con un gradiente, un'immagine, uno slideshow, un video o una mappa al posto del colore a tinta unita.
|
L'effetto parallasse è molto utilizzato per conferire profondità alle Pagine e renderele più attraenti agli occhi dei Visitatori. L'effetto si basa sul fatto che, durante lo scroll della Pagina, l'immagine di sfondo e quelle in primo piano si muovono con una velocità diversa. Per impostare il parallasse su una Pagina si deve procedere nel seguente modo:
Se si vuole attivare l'effetto parallasse è possibile utilizzare come Sfondo della Riga un gradiente, un'immagine, uno slideshow, un video o una mappa ma non un colore in tinta unita. |
Approfondimenti: