Responsive Web Design

Con este curso aprenderás a desarrollar proyectos de programación web con la potente herramienta de software libre, PHP. A través de lecciones prácticas y sencillas, dominarás los conceptos básicos para trabajar con lenguajes HTML, CSS y Javascript. También aprenderás cómo utilizar diferentes frameworks y librerías para hacer más eficiente tu trabajo como programador. Al final del curso estarás listo para desarrollar proyectos web profesionales con un alto nivel de calidad.

Objetivos:

  • Comprender los conceptos básicos sobre programación web con PHP y su funcionamiento en el contexto de la construcción de sitios webs.
  • Desarrollar habilidades prácticas para trabajar con HTML, CSS y Javascript.
  • Utilizar librerías y frameworks adecuados para cada proyecto web.
  • Completar proyectos web profesionales con alto nivel de calidad.

Contenido:

UNIDAD – Reponsive Web Design

  • ¿Qué es Responsive Web Design?
  • Características del Responsive Web Design
  • Ventajas e inconvenientes
  • Crear un diseño adaptable: CSS
  • Ejemplo de una página web con diseño Responsive Web Design
  • Ejemplo de una página web sin diseño Responsive Web Design
  • Cómo comprobar el diseño de tu página Web
  • CSS: Medias Queries
  • Mobile first
  • Patrones de diseño adaptivo
  • Diseñar para varios dispositivos en papel
  • Plantillas para diseñar
  • Navegadores que soportan Responsive Web Design

UNIDAD – Creando un diseño adaptable

  • Cómo comenzar a diseñar
  • Cómo crear un diseño adaptable
  • El HTML de mi diseño adaptable
  • Meta tags
  • El CSS de mi diseño adaptable
  • Medias Queries
  • Diseño web fluido
  • Cálculo de porcentajes
  • Fuentes flexibles
  • Imágenes flexibles
  • Resize Windows

UNIDAD – Web con responsive design

  • Frameworks
  • Booststrap
  • Semantic
  • Skeleton
  • Less Framework
  • Columnal
Scroll al inicio