Layout fluido adattamento a vari dispisitivi 
Autore: Maximiliano L.salve,
in questo link (http://www.incomedia.eu/it/website_x5_accessibile.html) ho avuto modo di leggere che website x5 ha la possibilità di far comporre un sito con "layout fluido" in modo che automaticamente ogni pagina si possa adattare in base al dispositivo in cui viene visualizzata.
Io ho evolution 10, non sono esperto webmaster e non capisco praticamente nulla di codici. il sito che sto creando, non si adatta a cellulari o tablet. in cosa sbaglio?
Ho già cercato argomenti correlati in questo forum di assistenza, e ne ho trovati diversi ma non si capisce di quale versione di website si sta parlando. Per questo desideravo sapere se evolution 10 ha la funzione di layout fluido per adattarsi ad ogni dispositivo. In caso contrario, cosa è allora website x5 accessible? è diverso da evolution 10?
inoltre...
ho letto con interesse questi post: http://answers.websitex5.com/post/58728
e come già notato molte volte, i consigli di KolAsim sono sempre precisi e pertinenti, ma data la mia enorme incompetenza non ho afferrato come far in modo che il sito sia creato in modo che ad ogni dispositivo appaia una visualizzazione corretta, senza dover essere costretti a fare una pagina di scelta iniziale.
attendo vostre cortesi risposte e suggerimenti
grazie
Max
Buongiorno Maximiliano,
la versione Accessibile è un prodotto molto vecchio ormai e utilizzato nel caso che il sito debba rispecchiare degli standard per delle disabilità.
Essendo un prodotto vecchio non è compatibile con i recernti dispositivi mobile.
Per questo ti consiglio di provare a realizzare 2 siti con Evolution 10, uno orientato al desktop e uno orientato al mobile.
Poi potrai settare il server cosìche faccia un redirect sul sito mobile se aperto da questi dispositivi.
Prova ad informarti sull'argomento, spero di esserti stato utile.
Autore
Ok, grazie molte. Cercherò in merito!
Autore
Allora, ho fatto molte ricerche in merito e molte prove, ma probabilmente devo commettere qualche errore, non mi funziona...
Ho seguito le istruzioni riportate quì http://answers.websitex5.com/post/49395
ma purtroppo quando apro il sito con un android, mi porta sulla vecchia home page desktop non su quella per mobile.
qualcuno può aiutarmi a capire cosa ho sbagliato?
lo script che ho inserito nella sezione ESPERTO del primo passo(impostazioni generali) è questo:
<meta http-equiv="Expires" content="0" />
<meta name="Resource-Type" content="document" />
<meta name="Distribution" content="global" />
<meta name="Robots" content="index, follow" />
<meta name="Revisit-After" content="21 days" />
<meta name="Rating" content="general" />
<script type="text/javascript">
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i))) { [[removed]] = "http://www.zanzare.altervista.org/mobile/"; }
</script>
ora, non fate caso al fatto che il nome del sito è "zanzare" ed è su altervista, perchè è solo un appoggio momentaneo per fare prove senza toccare il sito effettivo che è già on-line.
Ma cosa ho sbagliato in questo script sopra scritto?
Mi potete correggere affinchè il redirect funzioni bene?
(la differenza tra la home normale e quella per mobile, per ora, è solo nel fatto che il primo pulsante "prosegui nella lettura" funziona solo nella home per mobile)
inoltre...ho letto con interesse anche questo: http://answers.websitex5.com/post/60759
dove ci viene ricordato che Google penalizza i siti duplicati...come posso evitare tale penalizzazione? Devo apportare maggiori modifiche al sito che verrà visualizzato nei dispositivi mobili, affinchè risulti non una duplicazione ma un altro sito diverso? Sarebbe un grande impegno, ma se lo facessi, risolverei?
Grazie molte!
Nel sito mobile non devi mettere lo script...e poi lo hai fatto di misure più piccole...? a me sembra sempre lo stesso...
Autore
Grazie Mirko...allora ho provato togliendo lo script al sito mobile.
(La home page è identica...è la pagina che si raggiunge cliccando sul primo pulsante "prosegui nella lettura" [funziona solo nella home per mobile] della home page mobile che è diversa.)
purtroppo nulla, se accedo dal cellulare android, va sempre e solo sulla home page originale, non su quella mobile.
Forse ho sbagliato la procedura...
io ho creato una cartella "mobile" nel desktop, l'ho inserita nel sito tramite "file zilla". Poi ho creato un duplicato del sito e lo ho caricato con website nella cartella "mobile".
Ho inserito questo script solo nello head del passo uno (sezione esperto) di website:
<meta http-equiv="Expires" content="0" />
<meta name="Resource-Type" content="document" />
<meta name="Distribution" content="global" />
<meta name="Robots" content="index, follow" />
<meta name="Revisit-After" content="21 days" />
<meta name="Rating" content="general" />
<script type="text/javascript">
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i))) { [[[removed]]] = "http://www.zanzare.altervista.org/mobile/"; }
</script>
E non lo ho inserito nello head del duplicato del sito che ho messo nella cartella "mobile".
Forse devo scrivere http://www.zanzare.altervista.org/mobile/index invece di limitarmi a scrivere http://www.zanzare.altervista.org/mobile/?
Ho sostituito "removed" con "[removed]". Va bene?
Oppure ho messo qualche slash di troppo?
Grazie per la pazienza!
Autore
oops!
ho risolto con questo:
<script language=javascript>
if((navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/MSIE/i)) ||
(navigator.userAgent.match(/Trident/i)) || (navigator.userAgent.match(/Samsung/i)) || (navigator.userAgent.match(/Symbian/i)) ||
(navigator.userAgent.match(/Nokia/i)) || (navigator.userAgent.match(/BlackBerry/i)) || (navigator.userAgent.match(/Creative AutoUpdate/i)) || (navigator.userAgent.match(/iPhone/i)))
{
location.replace("mio sito");
}
</script>
Perdonami se ti ho stressato Mirko, e grazie veramente perchè uno entra in questo forum sapendo sempre che può contare anche su di te!