Aprende como hacer un sitio web básico utilizando lo mejor de Bootstrap

Share on Pinterest
Comparte con tus amigos










Enviar

En otro post de la semana pasada, hablábamos del curso completo de Bootstrap, donde se detallada todo acerca de este framework de diseño web y sobre las posibilidades que tenemos con el.

En esta ocasión y para finalizar dicho curso, realizaremos una web desde cero utilizando este framework, bootstrap.

Así que si aún no sabes Bootstrap te recomiendo ver el curso completo para poder entender todo lo que se haremos. https://www.youtube.com/playlist?list=PLhSj3UTs2_yWTKvu1Aq3xUhzIJNBZ3MFW

Como he comentado, haremos un sitio web con los elementos característicos de todos sitio web, tales como header, paginación, contenido principal, footer, sidebar, etc. El curso en concreto consta de 3 vídeos.

Aquí puedes ver el demo del sitio que podrás llegar a realizar siguiendo este pequeño curso:

Demo: https://www.falconmasters.com/demos/sitio-bootstrap/

Curso, cómo hacer un sitio web con bootstrap

Lista de Reproducción: https://www.youtube.com/playlist?list=PLhSj3UTs2_yUrzFL3f2zDwBCKMpAVBBz_

El código del curso lo puedes encontrar en el proyecto de github: https://github.com/falconmasters/Sitio-web-basico-con-bootstrap

Share on Pinterest
Comparte con tus amigos










Enviar

Enrique de la Torre

Twitter Google + Linkedin Acerca de

33 respuestas a “Curso cómo hacer un Sitio Web básico con Bootstrap”

  1. Edwin Abel Peñalba Bonilla dice:

    Hola como haces que la barra de navegación NO SE OCULTE cuando mueves las barras de la pagina hacia abajo !!!!

  2. Gabriel Rojas dice:

    Deberías hacer un tutorial de un login despegable con botstrap! seria muy útil ! excelentes tutos y excelente web

  3. Luis dice:

    Deberias hacer un curso de php o si tienes alguno dime plox

  4. Fernando Yevenes dice:

    detalle con que editor de texto estas usando para programar … detalle importante para facilitar la fluides de shorcut o la autoayuda del software … voy en el capitulo 3

  5. Carlos Canedo dice:

    Carlos exelente trabajo me gusta este ejemplo de pagina web pero tengo un problema en categorias no muestra los Item ya revise todo esta bien el texto

  6. Giovanny Valencia dice:

    Carlos! muy buenisimo..

  7. Alex salcedo apari dice:

    hola Carlos saludos desde Perú, tengo una consulta que hacerte, tengo un problema con «dropdown» cuando paso a modo movil no se desplaza el menu, podrias ayudarme o explicarme

  8. Jose Luis H. Jacobo dice:

    Felicidades por el curso, me esta sirviendo de mucho, de hecho voy empezando el primer video y si se presenta alguna duda los estaré molestando, SALUDOS desde MEX DF

  9. Pako dice:

    amigos … por que a pesar de que utilizo el atributo … … el contenido de mi pagina se visualiza en portugues!!?? … que debo hacer para solucionarlo

  10. Francisco Carbajal dice:

    Hola ! te comento que estoy aprendiendo mucho con tus videos,

  11. Ivxn Sanchez dice:

    hola no me sale el icono de la lupa del botón search mi código es el siguiente:

    «»

  12. Juan CM dice:

    Una consulta como podría hacer esto? :

  13. Jose Barquero dice:

    dode esta el curso de bootstrat, por favor?

  14. LAURA ACOSTA dice:

    HOLA ESTOY ARMANDO MI SITIO WEB GRACIAS A TUS TUTORIALES! MIL GRACIAS!
    PERO SABES TENGO UN PROBLEMA…NECESITO PONER IDIOMAS EN MI
    PAGINA…COMO TENGO QUE HACER,,,??

  15. Fernando Alvarez dice:

    hola me gustaria una ayuda para trabajar bootstrar en mvc asp.net y gracias por los tutoriales bien explicados

  16. Victor Gracia dice:

    Si queréis saber mas sobre el diseño web responsive, os invitamos a visitar nuestro blog. Hablamos sobre el desarrollo con bootstrap, un maravilloso framework css para el diseño responsive de e-commerce y aplicaciones web.

    http://www.offing.es/2016/01/08/que-es-el-diseno-web-responsive/

    Saludos

  17. Jose Rangel dice:

    excelente tuto, ahora tengo uyna duda, como agregas el logo al navbar?
    http://prntscr.com/ahvaxj

  18. CHARLY PRO dice:

    Hola, la verdad tenia tiempo buscando tutoriales como el tuyo , no se como te encontré pero me parece muy bueno, me encanta, saludos :D

  19. jrodriguez dice:

    hola como estas, los curso estan super bien pero quiero introducir un video como fondo de cabecera pero no me reproduce.???? no se como hacerlo con bootstrap

  20. Jackson Arcon dice:

    Un Excelente Tutorial………

  21. Juan Arturo Cruz Cardona dice:

    Hola muy buenas a todos, alguien podría ayudarme con la siguiente duda:
    Cómo hago que la paginación de hasta abajo me respete los botones de pues no sé como colocar en el href (o donde sea necesario) para que vaya hacía la página anterior y siguiente.

    Saludos

  22. Daniel Formularios dice:

    Buenas, para el que le interese le dejo un curos de Udemy que esta muy interesante

    CURSO DE BOOTSTRAP
    Nombre del Curso: Crea páginas web responsive con Bootstrap
    Cantidad de cupones: 50 (50% descuento)
    Enlace del cupón: https://www.udemy.com/crea-paginas-web-responsive-con-bootstrap/?couponCode=DGARRIDO

  23. Alejandro Lopez Stanley dice:

    Hola. Excelente el tutorial, tengo un problema. Estoy probando el header con Ruby on Rails. El problema es que una vez que elijo la opcion en el menu, me dirige a la pagina pero una vez alli el dropdown ya no funciona, no se despliega. Si actualizo, vuelve a funcionar. En el inspector vi que la opcion aria-expanded queda siempre en false ¿Que estoy haciendo mal?

  24. Oscar D. dice:

    Hola, buenas estoy trabajando con bootstrap, no se que tan factible seria hacer una caja de comentarios como esta y añadirlo a mi web. muchas gracias.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Aprende con nuestros cursos

React y Firebase: El Curso Completo, Práctico y desde Cero

React y Firebase: Curso Completo, Práctico y desde Cero

En este curso aprenderás React desde lo mas básico y paso por paso hasta un nivel avanzado donde podrás crear sitios y aplicaciones web reales.

Inicia el curso

Diseño Web Profesional El Curso Completo, Practico y desde 0

Bienvenido al Curso de Diseño Web, el curso en el que aprenderás paso por paso y desde cero todo lo que necesitas para convertirte en un diseñador web.

Inicia el curso

Bootstrap 5: El Curso Completo, Práctico y Desde Cero

Aprende Bootstrap 4, el framework de diseño web mas importante del mundo.

Inicia el curso
PHP y MYSQL: El Curso Completo, Practico y Desde Cero

PHP y MYSQL: El Curso Completo, Practico y Desde Cero

Aprende a crear cualquier Aplicacion y Sitio Web!. Aprende PHP y MySQL.

Inicia el curso