Muchas gracias por este tutorial de maquetacion, hay personas que explican bien y claramente, directamente, sin dar vueltas. Este tutorial me ha aclarado lo que otros largos tutoriales no han podido explicar.
Dios mio!! Por fin! He entendido los divs gracias ha sido un regalo del cielo❤❤ hoy es sábado, y para el lunes debía tener claro los divs. Me has salvado abandonar he empezado de menos0 no sé nada........y ahora miro con claridad.millon de gracias es poco❤❤
Gracias amigo, tienes razón, por eso hice este video para ayudar pues a quienes quieran comenzar en esto del diseño web, sé que hay mejores tecnologías pero nadie nace aprendido y pues una base siempre la necesitamos, bendiciones.
muy muy buen tutorial, muy completo y resolviendo problemas que se salen en el camino q a cualquiera de nosotros como aprendices nos puede pasar. al fin entiendo esto gracias a ti.
Gracias amigo, muy amable de tu parte, y pues este es mi punto con el video, que quienes inician en esto de diseño web pues puedan comprender las base. Bendiciones
Me entusiasmé con este video. Muy bien explicado, y me encantó la forma tan ordenada de codificar. Mi profesora me pide que use DIVs, así que a mí sí me sirve el video 👍
EXCELLENTEEE UD EXPLICA TAN BIEN QUE , le da uno alegria no quiere que se acabe el video muchas gracias DIOS LE PAGUE,,, Voy hacer mil canales para darle mil likes!!
saludos esto debería llamarse como esos libritos amarillo "maquetación para tontos" muy bien explicado, por fin pude comprender el uso del ccs y la maquetacion mil gracias !!!! Pulgar Arriba!!!
Haha, no amigo, no lo hice con ese afan de llamarlos así... Sino que pues, recuerda, nadie nace aprendido y aja, esta es una opción para que puedan conocer como ocupar html, en este caso usando Divs, aunque ya hay otras etiquetas semánticas: Header, Nav, Section, Footer y Aside que cumplen la misma función del Div. Gracias por tu comentario positivo, bendiciones.
Muy amable amigo, gracias por tu comentario aunque un editor de texto como sublime text, bracketts o visual studio code, creeme que te facilitan la vida, bendiciones amigo
buena explicación Gracias. soy un super principiante no se mucho al respecto como tu que haces el vídeo verdad pero si pudiera colaborar con algo es que Para mi gusto es mejor trabajar con pixeles o porcentajes todo en lugar de em para evitar errores como los que tienes de ajustar las cajas a sus correspondientes lugares bueno como a mi me gusta que quede mas exacto pues tendría que hacer operaciones para que al porcentaje del total de los pixeles le reste el valor de em multiplicado por dos Es mi opinión espero haberle ayudado a alguien.
Gracias por tu aporte amigo, y pues tienes razón, esto de las medidas es bastante complejo, tanto las absolutas como las medidas relativas. Tu usas porcentajes, yo usé Em a manera de ejemplo pero suelo ocupar mejor los porcentajes aunque aun estos a veces necesitan ajustes. Quizás el mas exacto de usar es el pixel aunque yo no lo catalogaría como medida absoluta o relativa pero la verdad es la que mejor se adapta. Bendiciones.
Jhansi, genial su video !!! gracias por compartir sus conocimientos. Dios lo bendiga;. aqui en Colombia cuando queremos expresar que alguien realmente domina un tema decimos: El que sabe sabe; y usted realmente sabe. Bendiciones.
Muy buen video bro! Al principio no me salía bien y yo pensaba que el error era del programa en el que estoy programando, pero me di cuenta que me faltaba poner ";" en algunas partes del codigo de css Excelente!
Gracias, muy amable... Y bueno, menos mal que pudiste darte cuenta, y a como podras ver el punto y coma es esencial para muchas cosas en informatica como por ejemplo en programacion tambien
Hola: en verdad soy cero en el tema lo he intentado con varios tutoriales y no lo he logrado gracias a ud. lo logre, pero entendiendo lo que hice porque aparte que ud. explica con suficiente tiempo lo hace muy entendible para que personas como yo que por primera vez hacemos algo asi; lo logremos pues fue genial y me senti en la gloria, creame, me parecia imposible y creia que jamas lo iba a lograr pero con su tutorial lo hice y lo entendi mil gracias un saludo, Quisiera enviarle mi trabajo para que lo viera , jajja, humm es que me siento muy orgullosa jajajja.
Buen dia. Muchas gracias por compartir tu video, tenia muchos problemas para encapsular cajas dentro de otras cajas pero me quedo claro con la etiqueta float lo que se puede hacer. Saludos
No amigo, esta era una forma, pero este día primero Dios por la noche estaré subiendo un video usando etiquetas semánticas "header, nav, section, footer y aside", con este ya no se utilizaría tanto los divs, pendiente, bendiciones.
suscribo estas palabras..."Excelente!.. Muy bien explicado! que buen tutorial, muchas grcias , por fin pude entender este tema. Definitivamente me subscribo a tu canal." jaja
Tip para ahorrarse llamar a cada "article" con el id:articulo y llamarlo con el combinador > HTML Section one two three four CSS #section > article { height: 8rem; width: 53rem; background-color: #424242; border-radius: 1rem; margin: 1rem; } Excelente video, crack :)
Hola amigo, gracias por tu pregunta, como este método es prácticamente "calculando" que quede lo mas al centro posible, no hay una forma automática para ello, solo una forma aproximada porque como usamos margins y paddings, estos tambien añaden a cada zona.
@@luciogdev4308 Por desgracia no, pero ahí es de jugar con las posiciones en CSS. La propiedad se llama: "Position" y valores que puedes usar son: "fixed, relative, absolute, sticky" y otros que no recuerdo, creo que en este caso el que te serviría sería el de "sticky" y tu limitas el tamaño de ese div y donde lo vas a colocar, pero te seré sincero que nunca he probado esto, porque las posiciones hoy en día se trabajan con Flexbox, o CSS Grid, y yo pues he usado esto y no por las propiedades antiguas como estas que te estoy nombrando. Pero al menos ya te pude dar una pista por donde puedes buscar, bendiciones amigo
les pones a los Div el ID que en verdad debería tener cada clase ejemplo: en ves de Div debe ser Header, Div debe ser Nav, Div debe ser Section... Div ya pragmáticamente no se utiliza mas que para contener en algunas ocasiones. Lo segundo es que para CSS lo ideal es poner Class y no Id a los elementos dejando los Id para trabajar con JS según la manera correcta de hacer las cosas. Fuera de eso buen vídeo buena explicación.
Tienes razón pero te pongo un caso: ¿Qué sucedería si luego la persona quisiera ocupar el framework de Bootstrap? No se maneja con etiquetas semánticas sino con puro DIV y claro, usa solo clases y en ese sentido y como tú dices hubiera usado solo clases mejor; pero, en aquel momento por el hecho de pensar que los ID son únicos e irrepetibles, se suponía que no quería repetir formatos para otras secciones más que solo la nombrada. Las formas de maquetación en HTML son cambiantes, que se usaban y luego dejan de usarse, de repente vuelven a usarlas pero es bueno conocer el manejo de varias de estas cosas para que no te tomen por sorpresa
@@oscarfiblas2096 No, no estoy diciendo eso, las formas de maquetación son diversas y cambiantes, y cada quien tiene su forma, lo que no veo correcto es despreciarlas, él me pudo decir que usar DIVs era obsoleto pero por eso le ponía el ejemplo de Boostratp, entonces ahi depende mucho de cada persona y como lo quiera manejar, es a tu gusto y como te sientas mejor y no está de más que conozcas varias formas, así tu escoges con cual te sientes más cómodo, es como la matemática, puedes usar cualquier método siempre y cuando sea correcto
@@JhanGio si fuera tan bueno no estaría mirando un video para aprender a maquetar, no des bola! Hay gente al pedo!!! Esta muy bien todo el video. Además cada un programa como quiere!!!
Muchas gracias por este tutorial de maquetacion, hay personas que explican bien y claramente, directamente, sin dar vueltas. Este tutorial me ha aclarado lo que otros largos tutoriales no han podido explicar.
Espectacular, gracias por tu tiempo y aporte , **lo realicé**
Tenés ganado el cielo, hermano. Me has salvado de una grande.
Gracias amigo, me alegra haberte podido ayudar, bendiciones
Un tutorial inmejorable. Nunca antes había visto uno en que se explique todo tan sumamente bien. ¡Mil gracias!
Dios mio!! Por fin! He entendido los divs gracias ha sido un regalo del cielo❤❤ hoy es sábado, y para el lunes debía tener claro los divs. Me has salvado abandonar he empezado de menos0 no sé nada........y ahora miro con claridad.millon de gracias es poco❤❤
Acabo de ver este video, y la fecha es de casi 3 años me alegra que sigas subiendo contenido para ayudarnos
Ya no
Hola me encantó tu explicación ya que fue fácil de entender y bien orientada para nosotros los principiantes. Muchas gracias
Me gano la vida programando en php y siempre tengo que repasar las nociones elementales de css, y este video esta SUBLIME!!!!!!
Gracias amigo, tienes razón, por eso hice este video para ayudar pues a quienes quieran comenzar en esto del diseño web, sé que hay mejores tecnologías pero nadie nace aprendido y pues una base siempre la necesitamos, bendiciones.
Muy bien explicado Jhansi!!!!!. de los 1000 videos me quedo con este!!
Gracias por tu tiempo Jhansi. Me aclaraste bastante.
BUENÍSIMO. Es la única palabra que tengo para calificar este videotutorial, te agradezco por tan valioso aporte. Saludos.
El video que estaba buscando 🥲💯. Mejor de ahí se daña, creo que es uno de los mejores videos que he visto de programación.
muy muy buen tutorial, muy completo y resolviendo problemas que se salen en el camino q a cualquiera de nosotros como aprendices nos puede pasar. al fin entiendo esto gracias a ti.
Gracias amigo, muy amable de tu parte, y pues este es mi punto con el video, que quienes inician en esto de diseño web pues puedan comprender las base. Bendiciones
Me entusiasmé con este video. Muy bien explicado, y me encantó la forma tan ordenada de codificar. Mi profesora me pide que use DIVs, así que a mí sí me sirve el video 👍
EXCELLENTEEE UD EXPLICA TAN BIEN QUE , le da uno alegria no quiere que se acabe el video muchas gracias DIOS LE PAGUE,,, Voy hacer mil canales para darle mil likes!!
Gracias amigo muy amable de tu parte, bendiciones
mis mas sinceras felicitaciones @Jhansi Aguilar por este gran video
pasaron 6 años de este video pero gracias me ayudaste mucho con tu video muy explicado
Excelente, muy bien explicado. No sabes cuánto te aprendí. Muchas gracias
Esta super como lo haces muchas gracias eres lo mejor ya me suscribí
Muy amable de tu parte amigo, cualquier duda estoy a tu órdenes, bendiciones
La mejor explicación del mundo, gracias totales
Muy amable de tu parte, bendiciones
Excelente video, bien explicado, tenes madera de maestro.
Muchísimas gracias desde Barcelona.Muy amable
saludos esto debería llamarse como esos libritos amarillo "maquetación para tontos" muy bien explicado, por fin pude comprender el uso del ccs y la maquetacion mil gracias !!!! Pulgar Arriba!!!
Haha, no amigo, no lo hice con ese afan de llamarlos así... Sino que pues, recuerda, nadie nace aprendido y aja, esta es una opción para que puedan conocer como ocupar html, en este caso usando Divs, aunque ya hay otras etiquetas semánticas: Header, Nav, Section, Footer y Aside que cumplen la misma función del Div. Gracias por tu comentario positivo, bendiciones.
Estoy estudiando Desarrollo de Aplicaciones Web y este video me ayudó mucho, así que te ganaste un suscriptor, gracias :)
Gracias amigo, muy amable de tu parte
Muy buen video, me sirvio demasiado, todo lo tuve que hacer en un block de notas, y por el momento me va todo bien
Excelente video me ah encantado
Muy amable amigo, gracias por tu comentario aunque un editor de texto como sublime text, bracketts o visual studio code, creeme que te facilitan la vida, bendiciones amigo
Jhansi Aguilar es que me lo encargaron de tarea y de ese modo:(
Muchísimas gracias, me sirvió mucho. Usted explica muy bien.
Gracias amigo muy amable, bendiciones
Excelente!! excentisimooo!! Aprendi mas con vos en 38min que en el curso de 1 año. Gracias totales!!
Que bueno de lo mejorsito que he visto en cuanto a claridad, de esta foorma se entiende muchisim mejor
Gracias amigo, muy amable de tu parte, bendiciones
Muy bien explicado muchas gracias maestro a cada quien se leda lo que se merece
buena explicación Gracias.
soy un super principiante
no se mucho al respecto como tu que haces el vídeo verdad
pero si pudiera colaborar con algo es que
Para mi gusto es mejor trabajar con pixeles o porcentajes todo en lugar de em
para evitar errores como los que tienes de ajustar las cajas a sus correspondientes lugares
bueno como a mi me gusta que quede mas exacto pues tendría que hacer operaciones para que al porcentaje del total de los pixeles le reste el valor de em multiplicado por dos
Es mi opinión espero haberle ayudado a alguien.
Gracias por tu aporte amigo, y pues tienes razón, esto de las medidas es bastante complejo, tanto las absolutas como las medidas relativas. Tu usas porcentajes, yo usé Em a manera de ejemplo pero suelo ocupar mejor los porcentajes aunque aun estos a veces necesitan ajustes. Quizás el mas exacto de usar es el pixel aunque yo no lo catalogaría como medida absoluta o relativa pero la verdad es la que mejor se adapta. Bendiciones.
Gracias por compartir tus conocimientos! He aprendido mucho sobre la maquetación! Que estes bien! Saludos!
Gracias, muy amable de tu parte, bendiciones
Maravilloso hermano
Muchas gracias
Muy buen ejemplo muy entendible. Gracias por compartirlo. Bendiciones
Gracias por la información estaba un poco perdida en ciertos aspectos pero con este vídeo me ha quedado muy claro. 🤗🤗
Amigo, muchísimas gracias por preparar este vídeo. Me ayudo mucho a entender el proceso para poder crear una pagina web. Excelente video!!!
Gracias amigo, muy amable de tu parte, bendiciones
Gracias profe jhansi, pude hacer la tarea que usted me dejo
Me alegra haberte podido ayudar, bendiciones
muchas gracias estaba frustado sin poder maquetar me sirvio muchas gracias
estuvo bueno pana tu video , una critica constructiva es el sonido del micrófono o eso que suena cuando respiras pero todo lo damas esta un 100 .
Amigo gracias por esa excelente y puntual explicación era lo que estaba buscando
Excelente lo coloque en practica y todo super bien, muchas gracias
Déjame decirte que eres el puto amo, mil gracias y Dios te bendiga
Gracias amigo, muy amable de tu parte, bendiciones
Muy buena la explicación, ayudo muchísimo para maquetar con CSS gracias un buen like
Te amo! Gracias por todo, tengo q rendir y me habia olvidado el tema div, y la diferencia con la clase.
th-cam.com/video/IqDwUROjU3U/w-d-xo.html
Simple y sencillo,sin rodeos ,con este videos aprendi html y CSS e hice rápido mi primera página web
la mejor explicacion que estaba buscandooo, sos un grandeeee
Gracias amigo, muy amable de tu parte, bendiciones, cualquier duda estoy a tus ordenes.
genial a un no comprendia pero con este video acabe de entenderlo muchas gracias.
Excelente. MIL GRACIAS. Aprendi full.
Felicitaciones por el tutorial,bien explicado y detallado.
Gracias
Muy buena explicación, gran video, gracias. 👍
Me sacaste de dudas, gracias !
Extraordinaria explicación... Gracias
muy buena explicacion me ayudo mucho muchas grasias
PROFE BUENÍSIMO! - MILLONES DE GRACIAS
Gracias amigo, bendiciones
Gracias por su explicación. Excelente material
ojala asi me hubiesen enseñado en la uni... mil gracias por el video, ha sido de mucha ayuda! te ganaste un suscriptor mas
Gracias, muy amable por tu comentario, vere si puedo compartir mas material
siempre leo este tipo de comentarios, me pregunto que me deparará en la universidad este próximo marzo
Muchas gracias por este video, realmente me ayudo mucho. 👍👋🇦🇷
muchas gracias, entendi a la perfeccion este tema.. Justo lo que necesitaba!!
Muy amable de tu parte, bendiciones
gracias por tu conocimiento, hoy aprendi algo mas
Jhansi, genial su video !!! gracias por compartir sus conocimientos. Dios lo bendiga;. aqui en Colombia cuando queremos expresar que alguien realmente domina un tema decimos: El que sabe sabe; y usted realmente sabe. Bendiciones.
Muy buen video bro!
Al principio no me salía bien y yo pensaba que el error era del programa en el que estoy programando, pero me di cuenta que me faltaba poner ";" en algunas partes del codigo de css
Excelente!
Gracias, muy amable... Y bueno, menos mal que pudiste darte cuenta, y a como podras ver el punto y coma es esencial para muchas cosas en informatica como por ejemplo en programacion tambien
Hola: en verdad soy cero en el tema lo he intentado con varios tutoriales y no lo he logrado
gracias a ud. lo logre, pero entendiendo lo que hice porque aparte que ud. explica con suficiente tiempo lo hace muy entendible para que personas como yo que por primera vez hacemos algo asi; lo logremos pues fue genial y me senti en la gloria, creame, me parecia imposible y creia que jamas lo iba a lograr pero con su tutorial lo hice y lo entendi mil gracias
un saludo,
Quisiera enviarle mi trabajo para que lo viera , jajja, humm es que me siento muy orgullosa jajajja.
Perdone que hasta hoy vi pero si quiere que lo vea puede mandarlo a jhansiaguilar@gmail.com bendiciones y gracias por su comment
Muchas gracias por la explicación, todo muy detallado
Excelente video, Gracias por compartir
Grande profe, muy bueno el tema y mejor la explicación.
Buen dia. Muchas gracias por compartir tu video, tenia muchos problemas para encapsular cajas dentro de otras cajas pero me quedo claro con la etiqueta float lo que se puede hacer. Saludos
Es justo lo que necesitaba, ahora entiendo mejor lo que es el maquetado, muchas gracias^^
El mejot tutorial amigo. Gracias.
buenisimo estaba buscando algo asi facil rapido y sencillo
Gracias por compartir esta forma de maquetar, el video es exelente.
Excelente trabajo. Muchas gracias.
Gracias amigo, bendiciones
Excelente! Muchas gracias. Muy claro y prolijito!
Excelente!.. Muy bien explicado! que buen tutorial, muchas grcias , por fin pude entender este tema. Definitivamente me subscribo a tu canal.
Muy amable de tu parte, gracias
Excelente video bro, muchas gracias explicas muy bien
Gracias por la información y el excelente tutorial
Muchísimas gracias por el vídeo!!! Excelente
Hola, una pregunta ¿es necesario utilizar mucho el ?
No amigo, esta era una forma, pero este día primero Dios por la noche estaré subiendo un video usando etiquetas semánticas "header, nav, section, footer y aside", con este ya no se utilizaría tanto los divs, pendiente, bendiciones.
@@JhanGio te lo agradeceria inmensamente, ya que casi no hay videos con esas etiquetas, me gustaria maquetar con esas
espectacular tu tutorial, se entiende perfectamente
Excelente Tutorial para los que empezamos !
Excelente vídeo.
Muchas gracias, saludos.
Que buen ejemplo! muchas gracias!
suscribo estas palabras..."Excelente!.. Muy bien explicado! que buen tutorial, muchas grcias , por fin pude entender este tema. Definitivamente me subscribo a tu canal." jaja
Gracias amigo muy amable, cualquier duda ahi estamos
Excelente video entendí como hacer los maquetados de una manera fácil Gracias 🙏🏿
Muy bien explicado, excelente tutorial, muchas gracias .
Gracias mi estimado, muy amable de su parte
Excelente explicación, gracias
By far, el video que mejor explica las divisiones para novatos en esto. grande
Gracias amigo, muy amable de tu parte, bendiciones
Tip para ahorrarse llamar a cada "article" con el id:articulo y llamarlo con el combinador >
HTML
Section
one
two
three
four
CSS
#section > article {
height: 8rem;
width: 53rem;
background-color: #424242;
border-radius: 1rem;
margin: 1rem;
}
Excelente video, crack :)
El contenido DIV de "section" al final no quedó alineado del todo con "header" y "nav". ¿Qué faltaría para que quedara alineado?. Saludos. Buen video.
Hola amigo, gracias por tu pregunta, como este método es prácticamente "calculando" que quede lo mas al centro posible, no hay una forma automática para ello, solo una forma aproximada porque como usamos margins y paddings, estos tambien añaden a cada zona.
@@JhanGio Gracias por responder. ¿Tienes algún tutorial en donde un div se quede fijo a la derecha del navegador, de forma vertical (como un sidebar)?
@@luciogdev4308 Por desgracia no, pero ahí es de jugar con las posiciones en CSS. La propiedad se llama: "Position" y valores que puedes usar son: "fixed, relative, absolute, sticky" y otros que no recuerdo, creo que en este caso el que te serviría sería el de "sticky" y tu limitas el tamaño de ese div y donde lo vas a colocar, pero te seré sincero que nunca he probado esto, porque las posiciones hoy en día se trabajan con Flexbox, o CSS Grid, y yo pues he usado esto y no por las propiedades antiguas como estas que te estoy nombrando. Pero al menos ya te pude dar una pista por donde puedes buscar, bendiciones amigo
Lo he entendido muy bien, muchas gràcias ;)
Gracias por esa enseñanza tan explicita, me resolviste el diseño de mi proyecto :D!
Gracias amigo, muy amable de tu parte, bendiciones
les pones a los Div el ID que en verdad debería tener cada clase ejemplo: en ves de Div debe ser Header, Div debe ser Nav, Div debe ser Section... Div ya pragmáticamente no se utiliza mas que para contener en algunas ocasiones. Lo segundo es que para CSS lo ideal es poner Class y no Id a los elementos dejando los Id para trabajar con JS según la manera correcta de hacer las cosas. Fuera de eso buen vídeo buena explicación.
Tienes razón pero te pongo un caso: ¿Qué sucedería si luego la persona quisiera ocupar el framework de Bootstrap? No se maneja con etiquetas semánticas sino con puro DIV y claro, usa solo clases y en ese sentido y como tú dices hubiera usado solo clases mejor; pero, en aquel momento por el hecho de pensar que los ID son únicos e irrepetibles, se suponía que no quería repetir formatos para otras secciones más que solo la nombrada. Las formas de maquetación en HTML son cambiantes, que se usaban y luego dejan de usarse, de repente vuelven a usarlas pero es bueno conocer el manejo de varias de estas cosas para que no te tomen por sorpresa
@@JhanGio ¿Es decir Bootstrap tiene que actualizarse entonces?
@@oscarfiblas2096 No, no estoy diciendo eso, las formas de maquetación son diversas y cambiantes, y cada quien tiene su forma, lo que no veo correcto es despreciarlas, él me pudo decir que usar DIVs era obsoleto pero por eso le ponía el ejemplo de Boostratp, entonces ahi depende mucho de cada persona y como lo quiera manejar, es a tu gusto y como te sientas mejor y no está de más que conozcas varias formas, así tu escoges con cual te sientes más cómodo, es como la matemática, puedes usar cualquier método siempre y cuando sea correcto
@@JhanGio si fuera tan bueno no estaría mirando un video para aprender a maquetar, no des bola! Hay gente al pedo!!! Esta muy bien todo el video. Además cada un programa como quiere!!!
De verdad que aprendí muchísimo hermano muchas gracias por tomarte el tiempo para educar
Muy buen video, muchas gracias por tu aporte , necesitaba esa practica
muy claro, y muy visual el proceso.
gran video me ayudo muchisimo!
Buen tutorial nuevo suscriptor
Gracias por la importante información
Eres grande maestro gracias
Gracias amigo, bendiciones
increíble explicación
Este vídeo esta para un juego de beber, se bebe cada vez que diga, miren y vean. Gracias por el aporte.
que buen tutorial, muchas grcias , al fin entendi este tema.
Muy amable de tu parte, gracias