WebSite X5Help Center

 
Antonio R.
Antonio R.
User

Cartina turistica con pulsanti interattivi  it

Autor: Antonio R.
Visitado 1748, Seguidores 2, Compartilhado 0  

Carissimi amici, vorrei realizzare per il mio sito al servizio dei visitatori della mia città una cartina mappa turistica nella quale, per esempio, cliccando su un dato numero, trasferisce quel dato monumento o palazzo in una pagina che specifica che esplicita di cosa si tratta. Chiarisco: questa è la cartina e vorrei collegare ogni palazzo o monumento alla pagina dedicata, come fare? esiste un programma che mi consente di fare questo? Immagino che potrei creare dei livelli con indicazione del numero ma mi sembra complicato e sarebbe più facile se si potesse rendere interattivo direttamente il numeretto rosso della mmappa.In questo caso cliccando sul numero uno, antico mercato, dovrebbe essere collegato a questo link:http://www.antoniorandazzo.it/palazzidipregio/antico-mercato.html Grazie a tutti, non dubito che ci sia una soluzione

Publicado em
27 RESPOSTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio R.
... ... ... vorrei collegare ogni palazzo o monumento alla pagina dedicata, come fare? esiste un programma che mi consente di fare questo?  ... ... ... 

... per mappare le immagini puoi usare i programmi che hai in uso nel tuo PC, per esempio, PaintShopPro, OpenOffice.org, Gimp, eccetera, ...oppure direttamente > online...

... oppure, sfruttando una mia esclusiva idea, potresti usare i DIV_CUSTOM, aiutandoti co M$Paint del S.O. Windows per rilevare le coordinate; ... semplicissimo, occorre solo un po' di pazienza, e sarà tutto una sequenza di Copia/Incolla...

... come idea(!), questo è un > esempio  sulla tua cartina ridotta con abilitati solo i punti (1), (2), e (3)...

... per ottenere le coordinate con MsPaint è semplicissimo, basta accostare le tangenti del cursore al cerchietto del numero, come indicato in questo STAMP allegato:

.............................................

... a parer mio, forse! ...dovresti aggiornare il tuo SUPER sito ai canoni attuali con la v.2019; ...certo ne verrebbe fuori un lavoro mastodontico! ...ma il tuo sito lo meriterebbe...

...

... ciao, ed un saluto anche all'........dei cani!  ...wink...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Antonio R.
Antonio R.
User
Autor

caro Giorgio grazie, ma io non ho competenze e quindi la cosa mi viene difficile. Qualcuno potremme guidarmi passo passo per realizzare almento un punto e poi magari seguendo le istruzioni potrò andare avanti. Il principio non basta almeno per me. Ok per le regioni ma come faccio a selezionare un punto-cerchietto e renderlo attivo al collegamento con il link di una pagina? Orientativamente la mappa da completare è questa che allego

Ler mais
Publicado em de Antonio R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... abbiamo postato in contempornea; ... puoi vedere il mio precedente post... ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

potresti prendere in esame la possibilità di cancellare sulla mappa la legenda (se quelli della lista sono i pulsanti che vuoi attivare) e mettere la mappa senza legenda come sfondo di un oggetto testo, inserendo in detto oggetto la legenda come testo e attivando i link sul cerchietto con il numero o su tutta la dicitura di ogni riga... per semplificare l'uso di codici...

Ler mais
Publicado em de Skeggia 12
Antonio R.
Antonio R.
User
Autor

Non ho mai dubitato della vostra comprensione KolAsim e Skeggia. Come sapete non sono pratico di linguaggio scientifico quindi vi chiedo passo passo come procedere.  La mappa in lavorazione è quella che allego e come potete notare ho lasciato spazi da utilizzare per tanti siti che altri sconoscono. Quindi partiamo da questa mappa la porto su paint o photo shop? e poi? Grazie per la comprensione nei confronti di un giovane ottantenne

Ler mais
Publicado em de Antonio R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se ti riferisci al mio esempio, come detto e come hai visto, è semplice anche da capire; ...basta che con Chrome o con Firefox azioni Ctrl+U e ne vedrai il codice...

... ecco, nel rigo nr.20 per il primo punto (1) troverai queste stringhe: 

<a href="http://www.antoniorandazzo.it/palazzidipregio/antico-mercato.html" title="(1) Antico Mercato"> <div class="cerchioK" style="left:664px;top:361px;"> </div> </a>

