Come fare una versione mobile del tuo sito web

August 27

Come fare una versione mobile del tuo sito web


Le possibilità ei limiti di siti web sono molto diversi a seconda se si sta navigando tramite un browser Web su un normale PC o su un browser mobile sul tuo telefono cellulare o smart phone. Mentre i computer desktop con accesso a Internet ad alta velocità sono in grado di elaborare grandi quantità di dati, i telefoni cellulari sono limitati in termini di dimensioni, velocità di connessione e la potenza di elaborazione. Tuttavia, le organizzazioni professionali hanno cominciato a istituire standard per i siti web orientati verso dispositivi mobili, e questo rende lo sviluppo di siti web per cellulari un po 'più facile.

istruzione

1 Scarica l'intero sito web al computer locale, se non l'avete già fatto.

2 Creare un nuovo file nella cartella principale del sito per la versione mobile del tuo sito web. Per il bene di questo tutorial, chiameremo questa cartella "mobi", ma si può chiamarlo tutto quello che vuoi.

3 Copiare la struttura di base del tuo sito web nella cartella "mobi", avendo cura di aggiornare tutti i collegamenti relativi che possono essere inclusi nei file.

4 Rimuovere tutti i JavaScript ei cookie dalla versione mobile del tuo sito web. i browser mobili in genere non è possibile utilizzare queste opzioni.

5 Semplificare il layout del tuo sito web. Schermi sui telefoni cellulari tendono ad essere piccolo rispetto a schermi di computer. layout del sito web dovrebbero essere limitate a una colonna con i menu di navigazione sulla parte superiore e la parte inferiore.

6 Semplificare il CSS del tuo sito web. La maggior parte dei siti web moderni mettere tutti gli elementi di design e le istruzioni in file CSS. Se possibile, unire tutte le istruzioni CSS in un unico documento. Rimuovere eventuali istruzioni di layout ridondanti o non necessari.

7 Rimuovere eventuali elementi non necessari del tuo sito web. Questo può includere pubblicità, elementi di design appariscente e elementi grafici. Tutte queste cose prendono la larghezza di banda su Internet, e quindi ci vorrà più tempo per gli utenti di scaricare il loro browser mobile.

8 Ridimensionare le immagini per farli stare a schermo di un telefono cellulare. dimensioni browser mobile sono estremamente variabili. In generale, cercare di mantenere le immagini in 240 per 320 pixel di dimensioni al massimo assoluto. Inoltre, includere le informazioni dimensioni delle immagini nel codice HTML della pagina Web.

9 Convalida HTML e CSS del tuo sito web. Questo farà sì che il sito è accessibile al maggior numero di browser web. È possibile convalidare l'intero sito web presentando al servizio di validazione del World Wide Web Consortium a validator.w3.org.

10 Caricare il tuo sito web mobile per il server Web.


Articoli Correlati