Desarrollo de webs responsive con Bootstrap

Categorías: 
Ofimática
Fechas Impartición: 
De 08/05/2018 a 14/06/2018
Codigo del Curso: 
7337
Horas presencial: 
30
Días de la semana: 
Martes y jueves
Horario: 
19:00 a 21:30
Requisitos de Acceso: 
Se requieren conocimientos básicos de HTML y CSS.
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.
    OBJETIVOS ESPECÍFICOS
  --------------------------------------------------------------------------------------------------------------
  Al final del curso los participantes estarán capacitados para:
  * Utilizar el sistema de rejilla de bootstrap.
  * Generar una página web responsible.
  * Agilizar de manera asombrosa el tiempo de maquetación en los proyectos web.
  * Apreciar las ventajas que Bootstrap 3 puede aportar a los proyectos web.
  * Integrar Bootstrap desde la fase de diseño
  * Personalizar Bootstrap.
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: 
El curso se impartirá en la modalidad presencial.