💎 DiseÃąa un Sitio Completo con HTML5 y CSS3 Parte 1 - Etiquetado

āđāļŠāļĢāđŒ
āļāļąāļ‡
  • āđ€āļœāļĒāđāļžāļĢāđˆāđ€āļĄāļ·āđˆāļ­ 18 āļ•.āļ„. 2024
  • 🎓🎓Domina las mejores tecnologías de desarrollo con nuestros cursos profesionales
    ✅[NUEVO]MÃĄster en Next.js de Cero a Maestro $12.99 usd
    www.udemy.com/...
    ✅[NUEVO]MÃĄster en .NET 6 Identity, AutenticaciÃģn y AutorizaciÃģn $12.99 usd
    www.udemy.com/...
    ✅Entity Framework Core 6 el Curso Completo $12.99 usd
    www.udemy.com/...
    ✅Master en PHP Moderno 7 y 8 POO, PDO, Mysql, SQL, PostgreSQL, SQL Server $12.99 usd
    www.udemy.com/...
    ✅Wordpress 5 - Crea un Sitio de EducaciÃģn en Línea (LMS) $12.99 usd
    www.udemy.com/...
    ✅Consume una API RESTful con ASP.NET CORE 5 $12.99 usd
    www.udemy.com/...
    ✅MASTER en ASP.NET Core 3.1 - Entity Framework $12.99 usd
    www.udemy.com/...
    ✅Master API RESTful con ASP.NET Core Web API $12.99 usd
    www.udemy.com/...
    ✅Megacurso de Bootstrap 4 de Cero a Maestro $12.99 usd
    www.udemy.com/...
    ✅Mega Curso de Wordpress de Cero a Maestro $12.99 usd
    www.udemy.com/...
    ✅Como Crear un CRUD con PHP, PDO y SQL Server $12.99 usd
    www.udemy.com/...
    ✅Curso Completo: Desarrollo Responsive + Proyectos PrÃĄcticos $12.99 usd
    www.udemy.com/...
    Curso que consta de 3 vídeos, en los cuales les enseÃąarÃĐ como diseÃąar un sitio web desde cero utilizando HTML 5 y CSS 3, en esta primera parte veremos el etiquetado con HTML para crear la estructura necesaria de nuestra pÃĄgina de inicio.
    Blog de diseÃąo y desarrollo web: www.render2web.com
    ---
    Quienes aprender HTML Y HTML 5? :
    â€Ē Curso de HTML Y HTML 5
    ---
    Tutoriales Android:
    â€Ē Android
    ---
    ProgramaciÃģn Visual Basic:
    â€Ē ProgramaciÃģn Visual Ba...
    ---
    SUSCRÍBETE A MI CANAL
    Canal TH-cam:
    / render2web
    ---
    Redes Sociales:
    Twitter @render2web:
    / render2web
    Pagina de Facebook:
    / render2web
    DiseÃąo y Desarrollo Web, Venta de Hosting y Dominios:
    www.creativilab...
    Descarga los archivos fuente desde:
    www.render2web....

