Come sviluppare pagine Web mobile

April 9

Come sviluppare pagine Web mobile


Lo sviluppo di pagine Web mobili è simile allo sviluppo di pagine web per i computer completo, con alcune limitazioni. La maggior parte dei browser per dispositivi mobili non supportano Flash, e pochi hanno il pieno supporto JavaScript.

A parte la necessità di utilizzare le tecnologie di base come HTML e CSS --- e la maggior parte dei browser mobili attuali supporterà HTML 5, che può gestire molte funzioni Flash ha gestito fino ad oggi --- le uniche altre cose a cui pensare sono le dimensioni dello schermo e del carico volte. Poiché la maggior parte dei dispositivi mobili si connettono a Internet su una rete telefonica cellulare, i tempi di caricamento delle pagine sono lenti, in modo da mantenere i file di immagine di dimensioni ridotte è importante, in quanto si limita lo scorrimento orizzontale.

istruzione

1 Raccogliere i file e le informazioni per la tua pagina Web per dispositivi mobili in una cartella. Questo include le foto si intende utilizzare, il testo che si intende utilizzare e tutti i file, ad esempio file PDF, che verranno allegati al sito. Avendo questi file in un unico luogo non solo aiuterà a organizzare il vostro sito, vi aiuterà a mantenere l'architettura del sito corretto durante tutto il processo di sviluppo.

2 Creare un nuovo documento nel programma di sviluppo Web (vedi Risorse per i pacchetti software gratuiti ea pagamento). Chiamatela "index.html" --- questa sarà la tua home page. Inizia con un tag <head>, e includere il titolo della pagina ed i collegamenti per i fogli di stile CSS, o CSS, si prevede di utilizzare. Dopo aver chiuso il </ head>, aprire un tag <body>, e includere il logo della pagina Web, la navigazione del sito e il contenuto home page, tra cui testo e immagini.

Posizionare il testo nel tag di paragrafo (<p> all'inizio e </ p> alla fine). immagini codice utilizzando <img al nome del file di immagine che si desidera utilizzare).

Conservare le immagini abbastanza piccolo da essere visualizzato sullo schermo di un dispositivo mobile e per mantenere il testo in piccoli punti in modo che sia facile da leggere su un piccolo schermo.

3 Creare le altre pagine per il tuo sito web mobile, mantenendoli nella stessa cartella si sta tenendo il resto del contenuto.

4 Caricare il tuo sito web mobile al server utilizzando un client FTP (vedi Risorse) o file manager del tuo host web.


Articoli Correlati