COME FARSI UN SITO CON GOOGLE



Ringrazio Christa per avermi permesso di tradurre i suoi tutorial.

Porta con te l'immagine per tenere il segno.


Se vuoi stampare


Questo tutorial è una creazione di ©Christa e non può essere copiato su altri siti nè essere offerto per il download.
Lo stesso vale per la mia traduzione.

Specchio di Maidiregrafica

1. Vai su Google e clicca su Accedi per effettuare il login, come sei abituato a fare.



Apri il menu delle Impostazioni, cliccando sulla freccina, e seleziona Impostazioni account Google.



Se non hai un account, apri il menu "Altro" e seleziona "Sites".



Nella finestra successiva clicca su Crea un nuovo account Google,



Puoi decidere se registrarti con uno dei tuoi indirizzi mail, o creare un account con Google.



Compila il formulare per la creazione,
senza dimenticare di riempire la casella del captcha,



ti sarà richiesto di ripetere la password



Una volta effettuato l'accesso, si aprirà la pagina del tuo account.
Clicca su Google site.



Clicca su Crea sito:



Se ti appare questo messaggio di protezione, dovrai decidere cosa rispondere.
Se rispondi "sì" molte immagini non saranno visibile; rispondendo "no" vedrai tutto.



E finalmente, eccoci alla pagine delle prime scelte.
Scegli un nome per il tuo sito

una volta inserito, nella finestra in basso, apparirà automaticamente l'url del sito.



Per la scelta del modello da utilizzare, devi selezionare il modello che preferisci.
Ci sono degli esempi; per visualizzarli passa il mouse sul punto interrogativo e clicca su Visualizza anteprima del modello.



Puoi anche cliccare su Sfoglia la galleria per altri modelli e potrai passare in rassegna tanti modelli, suddivisi anche in categoria (elenco a sinistra).



Successivamente, dovrai scegliere un tema: clicca su "Scegli un tema" e anche qui avrai una vasta scelta di temi.



Selezionato il tema, puoi aggiungere una Descrizione del sito (facoltativa).
Scegli con chi vuoi condividere il sito e seleziona la scelta.
Immetti il codice.
Controlla le tue scelte; come puoi leggere sotto "Altre opzioni", potrai sempre modificare in seguito le tue opzioni utilizzando l'azione "Gestisci sito".
L'unica cosa sulla quale devi essere sicuro in questa fase è la scelta del nome del tuo sito.

Per finire, clicca su Crea sito.



Ed ecco la tua prima pagina.
Se tutto è andato bene, nella barra dell'indirizzo, vedrai l'url corretto del tuo sito.



Adesso dobbiamo effettuare delle impostazioni.
Nella barra degli strumenti, apri il menu Altre Azioni, e seleziona Gestisci sito.



Avrai così, nel menu laterale, il contenuto del tuo sito.
Per quanto riguarda il messaggio a destra, "Non hai richiesto la notifica delle modifiche apportate al sito", scegli. Se ti interessa clicca su Richiedi notifica. Se non ti interessa, ignora l'opzione.
un consiglio, ignora l'opzione, altrimenti ti troverai la casella di posta stracolma, perchè ogni variazione crea un messaggio di notifica



Hai già scelto un tema, ma puoi cambiarlo tutte le volte che vorrai.
Clicca su Temi e rivedrai la lista dei temi disponibili, con l'opzione Anteprima per visualizzare il risultato.
Quando hai scelto il tuo tema, clicca su Salva modifiche.



Questo il mio risultato.



Clicca ora su Colori e caratteri.

Qui puoi sperimentare tutte le variazioni che preferisci.
Nel menu a sinistra seleziona l'azione; a destra avrai le opzioni per ognuna di queste azioni.
Nella parte inferiore trovi l'anteprima del sito che automaticamente, ad ogni selezione, ti mostrerà il risultato.



Per esempio, se vuoi cambiare lo sfondo della pagina, puoi utilizzare l'opzione Personalizzato:
clicca su Sfoglia e seleziona una tua immagine:



Puoi ancora eliminare l'immagine e sostituirla con un'altra.
Puoi regolare il carattere del testo.
Puoi, come già scritto, fare tutte le modifiche che vuoi, selezionando le voci del menu a sinistra.
Puoi anche selezionare una parte della schermata e aprirla in PSP per tagliarne una parte.
Quindi, usando lo strumento Contagocce prendere nota del codice e copiarlo sotto i colori con l'opzione Personalizza.