āļ„āļ§āļēāļĄāļ„āļīāļ”āđ€āļŦāđ‡āļ™ • 92

  • @render2web
    @render2web  āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    ✅"ÂĄEl conocimiento es poder! 💊 ObtÃĐn acceso a cursos de primera clase en Udemy con descuentos impresionantes. ÂĄEmpieza a aprender ahora! 🚀📚". Click en el enlace para ver los descuentos: render2web.com/promociones/

  • @santycastao
    @santycastao 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Calidoso, que bien explica y que sencillo lo haces!

    • @render2web
      @render2web  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Gracias amigo, me alegra que te sirva

  • @leobode5669
    @leobode5669 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Fantastico curso saludos desde Cuba

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Un saludo Leo, que bueno ver personas de todas partes a las que se les aporta, muchas gracias un saludo amigo desde Colombia

  • @alvaromunoz3684
    @alvaromunoz3684 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    muchísimas gracias amigo de verdad me siento agradecido me ayudaste mucho para el desarrollo de mi tarea para la universidad, voy a seguir con el video 2

  • @darwimpolancofernandez6621
    @darwimpolancofernandez6621 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    Excelente tutorial, lo usarÃĐ como base para hacer un proyecto escolar, me gustaria que contuviera PHP.

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      Excelente amigo

    • @darwimpolancofernandez6621
      @darwimpolancofernandez6621 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

      @@render2web por favor dedicale un Último vídeo con PHP a este mismo tutorial, no creo ser el Único que lo quería.

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      @@darwimpolancofernandez6621 Hola, veremos mÃĄs adelante, seria bueno hacerlo claro,

    • @darwimpolancofernandez6621
      @darwimpolancofernandez6621 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      @@render2web muchísimas gracias, por favor tomalo en cuenta. ðŸ‡ĐðŸ‡ī

  • @sebastianmaciel9813
    @sebastianmaciel9813 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    muy bueno! excelente.

    • @render2web
      @render2web  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Gracias SebastiÃĄn, un saludo

  • @heribertovillcalisme4623
    @heribertovillcalisme4623 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Estaba buscando un curso de HTML, y lo primero que me encuentro es con este excelente tuturial muchas filicidades y gracias. Por favor donde descargo las imagenes que no la encuentro

  • @diegogonzalez3684
    @diegogonzalez3684 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    Solo una cosa, vi que pusiste 2 h1 en un mismo .html, lo cual esta mal por la penalizacion, pero bueno en si hiciste todo correcto y para algunos es de gran ayuda. Saludos y suerte!

    • @shocar459
      @shocar459 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      ÂŋEs cierto esto? tambiÃĐn me surgiÃģ esa duda

    • @CreadoresenFacebook
      @CreadoresenFacebook 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      cierto,osea puedes hacerlo pero es muy malo para el SEO ya que no identifica cual es tu titulo principal,solo debe haber 1 por pÃĄgina.

  • @josephconstant5821
    @josephconstant5821 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Un super video muy muy bueno y claro Te felicito y Te da ka campanita

  • @NovatoWTF
    @NovatoWTF 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Oye Hermano espero respondas . Hice un menÚ de navegaciÃģn para una tienda online el menÚ contiene muchas subcategorías, lo quiero saber es si debo hacer una pÃĄgina para cada subcategorías, o se hace de algÚn modo sin hacer tantas paginas?

  • @vjpadron07
    @vjpadron07 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Muy buen vídeo pero me surgiÃģ un problema con la imagen de fondo y es que tuve que poner en el CSS, la propiedad cover, para adjustar la imagen en toda la pantalla y a cualquier resoluciÃģn.

  • @danielalinrad449
    @danielalinrad449 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    Muy bien explicado chaval, gracias !!

  • @andresdorado332
    @andresdorado332 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +3

    amigo y serÃĄ que podrías enseÃąar la parte dinÃĄmica con php para ver. mas o menos como funciona en el mismo sitio

  • @omaewamo
    @omaewamo 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Muy bien explicado, gracias.

  • @carlosenriquerodriguez2121
    @carlosenriquerodriguez2121 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Hola, muuucchhhaaaassss graciassssss

  • @lesterestrada6701
    @lesterestrada6701 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Excelente, lo use para un proyecto, me llego!!!

    • @cairomarcellus977
      @cairomarcellus977 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      i dont mean to be off topic but does anybody know a way to get back into an instagram account??
      I was stupid lost my password. I appreciate any tips you can give me

    • @darwinkingsley9878
      @darwinkingsley9878 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @Cairo Marcellus Instablaster =)

    • @cairomarcellus977
      @cairomarcellus977 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @Darwin Kingsley i really appreciate your reply. I found the site on google and im in the hacking process atm.
      Looks like it's gonna take a while so I will reply here later when my account password hopefully is recovered.

    • @lesterestrada6701
      @lesterestrada6701 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      ÂŋDoes that really Works?

    • @cairomarcellus977
      @cairomarcellus977 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @Darwin Kingsley It did the trick and I finally got access to my account again. Im so happy:D
      Thanks so much you saved my ass :D

  • @darlinsonaguilar
    @darlinsonaguilar 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    muy buena la informacion, solo sentí curiosidad y quise hacerme una idea de como hacen eso de las pÃĄginas web. Todo muy claro. gracias

  • @juancr7ruiz
    @juancr7ruiz 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    tienes de por casualidad la plantilla de este tutorial?

  • @cristiansegura3352
    @cristiansegura3352 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Sus videos son muy buenos, gracias - casi nunca digo esto

    • @josephconstant5821
      @josephconstant5821 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Un super video amigo muy muy claro Te felisito sigue asi...

  • @yoimer2480
    @yoimer2480 3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    hola excusame te pregunto como a este mismo ejemplo aplico un slider en la cabecera

    • @render2web
      @render2web  3 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Hola amigo puedes usar alguno de los sliders jquery como nivo slider, incluir los estilos css del mismo incluir los archivos js y poner el html en la cabecera,

  • @ronaldodurandluna8617
    @ronaldodurandluna8617 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Cool, genial el curso :D :)

  • @felixgonzalez6895
    @felixgonzalez6895 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Excelente! saludos!

  • @newadmininthechat5071
    @newadmininthechat5071 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Gracias amigo me saliÃģ te agradezco

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Con gusto Angel, saludos

  • @luismarianoroasanchez8696
    @luismarianoroasanchez8696 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Hola, buenas noches, donde puedo descargar ese programa de editor se ve muy bueno

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Hola Luis, de aquí www.sublimetext.com/ . Aunque personalmente te recomiendo visual studio code, es el que uso ahora y en realidad es mÃĄs potente: code.visualstudio.com/

  • @unatalambar6806
    @unatalambar6806 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

    hola amigo a mi me gustaria saber como importar archivos de un programa que los genera cada cierot tiempo y me gustaria que en la pagina esos datos se actualizaran tambien

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Hola no si se entienda, para eso habría que usar tecnologías del lado del servidor como php y mysql

    • @unatalambar6806
      @unatalambar6806 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      oh ya medio entiendo, ya que es un trabajo escolar en el cual existe un programa que genera archivos txt o html automaticamente y periodicamente pero nose como hacer para que se visualizen en la pagina web de la misma forma. vaya no se como importarlos

  • @rolyprogramacion1105
    @rolyprogramacion1105 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Una pregunta, tiene alguna licencia esta plantilla para usos comerciales?

  • @AkashaHabladoraJa
    @AkashaHabladoraJa 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Que bien.! Gracias, Pero tengo un problema, yo hago todo desde neatbeans, eso es recomendable? otra cosa que tipo de trabajo tiene un diseÃąador web...? que lenguaje debe manejar uno para empezar a trabajar, mas o menos que te piden para trabajar ... digo si ya uno tiene el codigo la maqueta de una web programada cual es la dificulta que se les presenta? cambiar los stilos, colores, nombres?

    • @render2web
      @render2web  7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +2

      Hola, netbeans es un editor mÃĄs, puede utirlizar el que quiera, lo importante es manejar la sintaxis. Respondiendo a lo otro sería definir si va a ser un desarrollador frontend o backend, el front trabaja con la parte frontal lo que ven los usuarios la interfÃĄz aquí se usa html 5, css 3, javascript, angular, bootstrap y otros. Si vas a ser backend aquí se hace la logica de la aplicaciÃģn la funcionalidad, base de datos, se usaría por ejemplo php, mysql, python, ruby y otros lenguajes del lado del servidor. Aclaro que hay mÃĄs tecnologías solo he mencionado algunas de las mÃĄs conocidas. Y hay otra categoría que sería el fullstack que es la persona que trabaja desarrollando tanto front como back

    • @AkashaHabladoraJa
      @AkashaHabladoraJa 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Render2Web gracias empezare como front end grazie mille!

  • @leoarias3
    @leoarias3 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Hola! donde consigo las imagenes? Gracias.

  • @cesaresqueda3108
    @cesaresqueda3108 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Buen tutorial...

    • @render2web
      @render2web  6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      Gracias amigo

  • @marthatinoco360
    @marthatinoco360 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    muy bueno triple like!!

    • @render2web
      @render2web  6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Gracia Martha

  • @girIinluv
    @girIinluv 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    hola no puedo descargar los archivos, podrías poner un nuevo link?

  • @juanpablovelasquezmedina9539
    @juanpablovelasquezmedina9539 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Buenas tardes, estoy intentando centrar las cajas, pero no me funciona, ya revise todo y esta con los caracteres iguales al video, cuando actualizo lo que pasa es que se centran y queda una bajo la otra, alguien que me ayude por favor, muchas gracias

  • @streamcomunity97
    @streamcomunity97 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    porfinnnn amigo gracias

    • @render2web
      @render2web  4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Excelene amigo

  • @solucionestecnologicasinfo890
    @solucionestecnologicasinfo890 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +3

    hola, saludos, bueno el tutorial, pero deberia explicar mas claramente como escribir los caracteres como sacarlos del teclado y hacer mejor el procedimiento, yo lo intente, pero habia caracteres que no me salian, por eso es mejor que expliques como sacarlos paso a paso

  • @CarlosRomero-bn5iw
    @CarlosRomero-bn5iw 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    como le podre hacer para que sea adaptable para celulares???

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Debes usar los mediaqueries de CSS en el canal hay varios videos o si quieres apoyarme comprando el CURSO COMPLETO DE DESARROLLO RESPONSIVE en udemy solo en $10 usd, usando el siguiente enlace: www.udemy.com/curso-completo-desarrollo-responsive-proyectos-practicos/?couponCode=DESCUENTORENDER

  • @eliotzuckerberg9507
    @eliotzuckerberg9507 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Una pregunta porque me sale el texto subrayado y de color azul si solo estoy en HTML y no lo puedo quitar

    • @CreadoresenFacebook
      @CreadoresenFacebook 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      viene asi por defecto del navegador..

  • @josemanuelvelascosanchez9435
    @josemanuelvelascosanchez9435 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +5

    oye amigo como descarggo las imagenes que utilizas?

    • @render2web
      @render2web  6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Gracias amigo

    • @euler450
      @euler450 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      @@render2web Donde puedo conseguir las imÃĄgenes.

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @@euler450 En la descarga de los archivos fuente estÃĄn, en la descripciÃģn del video estÃĄ el link

    • @jonnyamaya7977
      @jonnyamaya7977 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      @@render2web ME DIRIGE A TU PAGINA PERO NO APRECE NADA

  • @jekatherinajimenez7326
    @jekatherinajimenez7326 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    La web es responsive?

  • @voodoo.gaming2777
    @voodoo.gaming2777 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    NO ME TOMA LOS ESTILOS CSS, YA MIRE BIEN LA RUTA Y TODO, NO LOGRO ENCONTRAR EL ERROR

  • @wizzar5448
    @wizzar5448 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Las imÃĄgenes no me salen del mismo tamaÃąo xd?

  • @bryanalexandergalindomaldo9115
    @bryanalexandergalindomaldo9115 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +5

    Oye que curso tan ESENCIAL gracias...

    • @render2web
      @render2web  7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Muchas gracias amigo,

  • @ricardovillajuan5753
    @ricardovillajuan5753 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    ya no estan las img

  • @musicamusica1863
    @musicamusica1863 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Muy buen tutorial mi amigo, podrías subir el cÃģdigo fuente a mega ? Creo que nobse puede descargar 0or ese enlace .

  • @josephconstant5821
    @josephconstant5821 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    Un milion de like

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Gracias amigo por tus deseos, saludos

  • @paolayanethplazasvaldez7688
    @paolayanethplazasvaldez7688 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    oye amigo como descargo las imagenes del video

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      En la descripciÃģn del video estÃĄ el link con la descarga

  • @Usuarioxdxdxd
    @Usuarioxdxdxd 7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

    ÂĄAmigo cual es el link para descargar Sulay text:?

    • @render2web
      @render2web  7 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§ +1

      www.sublimetext.com/ --Saludos

    • @abrahivyt3032
      @abrahivyt3032 5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      Sublime Text

  • @danielalejandromaringutier9491
    @danielalejandromaringutier9491 6 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    Puedes pasar todo el archivo completo? :c

    • @render2web
      @render2web  5 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

      En la descripciÃģn del video estÃĄ el link de descarga

  • @jekatherinajimenez7326
    @jekatherinajimenez7326 4 āļ›āļĩāļ—āļĩāđˆāđāļĨāđ‰āļ§

    La web es responsive?