Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil




descargar 358.78 Kb.
títuloResumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil
página1/22
fecha de publicación28.11.2015
tamaño358.78 Kb.
tipoResumen
med.se-todo.com > Ley > Resumen
  1   2   3   4   5   6   7   8   9   ...   22


UNIVERSIDAD MAYOR DE SAN SIMONhttp://t1.gstatic.com/images?q=tbn:and9gcrd3kpfipkezcrybt9vev6keeybock707qgevvoxsbgbtfq6z80twhttp://www.cs.umss.edu.bo/escuela/escuela_verano_2007/imagenes/fcyt.gif

FACULTAD DE CIENCIAS Y TECNOLOGIA

LIC. EN INGENIERIA DE SISTEMAS


DISEÑO WEB PARA

DISPOSITIVOS MOVILES


(SMARPHONES Y TABLETS)

ESTUDIANTE: ANGELO FLORES Ubaldo

NOMBRE DEL TUTOR: MSC.ING. FIORILO LOZADA Américo

MODALIDAD DE TITULACIÓN: proyecto de grado



Cochabamba -Bolivia
AGRADECIMIENTOS
Difícilmente podré, en tan limitado espacio, agradecer adecuadamente todo y a todos los que algo debo en relación al trabajo que aquí presento. Si algo tiene de mérito, sin duda es fruto de muchos más de los que menciono en estas líneas. Los defectos que contiene son reflejo de mis limitaciones y han sobrevivido muy a mi pesar de todos lo que, de una u otra forma, trataron de ayudarme.

Primero, y a gran distancia del resto, a mis padres. Sin duda a su sacrificio y a la ayuda que me siguen brindando.

A mis hermanos y demás familia. Su contribución es especial. Y continúa.

Gracias, por su puesto, a Américo Fiorilo, mi tutor del proyecto de grado, Sus consejos, correcciones y confianza me enseñaron el camino cuando lo necesite.

A Norka, cuya incansable labor de jardinería ha hecho posible que este trabajo sea concluido.

A Rudy, por todos estos años ¡que ya empiezan a ser muchos!.

A mis compañeros, Damaris, Kenia, Tania, Liz, Sebastián, Giovani, Boris, Alex y Alan por el buen ejemplo y la grata compañía.

Al resto de mis compañeros de la carrera de Ingeniería de Sistemas, por toda la ayuda recibida a lo largo de este tiempo, globalmente muy positivo.

Termino agradeciendo a todos los docentes que me impartieron todo el conocimiento necesario para logar la carrera.
RESUMEN
Subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil. Los diseños web adaptativos empiezan a dar ahora sus primeros pasos. Los diseñadores web van a seguir ofreciendo opiniones muy variadas y recomendarán diversas alternativas, por ejemplo empezar diseñando para móviles en primer lugar, o cómo encajar todas esas decisiones dentro del proceso de diseño, o si se deben segregar todos los componentes en cada uno de los distintos tamaños de pantalla, y así sucesivamente. Y la conversación se mantendrá mientras sigan apareciendo en el mercado nuevos tamaños de pantalla y factores de forma.

La presentación en formato de cuadrícula (Grid) flexible es una de las piezas clave del diseño adaptativo. El término "cuadrícula", se utiliza aquí en sentido amplio y no implica que tengamos que utilizar ninguno de los marcos de trabajo en cuadrícula posibles. Lo que quiere decir en este caso es que se utiliza CSS para el posicionamiento y descripción de márgenes y espacios y para la implementación de distintas modalidades de presentación de página web de una manera innovadora. La estructura visual de la página y el tamaño de los textos se suelen indicar en píxeles. Pero un pixel puede ser un punto en un dispositivo y ocho puntos en otro. Basando los tamaños de texto, anchuras y márgenes en porcentajes o en em (una unidad de medida basada en el tamaño del punto de la fuente), podemos conseguir reconvertir un tamaño fijo en uno variable o relativo. Esto quiere decir que vamos a tener que usar algo de matemáticas para conseguir un sistema con un tamaño de cuadrícula y texto flexibles. Pero la fórmula para calcular el valor em es muy sencilla: target ÷ contexto = resultado.

Otro aspecto importante en los diseños web adaptativos es el relativo a las imágenes y contenidos multimedia flexibles. Básicamente, esta funcionalidad nos permite adaptar imágenes y otros contenidos como vídeo o similares para que se carguen de forma distinta dependiendo del dispositivo, bien cambiando de escala o bien usando la propiedad "overflow" de CSS.

El escalado en CSS es bastante fácil de implementar, tanto para las imágenes como para el vídeo. Podemos establecer el valor de anchura máxima (max-width) al 100 por ciento y después el navegador comprimirá o expandirá la imagen dependiendo del tamaño del contenedor. Podemos entregar la imagen en la mayor calidad y tamaño posible y después CSS se encargará de adaptar la imagen al tamaño adecuado.

Por ultimo desde la aparición de CSS 2.1, las consultas de medios se vienen utilizando para aplicar reglas CSS específicas para pantalla e impresora.

Hoy en día podemos utilizar las consultas de medios para adaptar estilos concretos y aplicar distintos estilos en función de las capacidades que nos devuelve la consulta. Podemos incluso combinar consultas que busquen la existencia de algunas características concretas, utilizando operadores semánticos como AND y NOT. Entre esas características se incluyen la anchura, altura, anchura máxima, altura máxima, altura del dispositivo, orientación, formato de pantalla y resolución.

  1   2   3   4   5   6   7   8   9   ...   22

similar:

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconTesis diseño de una aplicación móvil para la consulta académica de la fiis-utp

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconResumen Para el diseño de la interfaz de la página Web, me he fijado tres principales objetivos

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil icon¿Qué se debe tener en cuenta para manejar una terapéutica optima?

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconEste trabajo consistirá en desarrollar la idea de un negocio para...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconResumen: Con este trabajo se pretende proporcionar unos adecuados...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconContextualización sobre prensa, tecnología y diseño en el último...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconDiseño de un sistema móvil de recorrido turístico en el departamento de lima

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconDiseño de un sistema móvil de recorrido turístico en el departamento de lima

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconAdquisición de diseño y de materiales para el área de casa de máquinas,...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconAdquisición de diseño y de materiales para el área de casa de máquinas,...


Medicina



Todos los derechos reservados. Copyright © 2015
contactos
med.se-todo.com