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

Istruzioni

1

Scaricare l'intero sito Web sul computer locale, se non l'hai già fatto.

2

Creare un nuovo file nella cartella principale del tuo sito per la versione mobile del tuo sito Web. Per il bene di questo tutorial, chiameremo questa cartella "mobi", ma può essere un nome qualsiasi cosa vogliate.

3

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

4

Rimuovere tutti i cookie e JavaScript dalla versione mobile del tuo sito Web. Browser per dispositivi mobili in genere non è possibile utilizzare queste opzioni.

5

Semplificare il layout del tuo sito Web. Gli schermi sui telefoni cellulari tendono ad essere piccole rispetto a schermi di computer. Layout sito web dovrebbe essere limitato a una colonna con menu di navigazione sulla parte superiore e parte inferiore.

6

Semplificare il CSS del tuo sito Web. I siti Web più moderni mettere tutti gli elementi di disegno e le istruzioni nel file CSS. Se possibile, combinare tutte le istruzioni CSS in un unico documento. Rimuovere eventuali istruzioni di layout ridondanti o inutili.

7

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

8

Ridimensionare le immagini per adattarle ad uno schermo di telefono cellulare. Dimensioni del browser mobile sono estremamente variabili. In generale, cercare di mantenere immagini sotto 240 per 320 pixel nel formato con l'assoluto massimo. Inoltre, è possibile includere informazioni di dimensione di immagine nel codice HTML della pagina Web.

9

Convalida HTML e CSS del tuo sito Web. Questo assicurerà che il tuo sito sia accessibile al maggior numero di browser Web. È possibile convalidare l'intero sito Web da presentare al servizio di validazione del World Wide Web Consortium presso validator.w3.org.

10

Caricare il sito Web mobile al server Web.