Desarrollo de webs responsive con Bootstrap
Categorías: Diseño Web |
Fechas Impartición: 2020/01/08 -tik 2020/02/19 -ra |
Codigo del Curso: OC18202662 |
Horas presencial: 30 |
Días de la semana: Lunes y miércoles |
Horario: 19:00 - 21:30 |
Curso dirigido prioritariamente a trabajadores ocupados de la CAPV
Se requieren conocimientos básicos de HTML y CSS.
Preinscríbete
Capacitar al participante para realizar un proyecto web con Bootstrap , compatible con dispositivos móviles desde el inicio, del diseño a la maquetación, adaptándote a la filosofía mobile first que impone el propio framework y aprovechándote de las magníficas herramientas que pone a tu disposición.
1.- Introducción a Bootstrap 3:
- ¿Qué es Bootstrap 3?.
- ¿Qué se puede lograr con Bootstrap?
- Archivos base de Bootstrap
- Contenido de Bootstrap 3
- Filosofía Mobile First y Responsive Web Design
- Soporte de Bootstrap en navegadores
- Principales partes de Bootstrap
- Beneficios de usar Bootstrap
2.- Fundamentos de Bootstrap
- Bootstrap desde la fase de diseño
- Mi primera página con Bootstrap
- Combinando Bootstrap con tus propios CSS
- Páginas responsive con Bootstrap
- Introducción al sistema de rejilla
- Gestión de columnas responsive
- Uso avanzado del sistema de rejilla
- Contenidos de ancho completo o Fullwidth
- Sistema de rejillas anidadas
3.- Elementos HTML en Bootstrap
- Elementos de texto en Bootstrap
• Titulares, párrafos, alineación y otros elementos en Bootstrap
• Gestión de listas con Bootstrap
- Tablas en Bootstrap
• Formatos básicos de tablas de Bootstrap
• Efectos básicos en Bootstrap
• Tablas responsive usando Bootstrap.
- Formularios en Bootstrap
• Elementos básicos, fieldsets, tamaños y alineación
• Formularios horizontales en Bootstrap
• Ayudas para la validación de formularios
4.- Botones en Bootstrap
5.- Imágenes en Bootstrap
6.- Componentes en Bootstrap.
- Iconos en Bootstrap
- Desplegables en Bootstrap
- Botones de Bootstrap
• Grupos de botones básicos
• Botones desplegables
• Grupos de botones verticales
- Navegación en Bootstrap
• Menú de navegación con pestañas
• Menú de píldoras en Bootstrap
• Migas de pan y paginación
• Componentes adicionales de navegación
7.- Conceptos avanzados sobre Bootstrap.
- Bootstrap para webs de ancho fijo
- Visibilidad en Bootstrap
- Configuración de Bootstrap a medida
Presencial