Il codice HTML generato da Google Page Creator è, se considerato dal punto di vista della sua aderenza agli standard del consorzio WWW, pessimo.

I siti pubblicati dal servizio sono formattati secondo il Doctype XHTML Strict, ossia il più aderente agli standard del W3C che oggi può essere utilizzato sul Web. Tuttavia nell'inclusione degli elementi, il Page Creator incorre in errori tali da impedire la validazione del documento.

Frequenti sono, nella versione Beta che abbiamo provato, gli errori di nidificazione: spesso un elemento viene incluso all'interno di un altro elemento che non è in grado di supportarlo (ad esempio un elemento <div> in un elemento <hl>).

Non sono previsti i commenti per le immagini (gestiti dal noto attributo alt) e persino i semplici a capo vengono sbagliati: si usa <br> al posto dello standard <br/>.

Anche il tag immagine non viene gestito nel modo corretto, poiché non prevede la slash di chiusura che, in ogni sintassi XHTML, deve essere sempre presente, mentre in alcuni cast si utilizza il deprecato elemento FONT.

Per rendere valido il documento non basta nemmeno agire sull'HTML del codice, poiché alcuni errori sono al di fuori delle zone editabili dall'utente.

Dopo la panoramica sugli strumenti a disposizione, non ci resta che metterci all'opera: realizziamo e pubblichiamo quindi il nostro sito...

Nell'esempio illustrato nei seguenti passi, creeremo un sito completo di immagini e file scaricabili. Per rendere più realistico l'esperimento, realizzeremo un sito in cui pubblicare le foto delle nostre vacanze. Utilizzeremo le principali opzioni del Google Page Creator per rendere chiara ogni singola operazione da compiere.

Oltre alla home page, creeremo anche pagine diverse per ogni vacanza, che saranno raggiungibili grazie ad un navigatore posto a sinistra del sito, completo anche di link esterni. In ogni pagina inseriremo diverse immagini e una descrizione. Al termine, il nostro sito sarà raggiungibile alla pagina sitodiprova.googlepages.com.

Se è la prima volta che entriamo in Page Creator, viene mostrato immediatamente il Pase Editor con la home page del sito pronta per essere modificata.

Se invece si è già eseguito il login, viene mostrato il Pase Manager, basta cliccare sull'icona a forma di casa nella lista di pagine per aprire la home page nel Pase Editor.

Per prima cosa, al primo accesso, è bene subito cambiare layout e grafica del sito: dal Page Editor clicchia-mo sul link Change Look, in alto a destra, e scegliamo il look che ci sembra più adatto ai contenuti del nostro sito (noi abbiamo scelto il primo della lista).

Clicchiamo su Change Layout e selezionate il secondo layout, quello a 2 colonne con quella più stretta posta a sinistra: tale colonna servirà per il menu. Un clic, all'interno del primo box tratteggiato posto in alto, consentirà di modificare la scritta principale della pagina: cancelliamone il contenuto ed digitiamo un titolo significativo come, ad esempio: "Le mie vacanze".

Se lo desideriamo, possiamo inserire anche un sottotitolo cliccando sul piccolo box tratteggiato posto immediatamente sotto il titolo.

Aggiungere un menu di navigazionein Google Page Creator:
Dopo aver creato tutte le nostre pagine possiamo creare il menu di navigazione da includere nella colonna di sinistra di ogni documento. Sempre dal Page Manager, clicchiamo sulla home page riconoscibile dalla solita icona a forma di casa e selezioniamo con un clic il box di sinistra. Clicchiamo, dalla barra degli strumenti di sinistra, la voce Subheading e scriviamo un breve titolo per la nostra barra: ad esempio "Altre vacanze". Andiamo a capo con un invio. torniamo al carattere normale cliccando sul link Normal (sempre nella barra di sinistra) ed inseriamo le voci delle pagine che abbiamo creato, una su ogni riga, magari in forma di elenco cliccando sul relativo pulsante. Selezioniamo una ad una ogni voce con un doppio clic, clicchiamo sul pulsante link e colleghiamole alla loro pagina, selezionandola dall'elenco mostrato, e confermando con il pulsante Ok. Volendo inserire, sempre nel menu di navigazione, anche link esterni, basterà creare, preceduti da un altro titolo di tipo Subheading. collegamenti esterni: basta posizionare il cursore sul punto del menu in cui si vuole inserire il link esterno, cliccare sul pulsante Link, inserire nel modulo Text to display della finestra il testo da visualizzare come collegamento, selezionare la voce Web ad-dress e immettere nel secondo modulo l'indirizzo esatto del sito che si vuole collegare. Confermiamo tutto con Ok e seguiamo di nuovo i passi per completare il menu. Il menu, purtroppo, non viene replicato su tutte le pagine. Ma niente paura: basta selezionare i suoi contenuti, copiarli negli appunti (menu Modifica/Copia del browser) e incollarli, sempre all'interno del box sinistro, su ognuna delle pagine che si vuole (menu Modifica/Incolla del browser). Facciamo attenzione: a volte incollare semplicemente il testo non basta, si dovrà applicare almeno una modifica a qualunque altra sezione della pagina per far riconoscere a Google Page Creator la modifica della pagina ed eseguire il suo salvataggio

La pubblicazione delle varie pagine
Non resta che pubblicare le pagine e renderle accessibili a chiunque. Ci sono due metodi: dal Page Manager, selezioniamo il check box presente in ognuna delle pagine create e clicchiamo sul pulsante Publish in alto a sinistra; nel Page Editor di ogni pagina clicchiamo sempre sullo stesso pulsante Publish posto in alto nella finestra. Con questo secondo metodo è anche possibile visualizzare un'anteprima della pagina dal link Pre-view. L'ultimo passo, se si desidera, è la comunicazione ai nostri amici dell'apertura del nuovo sito: dal Page Manager selezioniamo sempre tutte le pagine del sito, o almeno quelle di cui vogliamo comunicare resistenza, e dal menu a tendina posto in alto o in basso della pagina selezioniamo la voce Tell Your Friends. Attraverso l'account Gmail verrà inviata una comunicazione predefinita a tutti gli utenti di cui inseriremo l'indirizzo e-mail nel campo A.

 

Articoli correlati: