Tecnología

Inicio

Cómo desarrollar XHTML para dispositivos móviles

Cómo desarrollar XHTML para dispositivos móviles


XHTML de codificación es adecuado para la resolución y dimensiones de los dispositivos de mano más pequeña y es superior a las normas anteriores, como el WML y HTML. Proporciona una norma más estricta para el diseño y desarrollo de páginas Web para asegurar la compatibilidad entre navegadores. Hay muchas ventajas en el uso de XHTML para dispositivos móviles, incluyendo la separación de contenido y presentación a través de CSS (Cascading Style Sheets), aspecto coherente y funcionalidad y facilidad de uso.

Instrucciones

1 Crear un nuevo documento como si se tratara de cualquier nueva página Web. Inserte el "<? Xml

version = "1.0"?> "declaración como la primera línea. Desde XHTML Basic es un lenguaje XML, cada documento que cree para el despliegue móvil debe comenzar la presente declaración.

2 Insertar su elemento DOCTYPE. La mayoría de los editores de marcado va a hacer esto para usted, pero si usted está construyendo su documento manualmente, el elemento debe ser algo como esto: "<! DOCTYPE html PUBLIC" http://www.wapforum.org/DTD/xhtml-mobile10.dtd ">"

3 Construir su sitio web y las hojas de estilo y mantener la dependencia de los scripts externos o recursos a un mínimo. Este paso es casi idéntica a la construcción de cualquier otro sitio web en HTML, excepto que deben seguir los estándares XHTML Basic. Los elementos clave a incluir son un título breve al principio de la página seguido de enlaces de navegación mínimos. Todo el texto debe ser envuelto en "<p>" etiquetas.

4 Probar la página Web para la compatibilidad y conformidad con XHTML. Es posible descargar las plataformas de pruebas de los proveedores de dispositivos móviles, o utilizar los validadores en línea en w3.org. Estos ensayos de validación destacarán cualquier problema en su código que puede causar la implementación de falle, tales como scripts incrustados, etiquetas sin soporte o la profundidad de navegación excesiva. Las cosas se están utilizando para la prueba de se puede asegurar sus hojas de estilo, su sitio web muestra adecuadamente con la hoja de estilo apagados y elementos de navegación se comportan como se esperaba.

Consejos y advertencias

  • Trate de desarrollar un diseño de una página con el atributo de anclaje en sus enlaces en lugar de enviar al usuario varias fuentes externas. Este atributo se puede también utilizar para los elementos de llamada a la acción, como realizar una llamada o enviar un SMS.
  • Cuando la construcción de enlaces, también es importante asignar atajos de teclado utilizando el atributo "accesskey".
  • Asegúrese de que cada elemento de su diseño tiene un atributo id, título o alt. En los casos en que las imágenes no se rinda, que todavía quiere que sus usuarios a entender el diseño y el contenido de su página web.
  • Utilizar combinaciones que aseguran un contraste suficiente, y evitar fondos o elementos de diseño que pueden hacer que el texto se convierta en ilegible.
  • Crear elementos de navegación o de enlace, que son lo suficientemente grandes como para ser golpeado ligeramente con la punta de un dedo.
  • Optimizar su margen de beneficio y las imágenes para el tamaño de archivo más pequeño posible. Esto no sólo asegura los tiempos de carga rápidos para los visitantes, pero toma en consideración de memoria y ancho de banda limitaciones del dispositivo.
  • El diseño de su diseño utilizando divs en lugar de tablas o cuadros y evitar la inclusión de contenido Flash. Siempre investigue las limitaciones de la plataforma de destino si se incluyen técnicas de diseño avanzadas, incluyendo CSS3 y HTML5 etiquetas, por lo que sus pantallas de aplicaciones móviles correctamente.
  • Utilice el "EMS" o porcentajes en lugar de valores de píxeles, tanto en el marcado y CSS para todos los elementos dinámicos y texto. Definir la altura y la anchura de todas las imágenes.
  • No todos los navegadores móviles son creados iguales. Mientras que los sitios web y aplicaciones que utilizan técnicas de estilo avanzada o bibliotecas de JavaScript pueden funcionar bien en los dispositivos que utilizan Firefox o Safari, dispositivos con navegadores especializados o restricciones sólo pueden representar el texto y el diseño básico. Siempre incluya la funcionalidad multi-navegador en sus hojas de estilo y el diseño de un marco que puede valerse por sí misma, sin la hoja de estilo o imágenes.