Maquetación HTML y CSS ⛳ [HEADER, NAV, MAIN, SECTION, ARTICLE, ASIDE, FOOTER, DIV] ☝ paso a paso

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 35

  • @juantuno
    @juantuno 9 днів тому

    todo muy bien explicado y ordenado.. me quedo todo mucho mas claro ahora que vi este video... muchas gracias por subirlo

  • @geronelo1435
    @geronelo1435 2 місяці тому +2

    Espectacular, gracias por tu tiempo y gran aporte, saludos, lo realicé

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

    Este video es una joya. Me encanta tu forma de ir explicando paso a paso todo el proceso. Gracias y espero subas más videos así.

  • @dealma2510
    @dealma2510 10 місяців тому +1

    Excelente video. Muy didáctico y explicativo. Lo felicito profesor. Saludos

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

    Excelente explicación, argumentos y definiciones. Felicitaciones y gracias por compartir

  • @lobito391
    @lobito391 Рік тому +2

    Buen dia profesor, a la espera del contenido y de otro super tutorial. De antemano, gracias por su dedicación y explicación. Y exhortarlo a sequir explicando las maquetaciones con páginas en limpio, es decir, solo con las cajas como lo viene haciendo, creo que es más práctico para nosotros. Gracias

  • @jgurDW
    @jgurDW 6 місяців тому +1

    Gracias Profesor, muy instructivo y ordenado su tutorial.

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

    Saludos, profesor. Gracias por compartirnos sus conocimiento, son de mucha ayuda.

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

    hola buen dia bytte estuve etudiando este video para aprender estoy en los comiensos
    gracia te sigo

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

    Grande men por fin alguien que lo entiendo solo tengo un pequeño problema como saco los porcentajes que me imagino es de width: 100%; es un y de height: 100%; es otro para dividirlos en em o % :( por favor has un video sobre eso es muy importante para que pueda cuadrar los box. gracias

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

    Muy buen tutorial, excelente explicación. Gracias!

  • @YAMILJESUSMOUSSAABOU-kj6xy
    @YAMILJESUSMOUSSAABOU-kj6xy Рік тому

    Hola! Por favor tambien enseñarnos de tipos diferentes de tablas en varios videos. Bendiciones. Gracias

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

    Muy didactico, felicitaciones.

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

    @Bytte Dev Excelente material, pero uso el navegador Brave y en Chrome la propiedad display: flex, no funciona para las imágnes y los videos. Busqué y lo que se sirvió fue lo siguiente: Si las imágenes son hijos directos del contenedor flexible, establecer flex: 0 0 auto; para las imágenes y los videos, ya que no desea que crezcan o se encojan (o, establecer la altura de las imágenes en automático). Espero le sirva a alguien que haya podido tener el mismo problema que yo. Con firefox si funciona perfecto de cualquier forma... Saludos....

  • @cristhianalexisllanoscondo2987

    Muy buena informacion, gracias.

  • @TheMachineDeveloper
    @TheMachineDeveloper 16 днів тому

    Excelente video, bro el tuto es hasta aquí o sigues actualizando?

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

    muy bueno espero mas ...porfa

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

    Profe muchas gracias! utilice su maquetacion para una pàgina de perritos adoptados estuve toda la noche y madrugada haciendo, solo me falta anclar todos los botones a las secciones :(

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

    exelente video gracias

  • @jhoanmanuelcarvajal9822
    @jhoanmanuelcarvajal9822 10 місяців тому

    Buen video👌

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

    Excelente 👌

  • @YAMILJESUSMOUSSAABOU-kj6xy
    @YAMILJESUSMOUSSAABOU-kj6xy Рік тому

    Hola! Bendiciones. Por favor podrías hacer un vídeo enseñándonos a cargar una base de datos desde un select de un formulario por favor. Gracias

  • @fgughy
    @fgughy 9 місяців тому

    hola ...que paso no mas videos .... espero mas porfaaaaaa

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

    30:48 En la lína 136.
    Cuando agrego el width: 100%, la palabra imagen se va hacia la izquierda.
    posdata: Sí lo centré con flex tal como esta escrito en codigo.

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

    sin el "flex-direction: row;" igual se puede centrar el logotipo, ¿cual seria la diferencia si lo pongo o no lo pongo? ya que de manera visual no se percibe diferencia

    • @BytteDev
      @BytteDev  Рік тому +2

      En la práctica ninguna.
      En el vídeo se contempla porque es necesario mostrar la importancia de saber la direccion a alinear: row o column... Cuando se trata de centrar un solo elemento no es necesario, pero si son dos o más se complica.

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

      @@BytteDev gracias por tomarse el tiempo para aclarar mi duda, pocos creadores de contenido lo hacen, le exitos

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

      @@BytteDev Excelente material, pero uso el navegador Brave y en Chrome la propiedad display: flex, no funciona para las imágnes y los videos. Busqué y lo que se sirvió fue lo siguiente: Si las imágenes son hijos directos del contenedor flexible, establecer flex: 0 0 auto; para las imágenes y los videos, ya que no desea que crezcan o se encojan (o, establecer la altura de las imágenes en automático). Espero le sirva a alguien que haya podido tener el mismo problema que yo. Con firefox si funciona perfecto de cualquier forma... Saludos....

  • @ATLAS74-e3t
    @ATLAS74-e3t 6 місяців тому

    Hola una pregunta vi en el video sobre presionar enter en el minuto 11:24 pero no me sale ,hay otra forma?

  • @lizethvillada815
    @lizethvillada815 9 місяців тому

    Hola esto mismo se puede aplicar en adobe dremwever?

    • @BytteDev
      @BytteDev  9 місяців тому

      Por supuesto! El codigo es el mismo en cualquier editor

  • @Alo_E
    @Alo_E 11 місяців тому

    Hola mira lo hago tal cual pero a la hora de comprobar no me sale el color que debo hacer

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

    Bien, pero OJO la medida Em no es igual a 16px, la medida dependerá del tamaño del font-size del padre, es decir, si en body tenemos font-size 16px en main 1 em Sera igual a 16px.
    Creo que te equivocaste con REM, está medida está enlazada con el ROOT ( etiqueta html) está medida depende del tamaño del font size de Html, y en general los navegadores le dan 16px de medida, por eso 1 REM casi siempre es igual a 16px. Un saludo.

  • @Amanecer-creativo
    @Amanecer-creativo Місяць тому

    Excelente clase, fácil, entendible. Gracias