Regresar al curso
Curso Universidad Bootstrap 4 – Creamos el diseño del sitio WordPress.org
Módulo 1: Introducción al Curso
5- ¿Qué lograremos en este curso? 05 minClase1.1
- Requisitos para llevar este curso 08 minClase1.2
- Descarga de archivos que usaremos en este cursoClase1.3
- Extensiones para Visual Studio Code 10 minClase1.4
- Creando la estructura del proyecto 04 minClase1.5
Módulo 2: Personalización de Bootstrap y Colores
9- Instalación de Bootstrap 4 06 minClase2.1
- Creando patrones de colores 10 minClase2.2
- Personalizando las VARIABLES de Bootstrap 09 minClase2.3
- Las Variables de Bootstrap “Primary” y “Secondary” 10 minClase2.4
- Las Variables de Bootstrap “Rounded”, “Shadows” y “Gradients” 07 minClase2.5
- Las Variables de Bootstrap “Spacing” 09 minClase2.6
- Las Variables de Bootstrap “Link” 08 minClase2.7
- Las Variables de Bootstrap “Border-radius” 06 minClase2.8
- Las Variables de Bootstrap “Font-family-base” 07 minClase2.9
Módulo 3: Creando el encabezado del sitio
29- Analizando el diseño del encabezado 07 minClase3.1
- Conociendo RD-Navbar 05 minClase3.2
- Descargando e Instalando Rd-navbar 07 minClase3.3
- Creando la estructura básica de RD-navbar 10 minClase3.4
- Inicializando la libreria Rd-navbar (parte 1) 07 minClase3.5
- Inicializando la libreria Rd-navbar (parte 2) 07 minClase3.6
- Insertando una caja de búsqueda en el encabezado 09 minClase3.7
- Instalando Font Awesome 5 04 minClase3.8
- Aplicando estilos CSS a la caja de búsqueda 09 minClase3.9
- Aplicando estilos CSS al boton buscar 06 minClase3.10
- Posicionando el Logo y el buscador para el contexto MD 10 minClase3.11
- Trabajando con los “Responsive Containers” (parte 1) 07 minClase3.12
- Trabajando con los “Responsive Containers” (parte 2) 03 minClase3.13
- Definiendo un menu móvil “Fijo” 07 minClase3.14
- Aplicando estilos CSS al boton móvil 11 minClase3.15
- Creando el menu colapsable móvil 10 minClase3.16
- Creando los enlaces del menu móvil 09 minClase3.17
- Estilizando los enlaces del menu móvil 06 minClase3.18
- Estilizando los Sub enlaces del menu móvil (Parte 1) 05 minClase3.19
- Estilizando los Sub enlaces del menu móvil (Parte 2) 05 minClase3.20
- Estilizando los iconos de los Submenus (Parte 1) 10 minClase3.21
- Estilizando los iconos de los Submenus (Parte 2) 10 minClase3.22
- Estilizando el boton “Get WordPress” (Version Mobil) 04 minClase3.23
- Estilizando los enlaces principales del menu (Version escritorio) 10 minClase3.24
- Estilizando el boton “Get WordPress” (Version escritorio) 11 minClase3.25
- Estilizando el estado hover del menu (Version Escritorio) 02 minClase3.26
- Personalizando la apariencia del menu desplegable (Version escritorio) 10 minClase3.27
- Creando un icono con CSS para el Menu desplegable 09 minClase3.28
- Personalizando el estado hover de los Submenu (Version escritorio) 06 minClase3.29
Módulo 4: Creando la sección "Descargar Wordpress"
3- Creando la estructura html de la sección Descargas 08 minClase4.1
- Creando el diseño para la vista Movil 06 minClase4.2
- Creando el diseño para la vista SM y superiores 06 minClase4.3
Módulo 5: Sección Bienvenidos e Idiomas
4- Marcado HTML para al sección Bienvenidos (Diseño 1) 09 minClase5.1
- Marcado HTML para al sección Bienvenidos (Diseño 2) 08 minClase5.2
- Marcado HTML para al sección Idiomas (Diseño 1) 07 minClase5.3
- Marcado HTML para al sección Idiomas (Diseño 2) 06 minClase5.4
Módulo 6: Sección Backend
8- Definiendo la estructura html de la sección Backend 06 minClase6.1
- Estilizando el encabezado de la sección Backend 09 minClase6.2
- Creando el diseño de las imágenes responsive (parte 1) 06 minClase6.3
- Creando el diseño de las imágenes responsive (parte 2) 09 minClase6.4
- Creando el diseño de las imágenes responsive (parte 3) 06 minClase6.5
- Insertando la imagen de un móvil al diseño 08 minClase6.6
- Optimizando el diseño para el contexto LG 09 minClase6.7
- Estilizando el encabezado inferior de la sección Backend 06 minClase6.8
Módulo 7: Creando la Sección Proyectos
2- Descargando e instalando la libreria Universal Parallax 06 minClase7.1
- Definiendo el contenido de la sección Proyectos 09 minClase7.2
Módulo 8: Creando la Sección Características
18- Creando el encabezado de la sección Características 08 minClase8.1
- Iniciando la creación del sistema de columnas para la vista movil 05 minClase8.2
- Personalizando el icono de la primera Columna 05 minClase8.3
- Creación de todos los iconos del sistema de columnas 09 minClase8.4
- Creando 6 columnas para el contexto Md 03 minClase8.5
- Introducción a la Pseudo Clase NTH-CHILD 07 minClase8.6
- Realizando selecciones avanzadas con NTH-CHILD (parte 1) 07 minClase8.7
- Realizando selecciones avanzadas con NTH-CHILD (parte 2) 02 minClase8.8
- Definiendo bordes verticales y horizontales para la vista móvil 11 minClase8.9
- Definiendo bordes verticales y horizontales para la vista escritorio 11 minClase8.10
- Optimizando el diseño y modificando el container-lg 12 minClase8.11
- Creando el encabezado final de la sección 06 minClase8.12
- Introducción a las Row-Columns (row-cols-n) 02 minClase8.13
- Entendiendo las columnas en el sistema de Row-Columns 03 minClase8.14
- Ejemplo práctico del uso de las “Row Columns” 09 minClase8.15
- Las “Row Columns” por contextos 05 minClase8.16
- Modificando una columna individual dentro de las “Row Cols” 10 minClase8.17
- Corrigiendo el comportamiento de columnas individuales 06 minClase8.18
Módulo 9: Creando la Sección Comunidad y Familia
4- Creando la estructura HTML de la sección Comunidad 09 minClase9.1
- Creando el efecto Parallax para el fondo de la sección 05 minClase9.2
- Creando la estructura HTML de la sección Familia 07 minClase9.3
- Definiendo la anchura Responsive de la sección Familia 05 minClase9.4
Módulo 10: Sección Pie de página
6- Analizando la estructura HTML del pie de página 07 minClase10.1
- Estilizando el pie de pagina con las clases de Bootstrap 08 minClase10.2
- Insertando las “Row Columns” para el contexto Sm,Md y Lg 04 minClase10.3
- Insertando el favicon, titulo del sitio y solucionando errores básicos 05 minClase10.4
- Optimizando los archivos CSS y Js del proyecto 03 minClase10.5
- Subiendo el sitio a un servidor real y palabras de despedida 04 minClase10.6
Creando la estructura del proyecto
El contenido de la lección esta vacío.
Anterior
Extensiones para Visual Studio Code
Siguiente
Instalación de Bootstrap 4
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.