Todo lo que necesitas para crear tu web WAP 2.0.

Por Fabio Núñez el 03 de July de 2007 en Movil

Recientemente acabo de terminar la versión móvil de EscapadaRural (m.escapadarural.com) y he tenido que ponerme al día en estas nuevas tecnologías. Anteriormente había hecho páginas en i-Mode, pero había restricciones de peso terribles (aprox 10Kb), no permitía apenas personalización de diseño, no admitía hojas de estilo y dejaba sólo unas cuantas etiquetas html con las que jugar.

Con el Wap 2.0 podemos utilizar la potencia del XHTML sumado al CSS para conseguir más personalización de diseño. Todavía no tiene las mismas posibilidades que la web, pero todo se andará.

Algunos consejos para maquetar WAP 2.0. :

Define el tamaño de las imágenes con html. Así se reserva el espacio en pantalla y carga más rápido.
El tamaño de las imagines debe ser 200 x 150px.
Pon todos los estilos en una hoja a parte y ponle un nombre corto, aquí todo byte cuenta.
Pon nombres cortos a las clases que utilices.
Utiliza em para los tamaños de textos.
Utiliza un enconding utf-8:
<?xml version="1.0" encoding="UTF-8"?>
Utiliza un dtd XHTML Mobile:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
Es obvio, pero hay que decirlo… no uses javascript.
Utiliza un meta para cachear el contenido:
<meta http-equiv="Cache-Control" content="max-age=200" />
No utilices tablas.
Cuando termines, puedes tener una versión de la página sin saltos de línea para ahorrar unos cuantos bytes. Lo mismo con la hoja de estilo

Validador & Emulador para móvil:
Sin duda alguna esta aplicación me ha salvado. A parte de proporcionar emuladores de dos móviles (nokia y Ericsson), te proporciona validador de código, medidor de tiempos de carga y ayuda para solucionar los fallos.

http://ready.mobi/launch.jsp?locale=en_EN

Al final he conseguido sacar un 5