... se noti, i valori in grassetto sono quelli stessi rilevati nel mio precedente STAMP di M$Paint...
... in alto nella sezione style troverai lo stile comune applicato ai cerchietti
... tutto il resto viene da se, ... punto per punto, ... copia/incolla per copia/incolla...
... il codice interno al TAG BODY (tag body-/body esclusi) ...va inserito in Oggetto Codice HTML...
... se preferisci, potresti preparare una pagina HTML extra ed indipendente dal progetto, come il mio esempio, e poi questa pagina la potresti importare nel progetto tramite un IFRAME...
.... intanto che il mio esempio rimane ancora attivo, potresti fare una rapida prova per verificare...
... in un Oggetto Codice HTML incolla questo codice così come lo vedi:

<iframe src="http://www.kolasim-zone.it/mappatura/siracusa_mappa.html" width="100%" height="500" > </iframe>

... otterresti nella tua pagina un qualcosa di > questo genere...

.
.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Antonio R.
Antonio R.
User
Autor

in origine il mio sito fu realizzato con il programma di Microsoft, non ricordo il nome.

Con quel programma potevi rendere interattivo il cerchietto numerato e il gioco era fatto. Il tuo linguaggio, giustamente, è per esperti. Io non lo sono e mi arrangio con buona volontà. Ho predisposto questa mappa con un punto specifico il n.2. Nella pagina ho realizzato un livello collegato alla pagina dedicata a palazzo lucchetti. Come faccio a rendere interattivo collegato al link luchetti il cerchietto n.2 della mappa? Scusate la mia ingnoranza

Ler mais
Publicado em de Antonio R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se hai difficoltà con il mio metodo (div_custom), allora usa la mappatura tradizionale online che ti avevo suggerito nel mio primo post...

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Antonio R.
Antonio R.
User
Autor

Carissimi amici e moderatori tutti, credo di aver risolto il problema, o per lo meno è in via di soluzione. Come sapete l'appetito viene mangiando e quindi realizzerò la cartina come da schema prototipo che allego in cartaceo ed ogni numero o lettera sarà interattivo con codice per smart che porterà alla pagina del mio sito con il telefonino. Poi realizzerò la stessa cartina per il mio sito e i pulsanti legenda accanto a sinistra singolarmente e quindi come website mi consente collegherò ogni singolo pulsante-immagine alla corrispettiva pagina dedicata. Elaborato e pazzesco vero? Grazie a tutti per la collaborazione e suggerimenti. Grazie anche al programma website che mi ha consentito di realizzare, modestamente, il mio sito.

Ler mais
Publicado em de Antonio R.
Antonio R.
Antonio R.
User
Autor

KolAsim cos'è questo: aggiornamento con la v.2019? Chiarisci per favore potrei pensarci eh eh eh Ormai quasi ottantenne tutto mi è consentito ah ah ah Grazie anche per i complimenti al mio sito che definisci super eh eh eh i complimenti fanno bene all'anima, alimentano lo Spirito e aiutano a far meglio. Merito di website strumento magnifico

Ler mais
Publicado em de Antonio R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio R.
KolAsim cos'è questo: aggiornamento con la v.2019? ... ... ... 

... come detto prima, " ...certo ne verrebbe fuori un lavoro mastodontico! ...ma il tuo sito lo meriterebbe..." ... visto il volume del tuo sito sarebbe una impresa impegnativa, ma con la v.2019 renderesti il sito "responsive" e "mobile-friendly",  un passo notevole...

... non sarà facile, troppo distanza dalla v.11 ma ne varrebbe la pena...

... dipenderà da te saper valutare...

.

ciao

ps: la numerazione e distribuzione dei cerchietti rossi non mi pare ordinata, per una facile individuazione, come invece lo era nel primo STAMP...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Antonio R.
Antonio R.
User
Autor

Per ciò che hai scritto quindi il mio sito non è importabile con la v.2019? Se così è non credo sia possibile accollarmi un lavoro così complesso. Per i pallini tranquillo non finisce così. Intanto adesso è questa

Ler mais
Publicado em de Antonio R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... in questa cartina l'Ortigia è poco definita ; ...forse dovresti prendere in considerazione solo questa area, e per eventuali riferimenti agli altri quartieri, S.Lucia, ecc., aggiungere un collegamento a sezione di cartina dedicata...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Usuário do mês IT
Antonio R.
Per ciò che hai scritto quindi il mio sito non è importabile con la v.2019?

Il salto dalla 11 (non responsive) alla 2019 è notevole...

ma come specificato nelle note di conversione , se il progetto viene esportato al passo 5 con esporta progetto ... il file che si ottiene è importabile nella 2019.

