Come creare un'immagine con più link in html 
Author: G. Mountains
Visited 3670,
Followers 1,
Shared 0
Buongiorno, ho un problema ad utilizzare il tools "HTMl Widgets". Vorrei inserire un'immagine sulla quale attivare in quattro aree dei link. Ho provveduto a scrivere il codice nella porzione "Codice HTML" e poi nella porzione "Esperto" nella parte bassa ho allegato il file dell'immagine e i quattro file pdf da linkare alle rispettive porzioni di area. Non riesco a visualizzare niente. Si vede un riguadro al centro del quale si vede una piccola icona colorata. Forse ho sbagliato a scrivere il path dei files? In tal caso qual'è la sintassi corretta che usa Website per indicare il percorso dei files? Bisogna scrivere c:/...... oppure http://
Esiste la possibilità di importare nel programma un file HTML creato con un'altro programma?
Grazie
Posted on the
Author
Buongiorno,
vi riporto la sintassi che ho usato.
Per il secondo quesito mi riferisco alla versione 10 di WebsiteX5.
Grazie
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<img src="file:///C|/Sito Web/File/prova/map.gif" width="734" height="546" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="348,118,426,148" href="file:///C|/Sito Web/File/prova/A1.pdf" />
<area shape="rect" coords="258,231,337,274" href="file:///C|/<span>Sito Web/File/prova/A2.pdf</span>" />
<area shape="rect" coords="429,298,512,344" href="file:///C|/<span>Sito Web/File/prova/A3.pdf</span>" />
<area shape="rect" coords="129,368,214,409" href="file:///C|/<span>Sito Web/File/prova/A4.pdf</span>" />
</map>
</body>
</html>
ciao,
1 - quale è la cartella destinataria che hai scelto per i file allegati...? ...per default dovrebbe essere "files";
... se l'immagine ed i PDF sono destinati alla cartella "files" devi usare il percorso "relativo", cioè devi togliere ogni riferimento alla radice del disco C:
... per esempio, questa stringa: src="file:///C|/Sito Web/File/prova/map.gif"
... deve diventare: "files/map.gif"
... e questa altra: href="file:///C|/Sito Web/File/prova/A2.pdf"
... deve diventare; href="files/A2.pdf"
... e via di seguito per le altre stringhe di codice...
N.B.: ... al posto di files (URL relativo), ...potresti usare l'URL "assoluto" se i files fossero già in RETE, per esempio in una cartella chiamata "mieifiles"
... per esempio, al posto di files/map.gif andrebbe usato:
http://www.NomeTuoSito.it/miefiles/map.gif
..............................
2 - sì, puoi incollare il codice della mappa generato da un altro programma, TAG IMG e TAG MAP, con i percorsi ovviamente corretti nel modo anzidetto...
... qui spiego un modo semplicissimo per mappare con MsPaint: http://answers.websitex5.com/post/41871
.
bye, KolAsim
Author
Scusa per il ritardo. Grazie per il chiarimento.
Saluti
Author
Buonasera,
avrei bisogno di un altro chiarimento. Se volessi aprire una pagina html del sito creato con Website piustoto che il PDF, come dovrei riportate il path? I file che il programma crea sono nella cartella "Preview" e non li posso spostare nella cartella "files".
Grazie
Saluti
... esattamente il percorso relativo; cioè, se la pagina mappata è alla radice del sito, cioè una pagina della struttura del sito, supponiamo paginaMappata.html e si volesse far aprire la pagina Pagina1.html al posto di quanto detto prima, files/map.gif, ...mettere semplicemente Pagina1.html
... abituati a non considerare la cartella Preview (*), ma a ragionare ed operare sul concreto, cioè al Passo_5 effettuare sempre Esportazione su Disco, e verificare lì l'evoluzione del sito ed il riscontro delle modifiche apportate...
(*) al limite potresti eliminarla per forzarne la rigenerazione anti cache
.
ciao
Author
Ancora grazie.
Saluti