[ad_1]
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”
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 🙁
oye Amigo en la parte de escribir la pagina en el buscador en la url me sale objeto no localizado y ya arranque xamp apache y MYSQL y me Sale objeto no Localizado
✔ Viajeros no olviden en suscribirse si les ha gustado el vídeo, aquí les dejo la continuación donde migramos esta página a Node Js para ir agregando mas funcionalidades 🤘
📌 Crear Página Web Con Node JS: https://youtu.be/ZRuNQVCQsg0
Repositorio: https://github.com/EWebik/desarrolloWeb/tree/master/disenioWeb/mi-primera-pagina-web
hola amigo soy el que hiso la pregunta en el grupo de las llaves gracias y aqui estoy para seguir aprendiendo