• Friday , 20 September 2019

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

Code Canyon
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

3d Ocean

Related Posts

4 Comments

  1. FR4CK#
    August 18, 2019 at 15:03

    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 🙁

  2. vicelike card
    August 18, 2019 at 15:03

    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

  3. EWebik Electrónica y Diseño Web
    August 18, 2019 at 15:03

    ✔ 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

  4. REPARALO TU MISMO PC Sistema Operativo
    August 18, 2019 at 15:03

    hola amigo soy el que hiso la pregunta en el grupo de las llaves gracias y aqui estoy para seguir aprendiendo

Leave A Comment

You must be logged in to post a comment.