Apportate tutte le modifiche, non dimenticare di cliccare su Salva modifiche.

Clicca su Anteprima per visualizzare il risultato.
Se non ti piace, ricomincia per apportare altri cambiamenti.

3. Passiamo ora al Layout del sito.



Qui ci sono le opzioni di configurazione più importanti per il tuo sito, come il menu di navigazione.

Ecco due esempi dai siti di Inge-lore



e Karin



Qui sarà possibile creare un menu di navigazione con quante voci si vuole;
quello che è importante è che ogni titolo abbia il collegamento corretto.

Vediamo ora come creare questo menu.

Clicca su Aggiungi un elemento alla barra laterale, e si aprirà la finestra "Scegli un nuovo elemento pagina".



Clicca sulla voce "Aggiungi" sotto "Navigazione".



La finestra si chiuderà e vedrai un'altra voce Navigazione sotto quella preesistente.

Clicca su Modifica della voce che hai appena aggiunto.



Nella finestra successiva, scrivi il titolo della voce e ok.



Se vuoi controllare il risultato clicca su Anteprima.
Se non ti piace, clicca nuovamente su Modifica e apporta i tuoi cambiamenti.
Quando sei soddisfatto, clicca su "Salva modifiche".

A titolo di esempio, questo il mio risultato.
Adesso sta a te creare il tuo menu.



4. Ora dobbiamo creare le pagine per la navigazione.
Cominciamo dalla prima pagina.

Clicca su Modifica, e avrai la barra degli strumenti.





Per illustrare il mio esempio, ho selezionato il font Verdana, dimensione 16 pt, B (grassetto), I (corsivo), allineato al centro.



Clicca su Inserisci, poi su Immagine.



Nella finestra successiva, cerca e seleziona l'immagine che vuoi inserire e ok.



Adesso la tua immagine è fuori centro.
Clicca su C=centro; scegli la dimensione: S=piccolo, L=grande, Sx=media;
Originale = attiva, e adesso la tua immagine è centrata.



Ora puoi decidere di aggiungere un testo sotto o sopra l'immagine.

Clicca due volte con il tasto sinistro del mouse per attivare l'area dove scrivere il testo.



Non dimenticare di salvare le modifiche.

Ecco la mia pagina di esempio. Non è bella e nemmeno quello che avrai voluto ottenere, ma non avevo tempo e mi serviva soltanto qualcosa da mostrare come esempio.

Esempio della home

5. Passiamo ora alla creazione delle pagine.

Dopo aver selezionato Altre azioni>Gestione sito,
clicca su Modelli pagina.
Nella finestra a destra trovi dei modelli standard che potrebbero interessarti.
Vediamo invece come crearne uno nuovo.
Clicca su Crea modello pagina.



Nella finestra successiva, lascia selezionato Pagina Web, e assegna un nome al tuo modello.



Adesso dovrai lavorare su questa pagina.



Puoi fare le tue modifiche subito, oppure puoi prima salvare la pagina cliccando su Salva.
Clicca su Visualizza modelli salvati e troverai la pagina appena creata.
Clicca su Modifica modello pagina per apportare le tue modifiche.

Regola i settaggi del testo e scrivi il tuo testo.
Poi clicca due volte sul tasto Invio per aggiungere uno spazio vuoto.



Adesso, in alto a sinistra, clicca su Tabelle>Inserisci Tabella:
muovendo il mouse le caselline si colorano, quando in basso vedi 4x16 clicca per selezionare questo settaggio.



Ed ecco inserita la tabella.



Ora prova a inserire qualche foto.
Questa sarebbe l'occasione per utilizzare lo spazio di Google, ma lo sconsiglio, perchè lo spazio è limitato a 100 mb.
E' meglio utilizzare uno dei siti preposti a questo scopo.

La prima immagine, per il momento, l'aggiungo direttamente da Google.
Comincia dalla prima casella in alto a sinistra.
Doppio clic sulla casellina e Inserisci>Immagine.
Qui ho provato di nuovo una foto dal mio computer; Sfoglia e seleziona l'immagine.



Ok per caricarla.



Adesso l'immagine sarà grande. Nel mio esempio ho selezionato "S".



Adesso vediamo come aggiungere un'immagine utilizzando un sito host.

Seconda pagina

divisorio


Se hai problemi o dubbi, o trovi un link non funzionante,
o anche soltanto per un saluto, scrivimi.

26 Settembre 2010

torna alla home page torna ai tutorial di christa