Visualizzazione risultati 1 fino 2 di 2

Discussione: consigli per adattare un sito ai dispositivi mobili?

  1. #1
    L'avatar di andreaonline
    andreaonline non è connesso Utente giovane
    Data registrazione
    09-03-2006
    Residenza
    Comunità europea
    Messaggi
    34

    Predefinito consigli per adattare un sito ai dispositivi mobili?

    Volevo qualche dritta per adattare il mio sito ai terminali mobili (in realtà per il momento inizierei solo con una pagina).
    Il sito è interamente realizzato con php+html+css, il layout è fatto da tabelle annidate a misura fissa, i caratteri invece hanno misure relative, le parti comuni sono riprodotte tramite include (spesso annidati).
    Tutte le pagine passano il W3C validator.
    La prima cosa che noto è che (a differenza del browser di Nokia) Opera Mini adatta il layout delle pagine alle dimensioni del dispaly del
    telefono... è già qualcosa.
    Ma come si procede se si vuole che sia merito del sito (e non del browser più o meno buono) se viene visualizzato bene sia su PC che su terminali mobili dalle ridotte dimensioni?
    Si creano 2 versioni diverse di ogni pagina (e qui mi sa che la gestione diventa complessa...) oppure sono le singole pagine ad essere flessibili adattandosi al dispositivo che le visualizza?
    Noto che alcuni siti hanno URL differenti sul PC e sul telefonino, ad esempio www.ebay.it diventa wap.ebay.it mentre annunci.ebay.it diventa m.annunci.ebay.it presumo quindi che carichi pagine differenti.
    Il sito forum.ubuntu-it.org invece mantiene i medesimi URL ma le pagine appaiono decisamente diverse, credo sia compito del php produrre output diversi a seconda della piattaforma.

    Queste mie congetture sono corrette?
    Qual'è la soluzione migliore, e pratica per avere un sito che vada bene su entrambe le piattaforme? Consigli su come procedere?

  2. #2
    Guest

    Predefinito

    Citazione Originalmente inviato da andreaonline Visualizza messaggio
    Volevo qualche dritta per adattare il mio sito ai terminali mobili (in realtà per il momento inizierei solo con una pagina).
    Il sito è interamente realizzato con php+html+css, il layout è fatto da tabelle annidate a misura fissa, i caratteri invece hanno misure relative, le parti comuni sono riprodotte tramite include (spesso annidati).
    Tutte le pagine passano il W3C validator.
    La prima cosa che noto è che (a differenza del browser di Nokia) Opera Mini adatta il layout delle pagine alle dimensioni del dispaly del
    telefono... è già qualcosa.
    Ma come si procede se si vuole che sia merito del sito (e non del browser più o meno buono) se viene visualizzato bene sia su PC che su terminali mobili dalle ridotte dimensioni?
    Si creano 2 versioni diverse di ogni pagina (e qui mi sa che la gestione diventa complessa...) oppure sono le singole pagine ad essere flessibili adattandosi al dispositivo che le visualizza?
    Noto che alcuni siti hanno URL differenti sul PC e sul telefonino, ad esempio www.ebay.it diventa wap.ebay.it mentre annunci.ebay.it diventa m.annunci.ebay.it presumo quindi che carichi pagine differenti.
    Il sito forum.ubuntu-it.org invece mantiene i medesimi URL ma le pagine appaiono decisamente diverse, credo sia compito del php produrre output diversi a seconda della piattaforma.

    Queste mie congetture sono corrette?
    Qual'è la soluzione migliore, e pratica per avere un sito che vada bene su entrambe le piattaforme? Consigli su come procedere?
    Puoi iniziare convertendo il layout a tabelle in div.
    Poi puoi utilizzare le css media queries per adattare il sito a seconda della grandezza dello schermo.
    http://mobile.smashingmagazine.com/2...-your-website/

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •