codifica XHTML è adatto per la risoluzione e le dimensioni dei dispositivi palmari più piccolo ed è superiore agli standard precedenti, quali WML e HTML. Esso fornisce uno standard più severo per la progettazione e lo sviluppo di pagine web per garantire la compatibilità tra i browser. Ci sono molti vantaggi di utilizzare XHTML per i dispositivi mobili, tra cui la separazione tra contenuto e presentazione attraverso i CSS (Cascading Style Sheets), aspetto coerente e la funzionalità e facilità d'uso.
istruzione
1 Creare un nuovo documento come si farebbe per qualsiasi nuova pagina Web. Inserire la "<? Xml
version = "1.0"?> "dichiarazione come la prima linea. Poiché XHTML Basic è un linguaggio XML, ogni documento creato per la distribuzione mobile deve iniziare alla presente dichiarazione.
2 Inserire il vostro elemento DOCTYPE. La maggior parte dei redattori di markup farà questo per voi, ma se si sta costruendo il documento manualmente, l'elemento dovrebbe essere simile a questo: "<DOCTYPE HTML PUBLIC" http://www.wapforum.org/DTD/xhtml-mobile10.dtd ">"
3 Crea il tuo foglio di sito web e lo stile e mantenere dipendenza da script esterni o risorse al minimo. Questo passaggio è quasi identica alla costruzione di qualsiasi altro sito web in HTML, tranne è necessario seguire gli standard XHTML Basic. Elementi chiave da includere sono un breve titolo all'inizio della pagina seguito da collegamenti di spostamento minimo. Tutto il testo deve essere avvolto in "<p>" tag.
4 Metti alla prova la tua pagina Web per la compatibilità e la conformità XHTML. È possibile scaricare le piattaforme di test da fornitori di dispositivi mobili, o utilizzare i validatori on-line a w3.org. Questi test di validazione metterà in evidenza eventuali problemi nel codice che possono causare la distribuzione a fallire, come ad esempio gli script incorporati, tag non supportati o profondità di navigazione eccessiva. Cose da testare per assicurare possono essere i tuoi fogli di stile vengono utilizzati, il vostro sito viene visualizzato in modo adeguato il foglio di stile spenti e elementi di navigazione si comportano come previsto.
Consigli e avvertenze
Prova lo sviluppo di un layout di una pagina utilizzando l'attributo di ancoraggio nei tuoi link invece di inviare l'utente a diverse fonti esterne. Questo attributo può essere utilizzato anche per gli elementi call-to-action come la realizzazione di una chiamata o l'invio di un SMS.
Quando si costruisce legami, è anche importante per assegnare scorciatoie da tastiera utilizzando l'attributo "accesskey".
Assicurarsi che ogni elemento del layout ha un attributo id, titolo o alt. Nei casi in cui le immagini non possono rendere, si vuole ancora agli utenti di comprendere la struttura e il contenuto della pagina Web.
Utilizzare combinazioni di colori che assicurano sufficiente contrasto, ed evitare gli sfondi o elementi di design che possono causare il testo per diventare illeggibile.
Creare elementi di navigazione o di collegamento che sono abbastanza grandi da essere sfruttato con la punta di un dito.
Ottimizzare il markup e le immagini per la dimensione del file più piccolo possibile. Questo non solo assicura tempi di caricamento veloci per i visitatori, ma prende in considerazione della memoria e larghezza di banda limiti del dispositivo.
Progettare il layout con div invece di tabelle o cornici ed evitare di includere contenuti Flash. la ricerca sempre i limiti della piattaforma di destinazione quando comprese le tecniche di layout avanzate, tra cui CSS3 e HTML5 tag, in modo che le esposizioni di applicazioni mobili in modo corretto.
Utilizzare "SME" o percentuali invece di valori dei pixel sia il markup e CSS per tutti gli elementi dinamici e testo. Definire l'altezza e la larghezza di tutte le immagini.
Non tutti i browser mobili sono creati uguali. Mentre i siti web e le applicazioni che utilizzano le tecniche di stile avanzato o librerie JavaScript possono funzionare bene su dispositivi che utilizzano Firefox o Safari, i dispositivi con browser specializzati o le restrizioni possono rendere solo il testo e layout di base. Sempre includere funzionalità di cross-browser nei vostri fogli di stile e progettare una struttura che può stare in piedi da sola, senza il foglio o immagini di stile.
