Tabla de Contenido
Temario
Lecciones por cada unidad de estudio con videos sobre el proceso de desarrollo y textos explicativos del código.
Maquetación web
1. Integrar Bootstrap en 4.5
Integrar Bootstrap en 4.5
2. Menú de navegación
¿Cómo implementar un menú de navegación con Bootstrap 4.5?
3. Carrusel de Imágenes
Para crear un carrusel debemos usar el componente Carousel de Bootstrap, antes debemos establecer imágenes rectangulares
4. Productos en la portada
Para implementar productos en la portada debemos crear una fila con tres columnas correspondiente
5. Pie de página web
¿Cómo implementar el pie de página o footer en una página web?
6. Sección Vestidos
¿Cómo implementar la sección vestidos de la página con Bootstrap?
7. Sección Nosotros
El diseño establece que debemos poner la información corporativa de la empresa como quiénes somos, misión, visión, etc,. Podemos agregarle una imagen
8. Sección Contactos
Diseño de una página web de contactos
9. Estilos y fuentes personalizadas
Para aplicar estilos personalizados debemos crear nuevas reglas en un nuevo documento css para e proyecto web.
Descripción del curso
Bienvenido al Curso de Diseño Web con Bootstrap
PLANTEAMIENTO
- Aprende a maquetar una página web con el framework de diseño responsive más usado Bootstrap en su versión 4.5
HERRAMIENTAS PARA EL DESARROLLO
- Editor de código Visual Studio Code
- Navegador web Google Chrome
NÚMERO DE VIDEOS
- 08 Vídeos cortos y concisos
- Con una duración de entre 3 y 9 minutos
CÓDIGO FUENTE DISPONIBLE
- Comprimido en formato ZIP
- Contenido: páginas html, css e imágenes del proyecto
¿Qué aprenderás?
A diseñar, maquetar una página web básica con el framework responsive Bootstrap.
Un sitio web web con 4 secciones.
Requisitos
PERFIL DEL ALUMNO
-
Tener conocimientos básicos de maquetación en HTML
-
Tener conocimiento básicos de diseño con CSS
-
Tener conocimientos básicos de Bootstrap
Código fuente
Disponible
- Acceso al código fuente
- Acceso a recursos gráficos
- Formato descargable ZIP