Cursos
- Cursos Gratuitos
- Cursos de Pago
Próximos cursos
Membresías
Contacto
Ingresar

¿Alguna pregunta?

(511) 99 631 694

info@aulaideal.com

0

Crear una cuenta Ingresar

Cursos
- Cursos Gratuitos
- Cursos de Pago
Próximos cursos
Membresías
Contacto
Ingresar

Inicio
Cursos
Bootstrap
Curso Universidad Bootstrap 4 – Creamos el diseño del sitio WordPress.org

Curso Universidad Bootstrap 4 – Creamos el diseño del sitio WordPress.org

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

Ir al curso Anterior Siguiente

Expandir Mostrar Lecciones

Extensiones para Visual Studio Code

Debe iniciar sesion para poder ver lo comentarios

¿NECESITAS AYUDA INMEDIATA?

info@aulaideal.com

+ 511 996 314 694

SOMOS AULAIDEAL

La única empresa especializada exclusivamente en la formación de profesionales usando como cimiento de desarrollo, los 2 mejores Sistemas de Gestión de Contenidos: Wordpress y Joomla.

NOSOTROS

Nosotros
Cursos
Próximos cursos
Membresías

LEGAL & OTROS

FAQs
Política de reembolsos
Términos y condiciones
Políticas de privacidad

ESTAMOS EN

Aulaideal, Inc. Todos los derechos reservados

Iniciar sesión con:

Mi cuenta de Facebook

Mi cuenta de Google Mi cuenta de Instagram

Iniciar sesión:

¿Perdiste tu contraseña?

Recuérdame

¿No eres miembro todavía? Regístrate ahora

Registrar una cuenta

¿Ya tienes una cuenta? Ingresar