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❤❤
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.
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.
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!!
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
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
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: 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.
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
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.
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
subscripto! realmente estoy arrancando con esto y me ayudo mucho a entender! EXCELENTE VIDEO, muy claro. PD: solo constructivamente, hay que mejorar el audio de tu mic
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.
28:54 ya estaba bien así, solo tenias que bajarle el ancho a _section_ y ya, ademas recuerda que ya le diste _margin_ a #contenido, 29:08 y le volviste a dar _margin_ a _section_ y a _aside_ y no hacia falta eso por eso _aside_ se puso abajo porque achicaste todo x2
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!!!
Excelente video, si bien es algo que se hacia con html 4 es fundamental saber para entender el uso de los tags especializados como header, aside, footer, etc.
Tenés ganado el cielo, hermano. Me has salvado de una grande.
Gracias amigo, me alegra haberte podido ayudar, bendiciones
Espectacular, gracias por tu tiempo y aporte , **lo realicé**
Un tutorial inmejorable. Nunca antes había visto uno en que se explique todo tan sumamente bien. ¡Mil gracias!
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.
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❤❤
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.
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
Muy bien explicado Jhansi!!!!!. de los 1000 videos me quedo con este!!
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.
BUENÍSIMO. Es la única palabra que tengo para calificar este videotutorial, te agradezco por tan valioso aporte. Saludos.
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 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 👍
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
Excelente, muy bien explicado. No sabes cuánto te aprendí. Muchas gracias
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
Gracias por tu tiempo Jhansi. Me aclaraste bastante.
pasaron 6 años de este video pero gracias me ayudaste mucho con tu video muy explicado
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
La mejor explicación del mundo, gracias totales
Muy amable de tu parte, 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
muchas gracias estaba frustado sin poder maquetar me sirvio muchas gracias
Excelente!! excentisimooo!! Aprendi mas con vos en 38min que en el curso de 1 año. Gracias totales!!
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 desde Barcelona.Muy amable
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
Déjame decirte que eres el puto amo, mil gracias y Dios te bendiga
Gracias amigo, muy amable de tu parte, bendiciones
Excelente video, bien explicado, tenes madera de maestro.
Gracias por la información estaba un poco perdida en ciertos aspectos pero con este vídeo me ha quedado muy claro. 🤗🤗
Simple y sencillo,sin rodeos ,con este videos aprendi html y CSS e hice rápido mi primera página web
mis mas sinceras felicitaciones @Jhansi Aguilar por este gran video
Te amo! Gracias por todo, tengo q rendir y me habia olvidado el tema div, y la diferencia con la clase.
ua-cam.com/video/IqDwUROjU3U/v-deo.html
Amigo gracias por esa excelente y puntual explicación era lo que estaba buscando
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 :)
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
Muchas gracias por este video, realmente me ayudo mucho. 👍👋🇦🇷
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
Gracias por compartir tus conocimientos! He aprendido mucho sobre la maquetación! Que estes bien! Saludos!
Gracias, muy amable de tu parte, bendiciones
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
Muy bien explicado muchas gracias maestro a cada quien se leda lo que se merece
Maravilloso hermano
Muchas gracias
la mejor explicacion que estaba buscandooo, sos un grandeeee
Gracias amigo, muy amable de tu parte, bendiciones, cualquier duda estoy a tus ordenes.
Muy buen ejemplo muy entendible. Gracias por compartirlo. Bendiciones
genial a un no comprendia pero con este video acabe de entenderlo muchas gracias.
Muy buena la explicación, ayudo muchísimo para maquetar con CSS gracias un buen like
Muchísimas gracias, me sirvió mucho. Usted explica muy bien.
Gracias amigo muy amable, bendiciones
Muy buena explicación, gran video, gracias. 👍
muy buena explicacion me ayudo mucho muchas grasias
Felicitaciones por el tutorial,bien explicado y detallado.
Gracias
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 lo coloque en practica y todo super bien, 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
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.
Excelente. MIL GRACIAS. Aprendi full.
Es justo lo que necesitaba, ahora entiendo mejor lo que es el maquetado, muchas gracias^^
Gracias profe jhansi, pude hacer la tarea que usted me dejo
Me alegra haberte podido ayudar, bendiciones
By far, el video que mejor explica las divisiones para novatos en esto. grande
Gracias amigo, muy amable de tu parte, bendiciones
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
PROFE BUENÍSIMO! - MILLONES DE GRACIAS
Gracias amigo, bendiciones
Gracias por compartir esta forma de maquetar, el video es exelente.
muchas gracias, entendi a la perfeccion este tema.. Justo lo que necesitaba!!
Muy amable de tu parte, bendiciones
Grande profe, muy bueno el tema y mejor la explicación.
Excelente video, Gracias por compartir
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 .
buenisimo estaba buscando algo asi facil rapido y sencillo
De verdad que aprendí muchísimo hermano muchas gracias por tomarte el tiempo para educar
Me sacaste de dudas, gracias !
Extraordinaria explicación... Gracias
Gracias por esa enseñanza tan explicita, me resolviste el diseño de mi proyecto :D!
Gracias amigo, muy amable de tu parte, bendiciones
subscripto! realmente estoy arrancando con esto y me ayudo mucho a entender! EXCELENTE VIDEO, muy claro.
PD: solo constructivamente, hay que mejorar el audio de tu mic
Gracias por su explicación. Excelente material
Excelente video, bro. Thank you so much .
Muchas gracias por la explicación, todo muy detallado
Excelente trabajo. Muchas gracias.
Gracias amigo, bendiciones
El mejot tutorial amigo. Gracias.
Excelente! Muchas gracias. Muy claro y prolijito!
Excelente video entendí como hacer los maquetados de una manera fácil Gracias 🙏🏿
Excelente video bro, muchas gracias explicas muy bien
no se porque pero en un momento me dio gracia..jajaja..buen video amigo
Gracias por la información y el excelente tutorial
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.
Excelente vídeo.
Muchas gracias, saludos.
Muy bien explicado, excelente tutorial, muchas gracias .
Gracias mi estimado, muy amable de su parte
Muchísimas gracias por el vídeo!!! Excelente
Muy buen video, muchas gracias por tu aporte , necesitaba esa practica
28:54 ya estaba bien así, solo tenias que bajarle el ancho a _section_ y ya, ademas recuerda que ya le diste _margin_ a #contenido, 29:08 y le volviste a dar _margin_ a _section_ y a _aside_ y no hacia falta eso por eso _aside_ se puso abajo porque achicaste todo x2
Buen tutorial nuevo suscriptor
espectacular tu tutorial, se entiende perfectamente
Excelente explicación, gracias
Muchísimas gracias por el video y por la gran explicación. Excelente
Gracias amigo, muy fino, bendiciones
Que buen ejemplo! muchas gracias!
Lo he entendido muy bien, muchas gràcias ;)
Te felicito amigo ... excelente video!!!
Gracias amigo, muy amable de tu parte, bendiciones
gran video me ayudo muchisimo!
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!!!
que buen tutorial, muchas grcias , al fin entendi este tema.
Muy amable de tu parte, gracias
muchas gracias! me has ayudado mucho con un proyecto!
Gracias amigo, muy amable de tu parte, bendiciones
Excelente video, si bien es algo que se hacia con html 4 es fundamental saber para entender el uso de los tags especializados como header, aside, footer, etc.
Gracias amigo, muy amable de tu parte, eso es lo que aclaraba de un inicio, que aunque no es técnica que se use pero es bueno conocer las bases
Muchas gracias me sirvió para entender