Objetivos Generales
En este curso aprenderá el armado o maquetación de un página web para la creación de un sitio web empleando Bootstrap, el framework CSS utilizado en Internet. Con Bootstrap se puede crear rápidamente un sitio web debido a las clases que ya tiene predefinidas y viene totalmente orientado a mostrar la web en diversos tamaños de pantalla, en especial en celulares. Además aprenderá el uso de los diversos componentes de Bootstrap, para implementar banners animados, barras de navegación, ventanas emergentes, etc.
Objetivos Específicos
Al término del curso el alumno podrá
- Instalar Bootstrap
- Usar el sistema de Cuadrículas de Boostrap para crear una página web
- Incorporar Imágenes, Tipografías, Tablas y Formularios en una página web
- Emplear componentes para crear banners animados y barras de navegación
- Agregar contenido basados en componentes como Cards, Listas, etc.
- Emplea además diversas utilidades así como iconografía que trae Bootstrap
Duración
12 horas
Descripción
Para poder armar rápidamente una página web se han creado Frameworks CSS que facilitan su creación en corto tiempo debido a los código que incorporan estos frameworks. De todos los Frameworks, el más empleado en el mundo es Bootstrap, el cual además es empleado como base para la creación de aplicaciones web Front End en diversas tecnologías como Angular, React, Vue y otras.
Bootstrap se basa en un sistema de cuadrículas y contenedores que permiten organizar el contenido de una web para hacerlo además responsive, es decir adaptable a todo tamaño de pantallas, incluyendo dispositivos móviles.
Dirigido a
Toda persona que quiera armar rápidamente un sitio web en forma organizada y estructurada.
Requisitos Previos
Conocimientos básicos de HTML
Contenido
Sesión 1
- Instalación de Bootstrap
- Contenedores
- Armando una página web
- Incorporando las etiquetas semánticas
- Filas y Columnas
- Agregando estilos personalizados e incorporando Fuentes Web
- Columnas de ancho definido
- Imágenes responsive
Sesión 2
- Banners animados
- Barras de menús
- Incorporación de Iconos de Bootstrap
- Badges para mostrar información adicional
- Mostrando datos en listas
- Cards para mostrar imágenes y texto
- Mostrando contenido con Tabs
- Componentes desplegables y Acordeon
- Botones y grupos de botones
Sesión 3
- Formularios
- Videos y mapas responsive
- Cuadros de diálogo Modales
- Tablas
- Aplicando formato a tablas
- Sombras, fondos y colores para mostrar información
- Tooltips, Toast y Popover para mostrar contenido de ayuda
Características del curso
- Conferencias 0
- Cuestionarios 0
- Duración 12 horas
- Idioma Español
- Estudiantes 0
- Evaluaciones Si