Ficha del curso
Responsive Web Design
Ofimática, informática y comunicaciones
Contenidos
UNIDAD - Reponsive Web Design
- ¿Que es Responsive Web Design?
- Caracteristicas del Responsive Web Design
- Ventajas e inconvenientes
- Crear un disegno adaptable: CSS
- Ejemplo de una pagina web con disegno Responsive Web Design
- Ejemplo de una pagina web sin disegno Responsive Web Design
- Como comprobar el disegno de tu pagina Web
- CSS: Medias Queries
- Mobile first
- Patrones de disegno adaptivo
- Disegnar para varios dispositivos en papel
- Plantillas para disegnar
- Navegadores que soportan Responsive Web Design
UNIDAD - Creando un disegno adaptable
- Como comenzar a disegnar
- Como crear un disegno adaptable
- El HTML de mi disegno adaptable
- Meta tags
- El CSS de mi disegno adaptable
- Medias Queries
- Disegno web fluido
- Calculo de porcentajes
- Fuentes flexibles
- Imagenes flexibles
- Resize Windows
UNIDAD - Web con responsive design
- Frameworks
- Booststrap
- Semantic
- Skeleton
- Less Framework
- Columnal
Objetivos
- Comprender los conceptos basicos sobre programacion web con PHP y su funcionamiento en el contexto de la construccion de sitios webs.
- Desarrollar habilidades practicas para trabajar con HTML, CSS y Javascript.
- Utilizar librerias y frameworks adecuados para cada proyecto web.
- Completar proyectos web profesionales con alto nivel de calidad.