|
|
Nota importante: Autor Javier R. Cinacchi en
exclusiva para www.estudiargratis.com.ar.
- Cursos gratis de diseño web
Estudiargratis.com.ar introducción compatibilidad con Web Móvil
Publicidad
Diseñar o lograr una compatibilidad adaptada a sitios Web para Web móvil,
y para dispositivos como ser celulares, netbooks, Iphone, hasta la PC
común, o incluso Interten TV -el diseño tal vez pasa de
verse en una pantalla de 2 pulgadas a una de 42-; es complicado ya que:
Definición de pantalla. Cada dispositivo tiene su
distinta definición de pantalla, es decir del vamos el
diseñador se tiene que olvidar de los 1024 píxeles de
ancho, y pasar a una definición mucho menor, por ejemplo en el
2011, el ancho cuanto mucho es de 230 píxeles en celulares
comunes. Pero aún hay otra complicación que no se
tenía muy en cuenta en las PC de escritorio:
La densidad de puntos por pulgada. Las imágenes se
verán más grandes o pequeñas, y lo mismo las letras
según los ppi. Esto generalmente en una PC de escritorio no se
tenía en cuenta, la mayoría de los usuarios o lo
acomodaban para ver bien, o se acostumbraban a ver todo mal. Pero como
hay algunos Sitios Web Optimizados para internet móvil el
resultado será: Con el mismo equipo algunos se verán bien y
otros mal.
Optimización para celulares y demás. Los
usuarios generalmente buscan mediante Google.com un Sitio Web. De nada
sirve tener un Sitio Web optimizado para que se vea en todos los
celulares bien, si en Google, no sale en los primeros resultados de
búsqueda. ¿Y se trabajará el doble para realizar un
Sitio Web con lo mismo para la PC, y otro para Internet móvil?
Algunas empresas importantes lo hacen, generalmente cuanto tienen a
programadores o diseñadores a sueldo fijo...
Desarrollo de la tecnología. Generalmente el
diseñador prueba su Sitio Web con Firefox, o con Internet
Explorer, en determinado Sistema. Pero hay más navegadores
aún para los distintos dispositivos portátiles y equipos
de distintos SO; y si por ejemplo el diseñador opta por una
optimización para 120 píxeles, y luego el usuario que
entró en la web mediante el celular, entra exactamente en la
misma desde la PC... bueno se verá todo diminuto. Además
no se sabe qué dispositivos nuevos saldrán, y cuales se
impondrán en el mercado.
Publicidad
Costumbre de los Usuarios. Cuando navegan por Internet
utilizar el zoom, y mover; de esta forma lo que vean chico lo
verán bien. Pero no todos saben hacer esto, pese a que
prácticamente todos los dispositivos lo tienen desde en la PC con
Ctrl + (la tecla control mas el signo más, o el menos para
reducir); y en las pantallas táctiles pulsar con dos dedos y
alejar uno del otro para ampliar, o acercar uno al otro para reducir; y
para mover clic y arrastrar. Si bien a veces es un poco molesto estar
acomodando el zoom, al hacerlo el usuario, podrá aprovechar
más sitios web: tanto los que invierten en compatibilidad y los
que no invierten en tal área.
¿Consejos para el diseño web en móviles y PC?
Si hay que hacer un diseño rápido y que se amolde sin
complicación bastante bien a desde la PC con un monitor de 21 o
más pulgadas a la Internet Móvil en un celular. Para ello
las recomendaciones generales son no utilizar imágenes grandes, y
todo sea relativo, sin especificar píxeles, además con
una configuración en el diseño tipo UTF-8
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
Esto es una forma de optimizar la forma de diseñar tratada por
Javier R. Cinacchi en www.estudiargratis.com.ar en los diseños
que se suelen utilizar. Entonces por ejemplo si en una tabla dice 1010
de ancho en píxeles, en vez de esto especificar un ancho de un
97%. En vez de indicar a la letra una dimensión
específica, utilizar tamaños relativos:
(ninguno sería tamaño medio)
<big></big> Para el tamaño grande.
<small></small> Para el tamaño pequeño.
Actualmente se utilizan estilos, pero no es lo mejor siempre,
y no es capricho. Es más rápido insertar una tabla que
hacer todo con etiquetas div, y configurar distintos estilos. Y ni
hablar de si se añade publicidad, la cual se verá siempre
igual, ya que depende de los anunciantes o intermediarios, con los
formatos que brindan.
Publicidad
Hay que tener en cuenta que en la pantalla de un celular,
no se visualizan cómodamente muchas cosas como en la pantalla de
una PC común. Para optimizar para Internet móvil lo mejor
es no dividir la pantalla en su ancho en tablas, o de hacerlo que sea en
dos teniendo en cuenta que la de la derecho posiblemente no se vea...
Web para comprobar compatibilidad con Internét Móvil:
http://validator.w3.org/mobile/
...Y algo complicado a veces de cumplir, en total sumando
imágenes no debería ser cada página de más
de 20KB de peso. Y un truco que te cuenta Javier R.C. De
Estudiargratis.com.ar para voz... Mmm no sé si contarlo. En una
web ya diseñada, podrás hacer que tenga en la
mayoría de los dispositivos un zoom inicial, sin tener que
rediseñar todo con estilos, mediante esta etiqueta (pero
habría que variar la tabla de fija a relativa, es decir de
píxeles a %):
<meta name="viewport" content="width=device-width; initial-scale=2.5">
Esto va entre <head> y </head>; y el zoom o escala en este
caso le escribí 2.5; puedes poner otro valor. No se
debería ver afectada una PC de escritorio, y así es hasta
donde probé en el 2011. Pero lo dicho arriba sigue siendo
válido, hay que pensar actualmente al diseñar no solo en
el monitor de una PC, sino también en la de los que usan Internet
Móvil. Lo mejor sería diseñar con CSS en una web
indicas distintos estilos y se usará el que corresponda al
dispositivo, si los detecta bien; y abría que ver como queda en
cada caso, lo que significa trabajar más. Pero si usas publicidad
se complica porque no se aplica a la publicidad que no te permite sea
variada, en cambio la escala sí, a todos los contenidos ;-)
¿No me merezco un link desde alguna de tus webs? :-)
Buscador
Página principal=> Cursos gratis, lecturas juegos y mucho más¡¡¡
|
|
-