Foros del Web » Creando para Internet » HTML »

Pautas para crear Web Móvil / Celular

Estas en el tema de Pautas para crear Web Móvil / Celular en el foro de HTML en Foros del Web. Hola de nuevo foreros! He leido algunos posts aqui sobre este tema, pero los dispositivos cambian rápido y la manera de hacer las cosas, así ...
  #1 (permalink)  
Antiguo 15/07/2011, 05:42
 
Fecha de Ingreso: agosto-2003
Ubicación: Málaga, España
Mensajes: 405
Antigüedad: 13 años, 5 meses
Puntos: 1
Pregunta Pautas para crear Web Móvil / Celular

Hola de nuevo foreros!

He leido algunos posts aqui sobre este tema, pero los dispositivos cambian rápido y la manera de hacer las cosas, así que creo que lo mejor es plantear algunos conceptos a ver si llevo bien enfocado el tema para mi caso particular.

Pongo los dos términos de habla hispana (Movil y Celular) en el título y así creo que este mensaje tendrá más resultados en las búsquedas.

Se trata de pasar algunas seciones de una web habitual a versión móvil. En principio no es necesario compatibilidad con dispositivos antiguos. Creo que con resolverse bien en smartphones Android, Iphones, blackberrys es suficiente.

Estas son mis ideas en este momento:

- Directiva de tipo de documento: A estas alturas el uso de 'XHTML Mobile Profile' creo que no es un beneficio para mi caso, creo lo mejor será usar XHTML. O ¿Usar HTML5?

- Según he leido, basarme en un 'diseño líquido' es fundamental. Corregidme si estoy equivocado, esto sería diseñar con body width 100% y usar porcentajes para todo contenedor existente. ¿algo más?

- Aún así, siempre existirán imágenes y elementos con un ancho fijo en píxeles que nos hará pensar qué ancho elegir para que el que está pensado el diseño. ¿Correcto? Qué valor usar según mis requerimientos? Había pensado 240px o 320px de ancho ¿Qué opinais?

- Creo haber leido que es más seguro usar 'tables' para los bloques de estructura, aunque conceptualmente sea horrible.

- Y qué valores para los tamaños de fuente se recomiendan ¿pt ó em?

- Cuidado con el uso de javascript. Aunque la mayoria de los navegadores en estos dispositivos soportan jQuery Mobile con gran cantidad de funcionalidad.
http://jquerymobile.com/

Tengo dudas de cómo mostrar algunas pantallas que requeriran más ancho del mínimo. Normalmente el aspecto de la web es 'horizontal' en contra de como en es en los dispositivos móviles 'vertical'. No sé si puede hacerse que se visualice a lo 'ancho' al voltear el móvil (y que se expanda automaticamente). Supongo que solo en los smartphones con acelerometro.

Bueno, cualquier aportación será muy valiosa.
Gracias por la atención y un saludo.
  #2 (permalink)  
Antiguo 19/07/2011, 02:25
 
Fecha de Ingreso: agosto-2003
Ubicación: Málaga, España
Mensajes: 405
Antigüedad: 13 años, 5 meses
Puntos: 1
Respuesta: Pautas para crear Web Móvil / Celular

Venga...
¿Nadie se atreve a participar?

Seguro que alguien tiene ideas para hacer que este post mejore y sirva a más gente.
Saludos.
  #3 (permalink)  
Antiguo 01/08/2011, 07:18
 
Fecha de Ingreso: agosto-2003
Ubicación: Málaga, España
Mensajes: 405
Antigüedad: 13 años, 5 meses
Puntos: 1
Respuesta: Pautas para crear Web Móvil / Celular

Hola de nuevo!

En este link se comenta bastante sobre la resolución a la que aplicar el diseño y otros consejos. Es bastante interesante...

Por otra parte, pensando en las diferentes resoluciones para las que trabajar. En principio como décía no me voy a centrar en llegar a todo dispositivo, de momento solo a los de nueva generación (Android, IPhone) Por tanto trabajaré para un conjunto de 240px, 320px de ancho. En pantallas superiores (480) también sin problema, aunque 240px será la base.

Saludos.

Última edición por bauhaus1975; 01/08/2011 a las 07:23

Etiquetas: celular, pautas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:45.