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.
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.
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❤❤
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
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!!
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 👍
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
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
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 :)
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.
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
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.
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!!!
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
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.
Muy bueno el maquetado, estaria bueno que aparte del maquetado que haces con CSS tambien trabajes mas con HTML creando codigo para hacer una pagina completa
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
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
![Maquetación HTML y CSS ⛳ [HEADER, NAV, MAIN, SECTION, ARTICLE, ASIDE, FOOTER, DIV] ☝ paso a paso](http://i.ytimg.com/vi/m9nlCdf-k7U/mqdefault.jpg)
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.
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é**
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.
Un tutorial inmejorable. Nunca antes había visto uno en que se explique todo tan sumamente bien. ¡Mil gracias!
Acabo de ver este video, y la fecha es de casi 3 años me alegra que sigas subiendo contenido para ayudarnos
Ya no
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.
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!!
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 por tu tiempo Jhansi. Me aclaraste bastante.
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
BUENÍSIMO. Es la única palabra que tengo para calificar este videotutorial, te agradezco por tan valioso aporte. Saludos.
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
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 👍
Excelente, muy bien explicado. No sabes cuánto te aprendí. Muchas gracias
pasaron 6 años de este video pero gracias me ayudaste mucho con tu video muy explicado
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.
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
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
mis mas sinceras felicitaciones @Jhansi Aguilar por este gran video
Muchísimas gracias desde Barcelona.Muy amable
Excelente!! excentisimooo!! Aprendi mas con vos en 38min que en el curso de 1 año. Gracias totales!!
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.
Muy bien explicado muchas gracias maestro a cada quien se leda lo que se merece
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
Simple y sencillo,sin rodeos ,con este videos aprendi html y CSS e hice rápido mi primera página web
Muchísimas gracias, me sirvió mucho. Usted explica muy bien.
Gracias amigo muy amable, bendiciones
Gracias por la información estaba un poco perdida en ciertos aspectos pero con este vídeo me ha quedado muy claro. 🤗🤗
Amigo gracias por esa excelente y puntual explicación era lo que estaba buscando
Muy buena la explicación, ayudo muchísimo para maquetar con CSS gracias un buen like
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:(
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
Felicitaciones por el tutorial,bien explicado y detallado.
Gracias
Déjame decirte que eres el puto amo, mil gracias y Dios te bendiga
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 :)
Gracias por compartir tus conocimientos! He aprendido mucho sobre la maquetación! Que estes bien! Saludos!
Gracias, muy amable de tu parte, bendiciones
genial a un no comprendia pero con este video acabe de entenderlo muchas gracias.
muchas gracias estaba frustado sin poder maquetar me sirvio muchas gracias
Es justo lo que necesitaba, ahora entiendo mejor lo que es el maquetado, muchas gracias^^
Muy buen ejemplo muy entendible. Gracias por compartirlo. Bendiciones
Excelente lo coloque en practica y todo super bien, muchas gracias
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
la mejor explicacion que estaba buscandooo, sos un grandeeee
Gracias amigo, muy amable de tu parte, bendiciones, cualquier duda estoy a tus ordenes.
muy buena explicacion me ayudo mucho muchas grasias
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
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.
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
Gracias por su explicación. Excelente material
Muchas gracias por este video, realmente me ayudo mucho. 👍👋🇦🇷
gracias por tu conocimiento, hoy aprendi algo mas
Excelente. MIL GRACIAS. Aprendi full.
Muy buena explicación, gran video, gracias. 👍
Gracias por compartir esta forma de maquetar, el video es exelente.
PROFE BUENÍSIMO! - MILLONES DE GRACIAS
Gracias amigo, bendiciones
Muchas gracias por la explicación, todo muy detallado
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
Gracias profe jhansi, pude hacer la tarea que usted me dejo
Me alegra haberte podido ayudar, bendiciones
Extraordinaria explicación... Gracias
Grande profe, muy bueno el tema y mejor la explicación.
muchas gracias, entendi a la perfeccion este tema.. Justo lo que necesitaba!!
Muy amable de tu parte, bendiciones
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 .
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
buenisimo estaba buscando algo asi facil rapido y sencillo
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.
Maravilloso hermano
Muchas gracias
Excelente! Muchas gracias. Muy claro y prolijito!
espectacular tu tutorial, se entiende perfectamente
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!!!
By far, el video que mejor explica las divisiones para novatos en esto. grande
Gracias amigo, muy amable de tu parte, bendiciones
Este vídeo esta para un juego de beber, se bebe cada vez que diga, miren y vean. Gracias por el aporte.
Me sacaste de dudas, gracias !
Gracias por la información y el excelente tutorial
El mejot tutorial amigo. Gracias.
Muchísimas gracias por el vídeo!!! Excelente
De verdad que aprendí muchísimo hermano muchas gracias por tomarte el tiempo para educar
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 🙏🏿
Excelente video bro, muchas gracias explicas muy bien
Excelente video, Gracias por compartir
Excelente Tutorial para los que empezamos !
Excelente trabajo. Muchas gracias.
Gracias amigo, bendiciones
Excelente 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
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
Excelente vídeo.
Muchas gracias, saludos.
Muy bien explicado, excelente tutorial, muchas gracias .
Gracias mi estimado, muy amable de su parte
Muy buen video, muchas gracias por tu aporte , necesitaba esa practica
no se porque pero en un momento me dio gracia..jajaja..buen video amigo
Muy bueno el maquetado, estaria bueno que aparte del maquetado que haces con CSS tambien trabajes mas con HTML creando codigo para hacer una pagina completa
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
increíble explicación
Que buen ejemplo! muchas gracias!
Muchas gracias me sirvió para entender
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 la importante información
Muchísimas gracias por el video y por la gran explicación. Excelente
Gracias amigo, muy fino, bendiciones
Lo he entendido muy bien, muchas gràcias ;)