Desarrollo de webs responsive con Bootstrap

Categorías: 
Diseño Web
Fechas Impartición: 
De 08/01/2019 a 14/02/2019
Codigo del Curso: 
7943
Horas presencial: 
30
Días de la semana: 
Martes y jueves
Horario: 
19:00 - 21:30
Requisitos de Acceso: 

 Curso dirigido prioritariamente a trabajadores ocupados de la CAPV

Se requieren conocimientos básicos de HTML y CSS.
 

Preinscríbete


 

Objetivos: 

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.

Contenidos: 

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

Metodologías: 

Presencial