▷ Como Hacer una Página Web en HTML Responsiva con Bootstrap y CSS | Animate On Scroll Library



https://i.ytimg.com/vi/ZRuNQVCQsg0/hqdefault.jpg



¡Viajero Web! hoy traigo una página web hecha desde cero para que crees tú primera página web en HTML y se adapte a cualquier dispositivo.

https://ewebik.com/pagina-web/con-bootstrap

¿Quieres aprender lo básico de HTML? Y con eso básico crear una página web como los profesionales, pues estas a punto de crear es una página web profesional hecha desde cero y además la puedes modificar, mejorarla y usarla para tu negocio o marca personal.

Solo tienes que suscribirte y mandarme un correo a contacto@ewebik.com.mx para que te envié el código.

Y que aprenderás en este tutorial de HTML:

Como estructurar tu proyecto o página

Como maquetar en HTML y después darle un estilo a través de hojas de estilo (Style Sheets) y crear un banner animado.

Como agregar las referencias de tus archivos CSS y JavaScript.

Como agregar Bootstrap y JQuery, y como hacer una página responsiva visible en todos los dispositivos.

Como modificar el estilo de Bootstrap y adaptarlo a tu página.

Secciones importantes de Visual Studio Code.

Insertar un video en tu página.

Además, aprenderás como animar los elementos de tú página a través del scroll (Animate On Scroll Library) de una manera súper fácil.

Como instalar XAMPP en tu computadora: https://youtu.be/XhiXZF_50bQ

Referencias
Repositorio: https://github.com/EWebik/desarrolloWeb/tree/master/disenioWeb/mi-primera-pagina-web
Bootstrap: https://getbootstrap.com/
JQuery: https://jquery.com/
Google Font: https://fonts.google.com/
Fontello: http://fontello.com/
Animate On Scroll Library (AOS): https://michalsnik.github.io/aos/
Visual Studio Code: https://code.visualstudio.com/
XAMPP: https://www.apachefriends.org/es/index.html

Si te ha gustado suscríbete y síguenos en nuestras redes sociales

Facebook: https://www.facebook.com/ewebik/
EWebik: https://ewebik.com.mx/

Original source


4 responses to “▷ Como Hacer una Página Web en HTML Responsiva con Bootstrap y CSS | Animate On Scroll Library”

  1. Hola buenas , junto con saludarte y felicitarte por tus video y tiempo, tengo un problema con el navbar desplegable , te explico mas o menos mi problema , al momento de ocupar las etiquetas header , y inscrustar el navbar directamente del codigo de boostrap , no se me despliegan los menus , tampoco se me alinearon los link de cotizaciones, licitaciones, en el formato lista y eso que los tengo con el display: inline-box; , al principio creia que era problema del jquery , la version con la que hiciste el video es de 3.3.1 y la actual es la 3.4.1. verifique bien los scrip y de haberlo colocados en orden .. primero el jquery y dsp el boostrarp. pero sinceramente se me acabaron las ideas , de cual seria el problema , que no despliega el navbarDropdown. dentro de foros , decian que habia que agregarle algun tipo de css y clase al navbarDropdown, pero eso lo deberia tener integrado boostrap. en fin, eh ido paso por paso en tu video y pareciera que fuera un problema de compatiblidad o version del jquery y boostrap 🙁

Leave a Reply