Come creare una pagina Web Mobile

March 25

Progettazione di pagine web è diventato un passatempo affascinante, hobby divertente, o di carriera anche vantaggioso per molti appassionati di Internet. Con l'avvento di accesso mobile a Internet, tuttavia, alcune regole di base del web design sono stati ridefiniti per assicurare la più efficace esperienza di navigazione web mobile. Creazione di pagine web per dispositivi mobili è molto simile a creare pagine web standard, ma con alcune differenze fondamentali. Questo articolo illustrerà come risolvere queste differenze.

istruzione

Progettare la pagina Web

1 Acquisire familiarità con, come minimo, di programmazione HTML. HTML, abbreviazione di Hypertext Markup Language, è la forza trainante dietro entrambe le pagine standard e mobile sul world wide web, anche se l'esperienza mobile si basa anche su varianti come Extensible HTML (XHTML) e Wireless Markup Language (WML). Se non si ha familiarità con l'HTML, o se le tue capacità HTML sono un po 'arrugginito, si può essere in grado di ottenere un po' di assistenza alla progettazione web da un pacchetto di progettazione HTML come Dreamweaver di Macromedia. Se siete completamente familiarità con XHTML e non hanno accesso a strumenti di web design, si potrebbe desiderare di prendere una pausa e rispolverare queste competenze prima di procedere con i seguenti passaggi. Inoltre, si dovrebbe avere un'idea per la vostra pagina in mente prima di passare alla fase due.

2 Progetta la tua pagina con grafica minimale. Poiché i dispositivi Internet mobili utilizzano spesso le reti di dati wireless per navigare il World Wide Web, e perché queste reti sono notoriamente lenti, pagine web per cellulari devono essere ottimizzati per essere consegnati il ​​più rapidamente possibile. la grafica di grandi dimensioni, video e immagini ad alta risoluzione sono spesso archiviati in file di grandi dimensioni che richiedono una notevole quantità di tempo per scaricare tramite una connessione wireless, in modo da progettare la tua pagina di omettere questi file. Il W3C, un World Wide Web Consortium, raccomanda che le pagine web per cellulari, compresi tutti i file incorporati e la grafica, non più grande di 20 kilobyte.

3 Progetta la tua pagina per essere stretta, non ampia. Mentre le pagine web standard progettati per la visualizzazione su monitor di computer sono spesso 640 pixel di larghezza, o larga addirittura 1024 pixels, i dispositivi mobili sono dotate di schermi molto più piccoli e richiedono dimensioni sostanzialmente differenti. Il consorzio web W3C raccomanda che le pagine mobili siano non più largo di 120 pixel per ottenere la migliore visualizzazione su dispositivi mobili.

4 Utilizzare i caratteri di facile lettura e set di caratteri standard. Dal momento che i dispositivi mobili sono dotate di schermi di piccole dimensioni che possono essere difficili da leggere sotto anche circostanze ideali, è importante non rendere l'esperienza dell'utente più difficile includendo difficile da leggere o font script. font standard come Times New Roman, Ariel, e Courier funzionano bene per i dispositivi mobili, e il W3C raccomanda UTF-8 codifica dei caratteri.

Controllare, Preparare, e pubblicare la pagina Web

5 Controlla la tua pagina per la compatibilità mobile. Una volta che la pagina è stata progettata, si può rapidamente e facilmente soggetta a un test di compatibilità web mobile online gratuito. Questo strumento di test è fornito dal consorzio W3C per aiutare i web designer a creare pagine in vigore per l'uso su dispositivi mobili, e controlla diversi aspetti del sito web al fine di garantire le migliori prestazioni su schermi piccoli.

6 L'acquisto di un nome di dominio con estensione .mobi. Mentre gli utenti web mobile possono accedere a siti con quasi qualsiasi dominio, l'estensione .mobi indica agli utenti che la pagina è stato appositamente progettato per essere compatibile con il proprio dispositivo mobile. I nomi a dominio con questa estensione dovrebbero essere prontamente disponibili presso il registrar preferito, o società di registrazione popolari come GoDaddy o Dotster, anche se il registrar ufficiale per i domini .mobi può richiedere alcuni controlli di compatibilità prima di registrazione è completa. Una volta ottenuto il nome di dominio .mobi, puntare al vostro host web utilizzando le impostazioni del server dei nomi di cancelleria (se non siete sicuri come completare questo processo, consultare la documentazione disponibile presso il proprio host web).

7 Pubblica il tuo pagina al tuo host web. Con un nome di dominio in atto e una pagina progettata per il web mobile, si è pronti a pubblicare il tuo pagina al tuo host web. Utilizzando il protocollo preferito di trasferimento file di programma (FTP), o le funzionalità FTP incorporati in popolari pacchetti di editing HTML, connettersi al proprio host web e caricare i file (se non siete sicuri come collegare, consultare la documentazione dal tuo host web e / o dal software FTP). Una volta che i file sono stati caricati per il vostro ospite, e il nome di dominio funziona correttamente, la vostra pagina web per cellulari dovrebbe essere pronto per l'uso.

Consigli e avvertenze

  • Il W3C ha pubblicato un documento completo che spiega standard di progettazione per le pagine web per cellulari; questo documento è disponibile cliccando sul link "W3C Best Practices documento" dalla sezione risorse di questa article.Having tua pagina selezionata per la compatibilità con i dispositivi mobili è veloce, facile e gratuito; essere sicuri di approfittare di questo controllo dopo aver pubblicato la pagina, ma prima pubblicità del tuo sito.