Come creare una pagina con una mappa sensibile che si modifica 
Author: Gabriele C.buona sera, un mio collega sta usando website x5 professional 12 ed ha il problema di non conoscere il codice html. vuole realizzare una home page con una foto che si apra a tutto schermo con qualsiasi monitor e smartphone, senza dover usare la rotellina del mouse, che oltretutto deve contenere una mappa cliccabile. dopo aver consultato questo forum ha trovato il modo di fare la mappa ed è funzionante, ma non riesce a capire come metterla nel sito ed usare la funzione responsive. facendo una mappa ha dovuto inserire la grandezza dell'immagine quindi la struttura del sito è basato su quello, esempio: 1920 x 1080. ma se lo vedo in uno schermo più piccolo l'immagine di home non si modifica. ringrazio in anticipo e spero di essere stato chiaro...
... solo a titolo di IDEA fine a se stessa, ...se si ha SwishMax, e credo anche con il recente WebAmimator (che non conosco), si potrebbe ottenere la pagina nel modo che si desidera:
http://www.zspace.it/kolasim/swiffy/igor_k100.html
http://www.zspace.it/kolasim/swiffy/CentroCentroAngoli.html
.
... ovviamente si dovrà conoscere a fondo (*) il programma che si userà, oltre al non avere dubbi su WebSiteX5...
(*) - nel caso sarebbe semplicissimo, (pensato, detto e fatto)...
.
Author
grazie KolAsim... ti vedo molto spesso dare utili consigli e non solo un po a tutti e non so come fai a seguire tutti i forum... ma non conosco il programma anche perchè sono un pivellino in campo html... ma il mio collega ha WebSiteX5 per la sua semplicità di fare siti web, poi alla richiesta di lavori PER ME più complessi sono costretto a chiedere informazioni...
ora cercherò il programma e vedrò di studiarmelo...
una cosa... SwishMax serve per creare codici da implementare a website oppure è un programma come website?
Author
comunque...tornando al mio problema... con WebSiteX5 non si può fare una home con mappa cliccabile che si modifica in base al tipo di schermo o cell?
@Gabriele , di solito le mappe cliccabili sono composte da un codice html e da una o più immagini ...
se è così quella che siete riusciti a generare , penso basti inserirla nella Home in oggetto "html" ...
le immagini le esporti via FTP o le alleghi al progetto.
...ci hai già provato ?
Swishmax e Webanimator ti risolverebbero il problema , ma devi conoscerli bene.
Website non ha , al momento, una funzione per creare mappe cliccabili, è già stata richiesta da altri...
... come ti avevo anticipato gli esempi erano solo a titolo di idea, da valutare, nel senso che volendo tutto potrebbe essere possibile...
... vale la seguente equazione:
>> SwishMax sta a WebStiteX5 come MsPaint sta a WebSiteX5
... cioè è un programma esterno a supporto per animazioni e quant'altro possibile...
... comunque, attualmente, se non ce l'hai già e non lo conosci bene, da non prendere in considerazione essendo superato!!, a vantaggio di WebAminator ...gemellato nelle offerte del programma...
.
Author
Ciao Claudio, ti ringrazio per la tua risposta, ma il mio problema non è creare la mappa, ma riuscire a visualizzare la home page in tutti i dispositivi, allo stesso modo, cioè senza dover scorrere con la rotellina del mouse o trascinarla quando uso uno smartphone. ho creato un sito (ovviamente ancora solo in stato di test), dove se vuoi puoi provare ad aprirlo con vari dispositivi, e ti accorgerai che la home page non si adatta. un esempio chiaro di come mi serve lo ha fornito KolAsin nei linck sopra, che ovviamente ringrazio...
http://www.maxcara.com
(Ovviamente nella creazione del sito ho inserito la funzione responsive)
Dove sbaglio?
C'è la possibilita' che questo programma non sia in grado di fare quel che mi serve?
Grazie comunque per la pazienza che mi dedicate...
... ti propongo un'altra idea, sempre fine a se stessa, e quindi dipenderà da te valutarla ed attuarla, ed anche questa volta si tratta di un primo esempio "unico"... ... tenendo anche presente che io sono senza programmi!!!...
... per prova ho preso la mia vecchia mappa di esempio, questa: http://www.zspace.it/kolasim/wsx5_v8/mappaFabrianoRollOver/pagina_1.html
... ed vi ho applicato "@media" (media query) per il controllo del layout in pagina custom, questa: http://www.zspace.it/kolasim/wsx5_v8/mappaFabrianoRollOver/mappafabriano_resizeK.html
... non ho cosini per provare; ... test: https://www.google.com/webmasters/tools/mobile-friendly/?url=http://www.zspace.it/kolasim/wsx5_v8/mappaFabrianoRollOver/mappafabrianoK.html
...
... come anticipato, il resto è nelle tue mani; ...tutto sta nel TAG STYLE in HEAD e nel DIV_CUSTOM contenitore della mappa ...
.
Author
KolAsim, come al solito sei sempre disponibile e pieno di consigli (anche se non ho capito se tu usi website o no). Adesso vedo di imparare qualcosa in più sul codice html e css e valutare se poi sono in grado o meno di fare questa benedetta home page per il collega... spero di non rompere più con le mie domande ma in caso so che c'è sempre qualcuno che o bene o male mi puo' aiutare... grazie ancora
... no! ...come detto non uso nessun programma...(attualmete da un po') ...
... casomai, visto che posso solo editare in RETE, posta il link della pagina con la tua immagine mappata e funzionante, e poi potrei provare, se trovi difficoltà, ad applicare il mio codice direttamente o tramite IFRAME...
... comunque, programmi in supporto al programma come quelli detti prima potrebbero essere utilissimi, più compatibili e senza tanti sbattimenti, dando spazio alla tua creatività, facendo tutto da te, senza essere succube o schiavo delle risorse di altri...
.
Author
ciao KolAsim... la pagina è
http://www.maxcara.com
però quello che vedrai è solo un primo progetto e ci sono, oltre al menù in alto, i due personaggi laterali che sono cliccabili. questo ora è solo per valutare il funzionamento.
il problema come dicevo ad inizio post, è riuscire ad aprire la home page a tutto schermo su qualsiasi dispositivo. ora negli smartphone devo scorrere per poter visualizzare la home, mentre negli schermi molto grandi visualizzo la home piccola e intorno il nulla...
io nel frattempo sto studiando un po di html e css e vediamo cosa ne tiro fuori...
grazie ancora per l'aiuto...
... mi sembra che hai inserito immagini su uno sfondo e che poi hai mappato, e se così fosse ti do un'altra idea alternativa, e sempre originale, che non necessita di mappatura, ma solo l'uso di una tabella ad hoc per quello che ti serve...
... vedi esempio tanto per capire di cosa si tratta: http://www.zspace.it/kolasim/tabelle/tabellaresizeK.html
... non ho cosini per testare; ...prova e valuta tu...
... non ho il programma, ma in teoria dovrebbe poter bastare di inserire il TAG TABLE in un Oggetto Codice HTML...
.
ciao
Author
ci provo e vedo quello che succede... grazie ancora...