web wap (movil)

trabajo nuevo, cosas nuevas
estoy muy entuciasmada, ahora aprendo cosas nuevas =)

el project mannager me propuso hacer la version wap del sitio que diseñe el miercoles , como nunca hice una web para celulares me introdujo en el tema:

PM: sabes las especificaciones de mobile web ?
yo: no
PM: por encima te comento son diseños centrados una imagen o 2 como mucho por página ajustados a tamaños muy pequeños la idea es q con un mismo XHTML paro con 2 css distintos puede cargar uno u otro y vale para ambos.

http://www.zkout.com/m/
mira esto es un ejemplo de mobile web es el concepto de usar estilos texto y casi nada de imágenes muuuy optimizado e incluso quitando contenido del site original dejando lo preciso es decir enlkaces principales y convirtiendo los menús en heads o foots y quitándolos de la parte lateral simplificando mucho y aprovechando la verticalidad de la pantalla y el diseño se adaptaría a lo ancho por porcentaje

te aconsejo www.marketcircle.com/iphoney/ para navegar por páginas con versión mobile web y testar tus propios diseños
si, podrías usar desplegables pero chikitos para que no se tomen el alto de la pantalla

la idea es q le presentes un JPG con la idea de la página optimizada para mobile web y luego al construir el XHTML
con tal de cambiar el nombre a la carpeta de CSS se cargaría un diseño u otro nosotros por programación meteríamos un validador de navegador y haríamos q si detectamos uno y otro cargamos un CSS u otro.

Ejemplos:

A partir de ahi segui investigando con mi amigo google :)
en castellano
disenar-web-movil
Cómo diseñar para la web móvil. Una aproximación practica
W3C mobileOK Basic Tests 1.0
todo-lo-que-necesitas-para-crear-tu-web-wap-20


en ingles
guia de desarrollo
dev.mobi/
mobile_web_developers_guide

About The Author

Diseñadora grafica / Desarrolladora web / wordpress themes y mas

No Comments