https://helpcenter.websitex5.com/en/post/216473il principio è il medesimo 

... 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!  ......

.

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

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

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...

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

... 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...

.
.

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

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

ciao

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.

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

... 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...

.

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

... 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...

.

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/en/post/154019

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

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.

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

Carissimi amici e moderatori di questo splendito programma condivido con voi questo mio ultimo lavoro:http://www.antoniorandazzo.it/turismosiracusa/index.html Per Claudio D e KolAsim 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

.

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

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:

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

Buon lavoro ;)

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.