[TIPS & TRICKS] Mappe interattive Come inserire una mappa nel Sito Web

Aprile 2010

Per i Siti Web che presentano attivit commerciali aperte al pubblico come negozi e locali, o eventi come concerti e raduni, fondamentale proporre anche la pagina Dove siamo o Come raggiungerci. Sarebbe un errore, infatti, inserire tutti i contenuti necessari per cercare di convincere i lettori a venirci a trovare e poi non dire loro chiaramente dove ci troviamo e in quale modo possono raggiungerci. Il modo pi semplice per far capire ai nostri potenziali nuovi clienti dove siamo quello di fornire loro un indirizzo preciso e una cartina della zona.

SCENARIO:
Ipotizziamo, dunque, di dover creare il sito del nostro ristorante e di aver correttamente previsto, come voce del menu di navigazione principale, la voce Dove siamo. In questa particolare pagina do bbiamo riportare: Lindirizzo completo del nostro ristorante (non limitiamoci a via e numero civico: non detto che chi guarda il sito conosca gi la citt in cui siamo!). Una mappa, possibilmente interattiva, che permetta di visualizzare la strada. Opzionalmente, un breve testo con le indicazioni su come raggiungerci attraverso le principali vie di accesso (autostrade, aeroporti, stazioni a seconda dei casi). Al posto di inserire limmagine statica di una cartina della nostra zona, possiamo mettere a disposizione una mappa interattiva avvalendoci, per esempio, del noto servizio Google Maps. Una mappa interattiva offre, infatti, alcuni vantaggi non trascurabili: per esempio, pu essere navigata e ingrandita e consente di ottenere indicazioni stradali per raggiungere la meta.

PRELIMINARI:
Innanzi tutto dobbiamo creare la nostra mappa con Google Maps. Utilizzare questo servizio molto semplice: Accediamo a Google Maps collegandoci allindirizzo http://www.maps.google.com. Inseriamo lindirizzo completo del nostro ristorante nel campo di ricerca e clicchiamo sul pulsante Cerca sulle mappe. Ottenuta la visualizzazione della mappa, clicchiamo sul comando Link posto in alto a destra, insieme ai comandi Stampa e Invia: viene aperto un box con il codice che deve essere utilizzato per creare un link alla mappa o per incorporare direttamente la mappa allinterno di una pagina HTML. Prima di procedere, clicchiamo su Personalizza e visualizza in anteprima la mappa incorporata . In questo modo, accediamo a una finestra in cui possiamo definire le dimensioni della mappa che vogliamo ottenere. Fatto questo, dobbiamo semplicemente copiare il blocco di codice HTML che ci viene fornito.

PROCEDURA:
1. In WebSite X5 Evolution 8, apriamo il progetto del sito del nostro ristorante e, nel Passo 2 Creazione Mappa, inseriamo una Nuova Pagina come voce di primo livello del menu, rinominandola Dove siamo. 2. Facciamo doppio click sulla pagina appena creata e procediamo alla sua creazione. 3. Inseriamo tutti gli oggetti che ci occorrono per i testi e gli eventuali elementi decorativi che abbiamo previsto, disponendoli secondo la struttura di impaginazione che preferiamo. 4. Per la mappa, inseriamo un Oggetto HTML nella posizione desiderata e accediamo al relativo editor: incolliamo il blocco di codice HTML che abbiamo copiato da Google Maps. 5. Per evitare che vengano visualizzate le barre di scroll orizzontali e/o verticali sulla mappa, verifichiamo che lOggetto HTML inserito si sviluppi su un numero adeguato di celle ; controlliamo anche di aver opportunamente definito il valore del parametro Altezza delloggetto HTML. Abbiamo concluso: in pochi passi abbiamo creato e inserito nel nostro sito una mappa interattiva grazie alla quale chi ancora non ci conosce potr avere tutte le indicazioni per raggiungerci e, speriamo, provare le specialit del nostro cuoco! Incomedia S.r.l. | www.incomedia.eu |www.websitex5.com 1