Curso Diseño Web Responsive (para no programadores)

Curso Diseño Web Responsive (para no programadores)

 Diseño Web Responsive (para no programadores)
Diseño Web Responsive - Aprender a desarrollar sitios web capaces de adaptarse a cualquier tipo de dispositivo, siguiendo la filosofía Responsive Web Design.

Despues de seguir este curso usted estará en la capacidad de:


Entender y Dominar

Toda la tecnología relacionada  en la creación de sitios adaptables a todas las pantallas (HTML5,CSS3 y javascript).

Planificar y Desarrollar

Sitios web modernos, compatibles con teléfonos, tabletas y otros dispositivos.100% optimizados  al entorno en el que se visualice, garantizando así, un alto rendimiento.

Monetizar tus conocimientos

La creación de sitios web Adaptables a cualquier dispositivo implica el  aumento en el presupuesto de un sitio web, al mismo tiempo te abrirá nuevas posibilidades laborales.

"El aumento continuo de la tecnología móvil ha transformado la manera en que  navegando y utilizando la web. Los dispositivos móviles y tabletas  son los medios más usado para navegar hoy en día. Es por eso que ​​es importante que su sitio web no sólo se vea bien, sino que  funciones en todos los tamaños de pantalla posibles y adapte su contenido para brindar  una óptima experiencia al usuario."


¿Qué es el Responsive Web Design?

Es simplemente una técnica de diseño que nos permite construir de sitios web accesibles y legibles en todo tipo de dispositivos, desde pequeños móviles hasta grandes pantallas. Gracias a esta técnica tu sitio web  responderá y se adaptará automáticamente al tamaño y la resolución de cada dispositivo. ¿No es genial?.

GOOGLE ama el Responsive Web Design!

En el 2015 Google le dio el visto bueno aquellos sitio web que se mostraban correctamente en móviles y tabletas. Unos meses después, reveló que el uso de la técnica Responsive web design  es tomada como un factor de clasificación dentro de los resultados de búsqueda (SEO).

Un sitio web que no muestras correctamente en un dispositivo  móvil, corre el riesgo de deslizarse tristemente hasta las últimas posiciones en los buscadores, trayendo esto consecuencias negativas en la visibilidad del sitio.

Si eso no es suficiente, piense en tu usuarios. Imagínese lo triste que debe ser, cuando uno de tus posibles clientes visita tu sitio desde un móvil y este no se carga  o no se logra visualizar correctamente. ¿Cual es el resultado final?, Simplemente ellos se irán a un sitio web Responsive.

Contenido del Curso Diseño Web Responsive:


Módulo 1: Introducción al Responsive Web design

  • ¿Qué es el Responsive Web Design?
  • ¿Porqué tu Web debería ser Responsive?
  • Estudio de buenos sitios Responsive
  • Ingredientes del Responsive Web Design

Módulo 2: Entendiendo y Configurando el VIEWPORT

  • ¿Que es el viewport?
  • La meta etiqueta Viewport
  • Configurando el Viewport
  • Implementado el Viewport
  • Conclusiones finales

Módulo 3: Entendiendo e Implementando las @Medias Queries

  • Estructura de las @Media Queries
  • Definiendo los tipos de medios
  • Entendiendo width, min-width y max-width
  • ¿Donde definir los Medias Queries?

Módulo 4: Implementando Imágenes Responsive

  • Imágenes Responsive con Max-width
  • Diferentes soluciones para la carga condicional de imágenes
  • Entendiendo la Dirección de Arte (Art Direction)
  • Sirviendo imágenes condicionales con Responsive-Images.js
  • Sirviendo imágenes condicionales con PictureFill
  • Sirviendo imágenes condicionales con CSS3

Módulo 5: Implementando fuentes Responsive

  • Principios de la Tipografia Responsive
  • Tipografia fluida con EMs
  • Escalando el texto con Medias Queries
  • Carga condicional de fuentes
  • Conclusiones finales

Módulo 6: Implementando Menús Responsive

  • ¿Qué tipo de Menú Responsive debo usar?
  • Menú Responsive "Déjalo Fluir”
  • Menú Responsive "Déjalo Fluir + Jquery"
  • Menú Responsive "En el Pié de página”
  • Menú Responsive "Lista Desplegable”
  • Menú Responsive "Deslizante Lateral”
  • Menú Responsive "Desplegable”

Módulo 7: Creación de un Proyecto Web Responsive desde 0.

  • Descargando y personalizando HTML5 BoilerPlate
  • Escribiendo el HTML5 del encabezado y menú principal.
  • Escribiendo el HTML5 del Slide de imagen y bloque de Bienvenida.
  • Escribiendo el HTML5 del contenido principal y del pie de página.

Módulo 8: Optimización de Recursos

  • Carga condicional de imagenes con CSS3
  • Carga condicional de imagenes con javascript
  • Carga condicional de archivos basadas en el ViewPort
  • Comprimiendo nuestras hojas de estilo al máximo.
  • Conclusiones finales

Módulo 9: Dando soporte a navegadores antiguos

  • Implementando HTML5Shiv
  • CSS3Pie y aplicación de estilos CSS solo para IE
  • Carga de Polyfills para implementar capacidades para navegadores obsoletos
  • Conclusiones finales
  Aprende a crear páginas Webs Responsive con Muse CC. Crea sitios webs que se adaptan a la pantalla del usuario Adobe Muse CC es la aplicación de creación fácil y rápida de sitios web sin necesidad de escribir código usando herramientas gráficas de forma similar a como se trabaja con otro
  Diseño web responsive con CSS. Aprende está técnica de desarrollo y diseño. Haz tus sitios responsive mediante CSS El responsive web design es una técnica de diseño y desarrollo web que consigue adaptar el sitio web al entorno del usuario mediante el uso de HTML y CSS, entre otros
  Curso Web Responsive Design. Ejemplos prácticos. Aprende a poner en práctica los principios del responsive design Siguiendo los conceptos fundamentales de responsive design, este curso demostrará su utilización práctica y te enseñará a enriquecer la apariencia y las posibilidades de uso
  Curso Responsive web design. Problemáticas, soluciones y recursos en la creación de diseños web adaptativos Aprende a planificar y diseñar proyectos web para todo tipo de dispositivos. El diseño web responsivo o fluido propone que la interfaz del sitio se adapte al dispositivo conectado a
Curso Diseño Web Responsive con HTML5 y CSS3 Español | 562 MB | Duracion: XX:xx horas | Web Responsive | eSandraEDU Descripción: Crea un diseño web responsive que se adapte a todos los dispositivos. Profundiza en el uso de HTML5 y CSS3 en tu trabajo. Descubre cómo crear
Web Responsive Design. Ejemplos prácticos ISO | 1.37 GB | Spanish | Video2Brain | Formadores: Jorge González Villanueva, James Williamson Duración: 4:30 horas | Incl. Archivos Base | Fecha de publicación: 29-agosto-2014 Descripción: Aprende a poner en práctica los principios del responsive