Come lavorare sullo Stile dell'Oggetto

Best Practice > Passo 4 - Pagine >

Come lavorare sullo Stile dell'Oggetto

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

Lavorando alla Creazione della Pagina, dopo aver trascinato uno degli Oggetti disponibili all'interno di una Cella della Griglia di impaginazione, è possibile definire l'aspetto grafico di tale Oggetto cliccando sul pulsante e utilizzando le opzioni proposte dalla finestra Stile dell'Oggetto richiamata.

Clicca per espandere/ridurreHow To: Come creare un'immagine di sfondo che si adatta alle dimensioni della Cella

L'aspetto dell'Oggetto può essere personalizzato in diversi modi: fra le altre cose è possibile importare un'immagine (file in formato .JPG, .GIF, .PNG) e utilizzarla come sfondo dell'Oggetto stesso. A seconda del tipo di immagine importata sarà necessario scegliere l'opzione Cella con immagine di sfondo, definendo impostazioni diverse per le voci Disposizione e Allineamento, o utilizzare l'opzione Cella con immagine adattata, in modo da riuscire ad ottenere il risultato migliore.

Esempio 1

L'immagine importata è delle stesse dimensioni della Cella in cui è contenuto l'Oggetto.

Sfondo: Cella con immagine di sfondo

Disposizione: Non ripetere

Allineamento: Alto-Sinistra

Clicca per espandere/ridurre

Esempio 2

L'immagine importata è un pattern, ovvero un'immagine creata in maniera tale che unendone due o più uguali, sia in orizzontale che in verticale, non si nota in punto di congiunzione.

Sfondo: Cella con immagine di sfondo

Disposizione: Ripeti in entrambe le direzioni

Allineamento: Alto-Sinistra

Clicca per espandere/ridurre

Esempio 3

L'immagine importata è quella di una cornice che si dovrà adattare a Celle di dimensioni diverse.

Sfondo: Cella con immagine adattata

Larghezza blocco / Altezza blocco: impostare le dimensioni dei blocchi più opportune.

Clicca per espandere/ridurre

Per meglio comprendere come opera l'opzione Cella con immagine adattata, cosa siano i blocchi e come impostarne correttamente le dimensioni, si considerino le seguenti immagini:

Immagine 1

Immagine 2

Immagine 3

L'immagine originale (Immagine 1) mostra una cornice molto elaborata ma che ben si presta ad essere tagliata in blocchi e ad adattarsi a qualsiasi dimensione la Cella assuma: gli elementi ornamentali aggiunti negli angoli occupano, infatti, un'area ben definita e facilmente delimitabile e tutte le sfumature possono essere ripetute come un pattern senza che si verifichino bruschi cambi di tonalità.

Nell'Immagine 2 si vedono i blocchi di cui occorre impostare le dimensioni (opzioni Larghezza blocco e Altezza blocco). I valori della larghezza e dell'altezza dei blocchi (tutti uguali fra loro) vengono definiti in percentuale rispetto alla larghezza e all'altezza dell'immagine originale e possono variare fra il 5% e il 45%. In questo caso, occorre impostare la dimensione del taglio al 35% per entrambe i lati dei blocchi perché comprendano completamente l'immagine posizionata sugli angoli.

Come di vede nell'Immagine 3, identificando i blocchi A, B, C, D è possibile ricavare altre 5 sezioni, a, b, c, d, e: questi sono i tagli che vengono effettuati dal Programma per ricavare dall'immagine originale tutte le immagini necessarie per comporre lo sfondo della Cella. Quindi, mentre le immagini corrispondenti ai blocchi A, B, C, D vengono mantenute così come sono e semplicemente posizionate agli angoli, le immagini corrispondenti alle sezioni, a, b, c, d, e vengono ripetute in modo da riempire tutto lo spazio necessario.

Come è facile da comprendere, questa procedura permette una notevole flessibilità: partendo da un'unica immagine adeguatamente realizzata, infatti, è possibile risolvere l'aspetto di Oggetti contenuti in Celle anche con dimensioni fra loro molto diverse.

Clicca per espandere/ridurreHow To: Come utilizzare la Libreria degli Stili

Grazie alla Libreria è possibile ridurre i tempi di lavoro: se si prevede di dover dare a più Oggetti le stesse impostazioni grafiche, è conveniente definirle per il primo Oggetto, salvare lo Stile e applicarlo, senza ricrearlo tutte le volte, agli altri Oggetti.

Per creare un nuovo Stile:

Nella Griglia di impaginazione selezionare l'Oggetto su cui si intende lavorare e cliccare sul pulsante per richiamare la finestra Stile dell'Oggetto.
Utilizzare le opzioni messe a disposizione nelle diverse sezioni Stile e Testi per ottenere il risultato desiderato.
Aprire la sezione Libreria e cliccare sul pulsante Aggiungi: in base alle impostazioni definite viene creato uno nuovo Stile. Un'anteprima dello Stile creato viene aggiunta alla lista degli Stili Personali.

Per applicare uno Stile:

Nella Griglia di impaginazione selezionare l'Oggetto su cui si intende lavorare e cliccare sul pulsante per richiamare la finestra Stile dell'Oggetto.
Aprire direttamente la sezione Libreria e selezionare l'anteprima dello Stile che si vuole utilizzare, scegliendolo nella lista degli Stili Predefiniti o in quella degli Stili Personali.
Cliccare sul pulsante Applica.

 


Approfondimenti:

-

Il Box Model in WebSite X5