Maquetación con HEADER, NAV, MAIN, SECTION, ARTICLE, ASIDE, FOOTER, DIV.☝HTML5 y CSS3⛳ paso a paso

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ย. 2021
  • En este video aprenderás estructurar una pagina web con las etiquetas de html5 HEADER, NAV, MAIN, SECTION, ARTICLE, ASIDE, FOOTER, DIV. Además de aprender un poco de CSS3 y los primeros pasos para iniciar a crear paginas web.
    Archivos:
    drive.google.com/drive/folder...

ความคิดเห็น • 66

  • @pabloblogna4453
    @pabloblogna4453 4 วันที่ผ่านมา

    Muy bien explicado....Clarisimo...gracias.

  • @vanessamor1383
    @vanessamor1383 4 หลายเดือนก่อน +2

    Gracias Profe !se nota que sabe explicar y es un verdadero profesional , muchos videos y con solo este aprendi,mucho mas claro dudas que tenia que solo usted las elimino. Por fin muchas Gracias Profe no deje de enseñar !un genio!!☺Feliz con este video!

  • @ddmosuriel
    @ddmosuriel ปีที่แล้ว +16

    Gran calidad en los videos, No suelen encontrarse videos explicativos y didácticos como estos. Enhorabuena.

  • @ruronizoro
    @ruronizoro 4 หลายเดือนก่อน +2

    Entendí muchas cosas que tenía al aire sin saber como ordenarlas en mi mente jajaja me sirvió mucho este video.

  • @emiliocarcanobringas7808
    @emiliocarcanobringas7808 ปีที่แล้ว +7

    Apenas llevo viendo 2:35 min y nunca había visto alguien que explique tan claro y tan fluído un tema de informática, te sale natural, eres muy bueno explicando, muchas felicidades ya me suscribí.

  • @Tomoko-hu7sz
    @Tomoko-hu7sz 9 หลายเดือนก่อน +3

    Muchísimas gracias 👌 uno de los mejores profesores de html y css que ví, desde que entré al mundo de la programación

  • @zatchbell4669
    @zatchbell4669 2 หลายเดือนก่อน

    Muchas gracias. LLevo tomando clases de html, y jamás me lo habían aclarado o explicado así. Muchas gracias.

  • @benjaminnimajneb1934
    @benjaminnimajneb1934 3 หลายเดือนก่อน

    Una explicación verdaderamente genial y didáctica. Muy buen contenido

  • @macliza1
    @macliza1 5 หลายเดือนก่อน

    Excelente tutorial. Agradecimientos por compartir de buena forma su conocimiento.

  • @yulydiaz4706
    @yulydiaz4706 ปีที่แล้ว

    muchas gracias por su valiosa informacion, muy bien explicado, facil de entender

  • @danielaminu5590
    @danielaminu5590 ปีที่แล้ว +1

    Muchas gracias!!! Estoy regresando a los básicos, en este caso html por qué muchas cosas no me quedaban claras de la estructura. Súper bien explicado y breve a la vez 👏👏👏

  • @maurop35
    @maurop35 ปีที่แล้ว +1

    Me salvaste!! me estaba enojando porque no me salia nada pero encontre estos tutoriales y empece a entender muchas conceptos que tenia a media..

  • @TheRichardcuellar
    @TheRichardcuellar ปีที่แล้ว +2

    Genial pedagogía tienes, tienes el don de la enseñanza, gracias por el gran aporte, entendí muy bien, ya que vas haciendo ejemplos con los dibujos.

  • @jonathanbarreto2089
    @jonathanbarreto2089 ปีที่แล้ว

    Es el primer video que encuentro que de verdad enseñado html desde cero y entendible. muchas gracias bro por tu aporte

  • @edwinvillanueva8758
    @edwinvillanueva8758 ปีที่แล้ว

    Muchas gracias por el video , la verdad muy claro todo y me gusto mucho que explicaras detalladamente cada cosa que realizabas . Bendiciones hno!!!!

  • @victorabrilteruel3492
    @victorabrilteruel3492 ปีที่แล้ว +1

    Gracias amigo! Me has ayudado mucho con mi proyecto de HTML!

  • @JoseLuis-lv7eg
    @JoseLuis-lv7eg ปีที่แล้ว

    Muchas gracias tus vídeos son muy buenos y explicas muy bien

  • @christianramirez1844
    @christianramirez1844 2 หลายเดือนก่อน

    Que tal amigo: te agradezco x la explicación, estaba muy embolatado con el diseño de la web no sabia el camino, x poco y renuncio a aprender, pero tu explicación es de lo mejor aprendí y entendí el uso del html + la css seguiré aprendiendo gracias

    • @domle_li
      @domle_li หลายเดือนก่อน

      qué tal te fue con ese tema?

  • @Axe-117
    @Axe-117 ปีที่แล้ว

    Muy buen video, la verdad me gusta como explicas tema y muy claro la neta es que no muchos videos se encuentran así.

  • @JulioMorales-sf4jl
    @JulioMorales-sf4jl 10 หลายเดือนก่อน

    Que increíble video gracias por todos los datos que das en el video

  • @alfredog.g.7281
    @alfredog.g.7281 2 ปีที่แล้ว +1

    Enhorabuena por tus vídeos 👍👍. Sencillos, claros e intuitivos. 👏

    • @BytteDev
      @BytteDev  2 ปีที่แล้ว

      Gracias por comentar

  • @profesorjgaticatv
    @profesorjgaticatv ปีที่แล้ว

    Buena explicación, todo bien explicado, Gracias por enseñar.

  • @jmsn0611
    @jmsn0611 2 หลายเดือนก่อน

    Hermano lo felicito... excelente explicación.

  • @grupofenixexport1
    @grupofenixexport1 ปีที่แล้ว

    Excelente, muy bien explicado.

  • @jairoyamarte1514
    @jairoyamarte1514 ปีที่แล้ว

    la mejor explicacion que e visto hasta ahora

  • @arturoaviles40
    @arturoaviles40 ปีที่แล้ว

    Te felicito, lo enseñas que haces que parezca fácil....

  • @Luca-ip4ww
    @Luca-ip4ww ปีที่แล้ว

    Muy bien explicado amigo, muchas graciassss, nuevo sub
    👍

  • @danielsantucci1494
    @danielsantucci1494 6 หลายเดือนก่อน

    dijo 100% de mi pantalla? 😁
    ya enserio. Exelente explicación ❤‍🔥

  • @brandonariascjuno2308
    @brandonariascjuno2308 ปีที่แล้ว

    Gracias, ya logré realizar este ejercicio.

  • @holgeredudangulocastillo645
    @holgeredudangulocastillo645 11 หลายเดือนก่อน

    Buena explicación. Gracias 👍🏽

  • @96Susibel96
    @96Susibel96 4 หลายเดือนก่อน

    Me salvaste de un proyecto de web mil gracias

    • @BytteDev
      @BytteDev  4 หลายเดือนก่อน

      De nada!

  • @begocg1020
    @begocg1020 ปีที่แล้ว

    MARAVILLOSO

  • @i_masst3r
    @i_masst3r 6 หลายเดือนก่อน

    Genio

  • @m.tahirmahmoodi1825
    @m.tahirmahmoodi1825 6 หลายเดือนก่อน

    Muchísimas gracias !👃

  • @furiousgaming8480
    @furiousgaming8480 3 หลายเดือนก่อน

    Me salvo, muchas graciaaaas

  • @chupetinsilver7466
    @chupetinsilver7466 2 ปีที่แล้ว

    Excelente video ... gracias

    • @BytteDev
      @BytteDev  2 ปีที่แล้ว

      Gracias por comentar

  • @hugocangi6214
    @hugocangi6214 10 หลายเดือนก่อน

    buenisimo te estoy siguiendo
    saludos

  • @verotettenborn8951
    @verotettenborn8951 ปีที่แล้ว

    Pague por un curso y aprend[i mucho pero no lo basico como armar una estructura, gracias por este vide, muy muy agradecida! Me gustaria nos compartas esa hoja de contenido que tenias al explicar. Abrazo

  • @johdo5674
    @johdo5674 2 ปีที่แล้ว +1

    Mil gracias🙏🙏🙏👏👏👏👏👏👍👍👍👍😎

    • @BytteDev
      @BytteDev  2 ปีที่แล้ว

      Gracias a ti

  • @edgarvargas2397
    @edgarvargas2397 ปีที่แล้ว

    excelente video

  • @noah_va
    @noah_va ปีที่แล้ว +1

    para aprender todo lo relacionado a display flex , jueguen con flexbox foggy es una ranita pueden practicar escriban cada cosa y practiquen por lo menos 5 dias seguidos antes de enpesar a programar les ayudara mucho con eso maqueteas mejor en css mas q todo las posiciones

  • @lucasgerardopaez603
    @lucasgerardopaez603 2 หลายเดือนก่อน

    bro salvaste el cuatrimestre de la fac, tienen que llevarte como jefe de catedra de tucuman

  • @jeissonm.5082
    @jeissonm.5082 11 หลายเดือนก่อน

    Gracias amigo

  • @Henry_Nunez
    @Henry_Nunez 2 ปีที่แล้ว +1

    👏👏👏👍😊

  • @jorgemujica9351
    @jorgemujica9351 ปีที่แล้ว

    hola bytte, he visto tu video y he creado la maqueta de mu pagina web, tienes otro video que continúe este? pues a mis 60 años has despertado un interés por el diseño web, tienes talento para explicar y enseñar, muy agradecido por tu aportacion

  • @juanandresmoralesaraujo2774
    @juanandresmoralesaraujo2774 2 ปีที่แล้ว +3

    Gracias por tu contenido. Cabe recalcar que las propiedades Justify content y Align items trabajan en funcion a su eje principal, es decir, predeterminadamente su contenido se estructura de la manera que indicas pero el concepto correcto es que Justify content trabaja con el "Main axis" y Align items con el "Cross Axis", que pasa si le doy un flex direction: column al contenedor? Pues ahora nuestros valores del justify content se posicionarían de forma vertical ya que el main axis ha sido modificado a vertical y viceversa con el align items que ahora posicionará horizontalmente.

    • @BytteDev
      @BytteDev  ปีที่แล้ว +1

      Excelente aporte y gracias por pasarte por aqui.

  • @andersamor8785
    @andersamor8785 ปีที่แล้ว

    muy bueno tenes mas de maquetacion?

  • @jorgemanuelrequearrobo5500
    @jorgemanuelrequearrobo5500 6 หลายเดือนก่อน

    buenazo . tienes tu propio libro o de donde sacas esos ejercicios ?

  • @jorgecoimbra347
    @jorgecoimbra347 ปีที่แล้ว

    hola pones en el head un archivo llamado normalize que te resetea todo los márgenes que tiene por defecto;
    saludos

  • @victorordonez5358
    @victorordonez5358 4 หลายเดือนก่อน

    hola!! tengo un inconveniente con un trabajo de maquetación, ¿me pueden ayudar?

  • @ingriosjesus
    @ingriosjesus ปีที่แล้ว +2

    NO le discuto ti que sean todos a la final div pero la semántica es para que los algoritmos de los navegadores le den mejor posicionamiento a las páginas por qué si no fuera un desorden hacerlas .... todo tiene su lógica y por algo se deben d tener esos detalles no es para que se vea y sueñe bonito sólo es una crítica constructiva.

  • @user-xe6mu8pu1t
    @user-xe6mu8pu1t ปีที่แล้ว

    Andaba viendo el video chill, y casi al final noto que tienes cam jaja no te vi en todo el video 🤣

  • @brigidagi4226
    @brigidagi4226 2 ปีที่แล้ว

    Nos podria pasar el archivo de los códigos para copiar y pegar

  • @gabrieldannunzio2361
    @gabrieldannunzio2361 2 ปีที่แล้ว

    Me sirvió mucho para quitarme varias dudas, pero tengo dos preguntas. 1) el nav no debe estar dentro del header? 2) donde pondría el article, dentro del Main siendo padre de section y aside?

    • @BytteDev
      @BytteDev  2 ปีที่แล้ว

      Hay video en este canal sobre esas etiquetas. Gracias por pasarte por aqui.

  • @mateoatencia9147
    @mateoatencia9147 2 ปีที่แล้ว +1

    Buenas tienes el documento, para poder una buena guía?

    • @BytteDev
      @BytteDev  2 ปีที่แล้ว

      Gracias por visitar y comentar. Revisa la descripción del video.

  • @emilydzulcastillo
    @emilydzulcastillo 2 หลายเดือนก่อน

    pasa codigo o yudit me reprueba helpmeplis

  • @Rodrigo15100
    @Rodrigo15100 ปีที่แล้ว

    Q cómodo tener asi el visual

  • @carlex_music2672
    @carlex_music2672 ปีที่แล้ว

    Es una mala práctica meter todos las etiquetas dentro del MAIN?