Ovviamente il progetto ottenuto va revisionato in particolare per MENU, TESTATA, PIE' DI PAGINA , e forse anche il TEMPLATE.

https://helpcenter.websitex5.com/pt/post/154019

Ler mais
Publicado em de Claudio D.
Antonio R.
Antonio R.
User
Autor

non vorrei incasinarmi. Se apro la versione 2019 e importo il sito utilizzando, per esempio il link specifico di ogni mini sito e tutto rimane fruibile come prima anche se dovrei riprendere quello che scrivi, cioè menù, testata e piè di pagina e magari il template non sarebbe poi un grosso danno. Vorrei essere certo ma come faccio la prova?

Ler mais
Publicado em de Antonio R.
Fabio C.
Fabio C.
User
Antonio R.
non vorrei incasinarmi. Se apro la versione 2019 e importo il sito utilizzando, per esempio il link specifico di ogni mini sito e tutto rimane fruibile come prima anche se dovrei riprendere quello che scrivi, cioè menù, testata e piè di pagina e magari il template non sarebbe poi un grosso danno. Vorrei essere certo ma come faccio la prova?

Ho fatto la stessa cosa con un mio sito (portale) che incorpora 20 sottositi e ho iniziato convertendo il sito principale e poi pian pianino sto facendo gli altri, è un bel lavoro ma alla fine paga wink

Ler mais
Publicado em de Fabio C.
Antonio R.
Antonio R.
User
Autor

Patrizia mi mandi il link del tuo portale per vedere le differenze. Domanda cos'è un sito responsive?

Ler mais
Publicado em de Antonio R.
Fabio C.
Fabio C.
User
Antonio R.
Patrizia mi mandi il link del tuo portale per vedere le differenze. Domanda cos'è un sito responsive?

Ti ho inviato il link con tutte le spiegazioni dal form del tuo sito www.antoniorandazzo.it perchè qui non so come si fa ad inviare in privato.

Fammi Sapere se ti è arrivato.

Ler mais
Publicado em de Fabio C.
Antonio R.
Antonio R.
User
Autor

si, ho risposto ma mi dice che la tua casella è piena. Comunque grazie per l'attenzione

Ler mais
Publicado em de Antonio R.
Fabio C.
Fabio C.
User
Antonio R.
si, ho risposto ma mi dice che la tua casella è piena. Comunque grazie per l'attenzione

Strano che ti dice che è piena, potresti riprovare per favore e farmi sapere cosa ti dice ? Grazie

Ler mais
Publicado em de Fabio C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Antonio R.
... ... ...  allego la mappa sebbene a scarsa risoluzione per ovvie ragioni

... manca l'allegato; ... invece nel tuo LINK non noto mappatura...
... solo per darti un'idea! ...secondo me dovresti cercare di studiarti qualcosa di questo genere:    https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp
... partendo dalla cartina scaricata precedentemente vedi questi due esempi:
...  >> lente   ||  ... lente + mappatura (1-7) ...
.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Stiac Engineering
Stiac Engineering
User

Oltre a quanto consigliato potresti sostituire l'immagine con un file vettoriale, consentendo una buona qualità anche con lo Zoom.

Ler mais
Publicado em de Stiac Engineering
Antonio R.
Antonio R.
User
Autor

Caro Gabriele, grazie per i consigli ma tieni presente che la mappa è ad altissima risoluzione per la stampa mentre nel sito l'ho ridotta per evitare che la scarichino prima della stampa e presentazione. In futuro forse potrò metterla ad alta risoluzione anche nel sito per condividerla al meglio ma per adesso no. Ti aggiungo il link dell'immagine a scarsa risoluzione e aggiungo, per mia soddisfazione un particolare della mappa che sarà stampata:

Ler mais
Publicado em de Antonio R.
Stiac Engineering
Stiac Engineering
User

Comprendo Antonio. Metterla online la renderebbe "a portata di mano" oltre che evitare sprechi di carta. Tematica molto importante oggi giorno.

Buon lavoro ;)

Ler mais
Publicado em de Stiac Engineering
Antonio R.
Antonio R.
User
Autor

questa la finale stampata in mille copie qui a bassa risoluzione, ma vi assicuro che è una magnificenza completa di tutto e codici q code per visionare i conteniti nelle pagine dedicate del sito. Una particolarità traduzione delle legende in 18 lingue comprese italiano e siciliano. Qui il prospetto e nell'allegato il retro. Sono stampate 1000 copie piegate tascabili quale dono alla mia città. Grazie e scusate se non è, forse in tema.

Ler mais
Publicado em de Antonio R.