Esempio di grafica per sito Google

di Maria Silvana Radice






Creazione di siti web personalizzati per ogni esigenza.





Per rendervi le cose piu` facili da comprendere, vi illustrero` i passaggi, relativi alla grafica, per ottenere un sito di base.
Mettiamo che vogliate ottenere un effetto di questo tipo:




In cui c'e` un'immagine che sostituisce l'intestazione e uno sfondo su cui scorrono le pagine (come nel mio sito).

Il tema scelto per questo esempio e` "Iceberg". La larghezza del sito e` impostata su 1024px. La navigazione attivata e` solo quella orizzontale e ho tolto la casella di ricerca.

Per il logo preparate un'immagine che abbia dimensioni 1024 x 250 pixel.

Preparate, o cercate, uno sfondo. Puo` essere una fotografia, oppure uno sfondo di quelli che si usano anche per il desktop. Lo sfondo che ho usato per l'esempio, e` stato preso da http://www.goodfon.su/ . L'importante e` che abbia dimensioni adeguate. Nell'esempio, le dimensioni sono 1440 × 900 pixel.

Andate in menu`->modifica layout sito e poi cliccate sullo spazio dell'intestazione per aprire la finestra "Configura intestazione sito".
Nel mio esempio, la configurazione corrisponde a quella che vedete qui sotto....
(cliccate sulle immagini se volete vederle ingrandite)




Date l'OK.

Ora, andate in menu`->gestisci sito->generale e togliete la spunta a "Mostra nome del sito nella parte superiore delle pagine".

Fatto questo, sempre da menu`->gestisci sito, andate in "Temi colori e caratteri" e alla voce Intera pagina->sfondo->immagine wrapper, cliccate per caricare l'immagine dello sfondo che avete scelto.




Cliccando su opzioni, potete scegliere l'orientamento dell'immagine. Nel mio esempio, le impostazioni sono quelle che vedete in figura. In particolare, l'opzione "posizione fissa", se con la spunta, fa in modo che lo sfondo rimanga fisso e che il sito vi scorra sopra. Se non mettete la spunta, lo sfondo scorrera` insieme al sito.

Ora, dovete caricare l'immagine dell'intestazione. Spostatevi sulla voce Intestazione sito->immagine e cliccate per caricare l'immagine che avete preparato come intestazione del sito. Cliccando su "Opzioni", si aprira` la tendina delle impostazioni.
Scegliete le opzioni come da immagine....




Se l'anteprima che visualizzate in basso vi soddisfa, potete salvare e guardare il risultato originale.

Raccomando di conservare le immagini che usate, nel caso vogliate cambiare l'aspetto, in seguito.
Bene, il lavoro e` finito ed e` un piacere vederlo realizzato, non e` vero?

Questo e` solo un piccolo esempio di quello che potete fare con Google sites. In realta`, le possibilita` sono davvero infinite e potete creare dei siti originali e di grande effetto.
Nel mio sito professionale "SilvanaSites" vi offro un assaggio di cio` che e` possibile realizzare.