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

Поділитися
Вставка
  • Опубліковано 18 вер 2024
  • 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.c...

КОМЕНТАРІ • 69

  • @vanessamor1383
    @vanessamor1383 6 місяців тому +3

    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 Рік тому +18

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

  • @zatchbell4669
    @zatchbell4669 4 місяці тому +1

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

  • @emiliocarcanobringas7808
    @emiliocarcanobringas7808 Рік тому +8

    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í.

  • @benjaminnimajneb1934
    @benjaminnimajneb1934 5 місяців тому +1

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

  • @Tomoko-hu7sz
    @Tomoko-hu7sz 11 місяців тому +4

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

  • @ruronizoro
    @ruronizoro 5 місяців тому +3

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

  • @VICKU_23
    @VICKU_23 12 днів тому +1

    Eres un geniooooooooooooo

  • @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.

  • @christianramirez1844
    @christianramirez1844 3 місяці тому

    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 3 місяці тому

      qué tal te fue con ese tema?

  • @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..

  • @jonathanbarreto2089
    @jonathanbarreto2089 Рік тому

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

  • @macliza1
    @macliza1 7 місяців тому

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

  • @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 👏👏👏

  • @pabloblogna4453
    @pabloblogna4453 2 місяці тому

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

  • @jairoyamarte1514
    @jairoyamarte1514 Рік тому

    la mejor explicacion que e visto hasta ahora

  • @jmsn0611
    @jmsn0611 4 місяці тому

    Hermano lo felicito... excelente explicación.

  • @alfredog.g.7281
    @alfredog.g.7281 2 роки тому +1

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

    • @BytteDev
      @BytteDev  2 роки тому

      Gracias por comentar

  • @edwinvillanueva8758
    @edwinvillanueva8758 2 роки тому

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

  • @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í.

  • @arturoaviles40
    @arturoaviles40 Рік тому

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

  • @JulioMorales-sf4jl
    @JulioMorales-sf4jl Рік тому

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

  • @profesorjgaticatv
    @profesorjgaticatv Рік тому

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

  • @danielsantucci1494
    @danielsantucci1494 8 місяців тому

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

  • @JoseLuis-lv7eg
    @JoseLuis-lv7eg Рік тому

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

  • @victorabrilteruel3492
    @victorabrilteruel3492 Рік тому +1

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

  • @96Susibel96
    @96Susibel96 6 місяців тому

    Me salvaste de un proyecto de web mil gracias

  • @yulydiaz4706
    @yulydiaz4706 2 роки тому

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

  • @holgeredudangulocastillo645

    Buena explicación. Gracias 👍🏽

  • @Luca-ip4ww
    @Luca-ip4ww Рік тому

    Muy bien explicado amigo, muchas graciassss, nuevo sub
    👍

  • @brandonariascjuno2308
    @brandonariascjuno2308 Рік тому

    Gracias, ya logré realizar este ejercicio.

  • @begocg1020
    @begocg1020 Рік тому

    MARAVILLOSO

  • @grupofenixexport1
    @grupofenixexport1 Рік тому

    Excelente, muy bien explicado.

  • @m.tahirmahmoodi1825
    @m.tahirmahmoodi1825 8 місяців тому

    Muchísimas gracias !👃

  • @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

  • @hugocangi6214
    @hugocangi6214 Рік тому

    buenisimo te estoy siguiendo
    saludos

  • @johdo5674
    @johdo5674 2 роки тому +1

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

  • @furiousgaming8480
    @furiousgaming8480 5 місяців тому

    Me salvo, muchas graciaaaas

  • @i_masst3r
    @i_masst3r 8 місяців тому

    Genio

  • @chupetinsilver7466
    @chupetinsilver7466 2 роки тому

    Excelente video ... gracias

    • @BytteDev
      @BytteDev  2 роки тому

      Gracias por comentar

  • @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  2 роки тому +1

      Excelente aporte y gracias por pasarte por aqui.

  • @lucasgerardopaez603
    @lucasgerardopaez603 4 місяці тому

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

  • @edgarvargas2397
    @edgarvargas2397 2 роки тому

    excelente video

  • @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

  • @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

  • @jeissonm.5082
    @jeissonm.5082 Рік тому

    Gracias amigo

  • @Henry_Nunez
    @Henry_Nunez 2 роки тому +1

    👏👏👏👍😊

  • @ingriosjesus
    @ingriosjesus Рік тому +3

    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.

  • @LugaChavez
    @LugaChavez Місяць тому

    Me encanta como explica se le entiende tan bien👌🏾, una consulta resulta que voy haciendo todo similar a la explicación de su video pero con mis datos, pero todo el header, main y footer están a la mitad de la pantalla la otra mitad se queda en blanco, no entiendo porque me pasa ???

    • @BytteDev
      @BytteDev  Місяць тому

      Sube tu código aquí!

  • @jorgemanuelrequearrobo5500
    @jorgemanuelrequearrobo5500 8 місяців тому

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

  • @andersamor8785
    @andersamor8785 Рік тому

    muy bueno tenes mas de maquetacion?

  • @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 🤣

  • @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.

  • @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 6 місяців тому

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

  • @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.

  • @carlex_music2672
    @carlex_music2672 Рік тому

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

  • @brigidagi4226
    @brigidagi4226 2 роки тому

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

  • @emilydzulcastillo
    @emilydzulcastillo 4 місяці тому

    pasa codigo o yudit me reprueba helpmeplis

  • @Rodrigo15100
    @Rodrigo15100 2 роки тому

    Q cómodo tener asi el visual