Moises... te quiero agradecer enormemente, porque he buscado durante varios meses un curso como éste y no lo había conseguido. Tienes el don de la enseñanza, con suma facilidad sabes transmitir tus conocimientos, cosa que la gran mayoría de personas no son capaces por mucho que sepan. Mil y mil y mil gracias... adelante..!
sinceramente no tengo palabras para describir lo que sentí con este tutorial, solo dire que tu estilo para explicar y dar ejemplos es lo mejor y mas entretenido que he visto.
Me está flipando el curso es genial, estoy deseando poder hacer una página por completo Tus cursos son geniales gracias a tu curso de gimp hice un logotipo totalmente original para un Coro en el que estoy y gracias a este curso de HTML5 y CSS voy a poder hacer un web y enriquecer mis conocimientos, muchas gracias por el trabajo qué haces porque nos ayudas mucho un saludo Moisés
Me alegra leerte y saber que estos vídeos te están ayudando. Son vídeos que utilizo de repaso para mis alumnos y la verdad es que me hace sentir genial que gente de fuera, del canal de UA-cam o de otras plataformas pueda reutilizar estos cursos y darles sus propio sentido, utilizarlo para proyectos personales o incluso laborales. Ánimo Ramón, y estaré deseando ver tus progresos y tu futura página web en HTML5 y CSS3. Salu2!!
Moises, disculpa, seguramente es una pregunta que ya has respondido antes. ¿Como accedo a tu cuenta google drive para coger los archivos imagen de ejemplo? Un saludo y felicidades por el curso, eres super-didactico.
Hola Diego, gracias por tu comentario. Mira, para poder acceder a los ficheros de cada lección, debes mirar la descripción del vídeo y donde veas "Prácticas y Materiales" pinchas en el enlace. Si todo va bien te aparecerán todos los ejercicios y prácticas agrupados por carpetas. Un saludo!
Gracias Moises por tus videos. Con que facilidad transmites... Muchisimas gracias..! Estoy intentando hacer una página y tengo una duda sobre la insercion de imagenes y es que en tu video toas las imagenes tienen el mismo tamaño. Pero como hariamos si las imagenes tuviesen tamaños diferentes y quisieramos alinearlas exactamente como las alineas tu en tu video?
Muy buen vídeo. Tengo una duda, si las imágenes son de diferente tamaño como hacemos para que se vean del mismo tamaño. O simplemente tendríamos que conseguir imágenes del mismo tamaño??
Buenas tardes esta muy bueno tu tutorial!! En la ultima parte para que queden todas las imganes del mismo tamaño que tengo que agregar, porque hablaste de resolucion, es decir que lo unico que me queda es cambiar las fotos?? o tengo que tener un programa que lleve todas las imganes al mismo tamaño o resolucion?? Desde ya muchas gracias!!
Si, efectivamente Darío, a lo que me refiero es que todas las fotografías deben tener la misma resolución para que no se deformen, si las descargas a la misma resolución cero problemas. Otra opción es modificarlas con programas de edición fotográfica como Gimp, Photoshop u otro.
frMoisesfr cuando agrego body { background-image: url(img/imagen1.jpg); } los cambios no se reflejan, la imagen no se observa y tengo la carpeta img dentro de la carpeta del archivo html, incluso cuando doy url me apere pero para llamar la hoja de estilos
para el que vea este comentario y tenga el mismo problema , encontre la solución , como estamos situados en el estilo, debemos salir de esa carpeta, para eso hay que colocarle ../ que indica retroceder y luego si entrar en la ruta donde está la imagen: background-image: url(../img/imagen1.jpg);
duda o me podrias ayudar, cuando agrando la pagina los textos se ensiman con las imagenes o videos, lo cual no se como solucionarlo, ya que se ve muy mal cuando lo agrando, cuando es pequeño no tengo problema. tengo un main de 2000 y al hacerlo grande pasa lo ke te mensione. grax de antemano y excelentes videos
Hola Moisés, quería preguntar algo. ¿Qué diferencia hay entre "class" e "id" dentro de una etiqueta? Lo digo porque he cambiado estos dos parámetros y el CSS aplica el mismo estilo. Muchas gracias. EDITO: he buscado la definición por Google en dos o tres sitios distintos y ninguno me lo aclara, no termino de comprenderlo, por eso pregunto, jejeje. Un saludo.
Muy buenas Jose de Haro. He realizado 3 nuevas entregas de HTML y CSS. En la última lo explico, diferencia entre ID y CLASS, básicamente. ID: solo lo puedes usar una vez, sería como un DNI. CLASS: puede haber varios objetos que utilicen la misma clase, como una clase de alumnos.
Chico Trap, te reto a componer una canción sobre educación o adolescencia en los institutos, si está currado te propongo hacer videoclip y darle promoción. Aceptas?
Vuelvo al vídeo para preguntar de nuevo. Cuando estás añadiendo la primera imagen centrada, añades estas dos líneas de código: img{ transition: all 0.5s ease; } img:hover{ transform: scale(0.9); } Yo he intentado meter la propiedad "transition" en la segunda línea y el efecto desaparece. ¿Por qué? Si ambos efectos suceden cuando pasas el cursor por encima de la foto, no debería haber problema.
Claro, no puedes quitar la línea de transition. Esa propiedad va dirigida a la imagen en general. Y la segunda propiedad img:hover es únicamente para cuando pones el ratón encima.
Hola, gracias por tus comentarios. HTML y CSS son super complementarios. Son necesarios el uno para el otro. Antiguamente se escribían los dos juntos en el fichero HTML pero hoy en día se suele hacer un énfasis destacado y distinto entre los dos, por eficiencia y mejor programación.
Cuando pongo en mi carpeta css img para editar todas las img no funciona ningun codigo todo sigue igual, lo mismo pasa con body nada cambia si lo pongo desde mi css solo si lo hago desde mi carpeta html, pero para editar los h1 y lo p si funciona el css, alguien ayudeme por favor o no podre continuar el curso
no entiendo porque hace como 5 meses segui tus pasos y me funciono perfecto y ahora que volvio porque no me acorde algunos codigo miro el video y no me funciona lo peor es que miro muy bien si me equivoco en alguna parte o algo y no es asi , solo necesito que la imagen de fondo quede bien en la pagina pero desaparece al poner el center center
Hola Moises, justo en este video me ha dejado de funcionar Brackets, lo cual me fastidia bastante. He reinstalado y vuelto a instalar pero la cosa sigue igual. ¿Sabes de donde puede venir esto? ¿alguna herramienta alternativa? la versión es la 1.14.2
He borrado la caché de brackets siguiendo las indicaciones de la página de soporte y sigue igual. En otro ordenador si funciona, aparentemente con la misma versión de windows (la 10) y un Java reciente. He intentado arrancarlo también desde la línea de comandos y nada. Antes funcionaba bien en el mismo ordenador.
@@aleeli1129 a la hora de hacer una página Bro , fíjate que tú quisieras que en los viewport no se viera siempre el mismo fondo , obviamente es una clase y el está explicando muy bien y de hecho me encanta su canal , pero a la hora de poner background yo en lo.personal recomendaría ponerlo por secciones , no directamente al boddy , ya que abarcará todo
Maestro gracias por enseñar a nosotros los pobres, quienes no tenemos con que pagar un curso en la web. Dios te bendiga.
F
Muchas, muchas gracias realmente el mejor curso que he visto, enseñas super bien. Bendiciones.
Moises... te quiero agradecer enormemente, porque he buscado durante varios meses un curso como éste y no lo había conseguido. Tienes el don de la enseñanza, con suma facilidad sabes transmitir tus conocimientos, cosa que la gran mayoría de personas no son capaces por mucho que sepan. Mil y mil y mil gracias... adelante..!
Excelentes explicaciones... " Mil dedos arriba"... ¡ Usted Señor, sí sabe enseñar ! Gracias por compartirnos su conocimiento. - Ene. 17 / 2020 - 1831h
Muchas gracias Alba, un saludo!
sinceramente no tengo palabras para describir lo que sentí con este tutorial, solo dire que tu estilo para explicar y dar ejemplos es lo mejor y mas entretenido que he visto.
Muchas gracias Ninja, es un detalle tu comentario. Un saludo!
X2
El mejor curso de html y Css , Gracias por compartir conocimientos en forma clara y precisa. SALUDOS desde Argentina.
Muchas gracias por estos cursos. Me encanta porque transmite alegría y entusiasmo a un ritmo de voz perfecto, cosa que es difícil.
Moises, gracias por subir estos videos, estoy bastante entusiasmado con este tema, usted hace ver el tema muy ameno y facil de entender.
su manera de explicar es muy agradable y entendible , gracias gracias!!!
Excelente manito... excelente...!!!gracias por la inspiración...!!
excelente canal muy buenos videos felicitaciones !!!!!! stoy cursando programacion web en la UNI y me estas dando una re mando capo !
Qué suerte haberme topado con este canal!!! Un tutorial de lo mejorcito que he encontrado! Me encanta. Tienes un like y nueva suscriptora :)
Que Dios os multiplique a manos llenas... SIEMPRE.
Igualmente, un saludo!
genial gracias Moises!!!
Gracias por compartir!!!
Maravilloso tutorial. Me suscribo. Muchas gracias
Amigo, gracias gracias gracias !
Un placer Luis, un saludo!
Me está flipando el curso es genial, estoy deseando poder hacer una página por completo
Tus cursos son geniales gracias a tu curso de gimp hice un logotipo totalmente original para un Coro en el que estoy y gracias a este curso de HTML5 y CSS voy a poder hacer un web y enriquecer mis conocimientos, muchas gracias por el trabajo qué haces porque nos ayudas mucho un saludo Moisés
Me alegra leerte y saber que estos vídeos te están ayudando. Son vídeos que utilizo de repaso para mis alumnos y la verdad es que me hace sentir genial que gente de fuera, del canal de UA-cam o de otras plataformas pueda reutilizar estos cursos y darles sus propio sentido, utilizarlo para proyectos personales o incluso laborales. Ánimo Ramón, y estaré deseando ver tus progresos y tu futura página web en HTML5 y CSS3.
Salu2!!
Pana, excelente video, mis respetos.
Gracias por este tipo de aporte!!
Excelente maestro muchas gracias por su aporte. Me parece muy original su forma de explicar y la calidad del video. Saludos desde Ecuador
Gracias!!
De nada. Gracias por comentar!
WOW que bien explicado! Lo adoré, lo entendí todo muy bien. GRACIAS! Buenísimo!
Excelente tu contenido, de gran ayuda.
gracias por tus enseñanazas
Gracias a ti por el apoyo.
Muy buen tutorial, excelente explicación y me encantó eso de tener el cambio en la página en linea con el código
wow mister que paciencia
Gracias Waly, un saludo!
buenisimo el video
Excelente, muchas gracias por compartir tus conocimientos!
excelente mil estrellas
muchas gracias joven pelado sabio (sin ofender)
Excelente explicación! Gracias!!!
Es un placer. Gracias por comentar!
Muy buen tutorial!
Madre... que nivel!!
Francisco quiero ver tus progresos y por supuesto tu futura página web HTML/CSS, seguro que me sorprendes.
frMoisesfr ya veras vas a flipar
@@senkokawaii4577 por supuesto pero para eso necesitas otra etiqueta: por ejemplo
Muy bien muuuuuy bien, te ganaste otro subs :)
Actualiza el curso please añade flex y explica cuando utilizar grid flex o float, gracias!
Muchas gracias por tu comentario. FlexBox y CSS Grid está anotado como algo pendiente para HTML/CSS. Un saludo!
genial.
Transiciones 10:34
Me ha encantado :'3
Moises, disculpa, seguramente es una pregunta que ya has respondido antes. ¿Como accedo a tu cuenta google drive para coger los archivos imagen de ejemplo?
Un saludo y felicidades por el curso, eres super-didactico.
Hola Diego, gracias por tu comentario. Mira, para poder acceder a los ficheros de cada lección, debes mirar la descripción del vídeo y donde veas "Prácticas y Materiales" pinchas en el enlace. Si todo va bien te aparecerán todos los ejercicios y prácticas agrupados por carpetas. Un saludo!
@@frMoisesfr Ya lo he encontrado, muchas gracias y enhorabuena otra vez.
Gracias Moises por tus videos. Con que facilidad transmites... Muchisimas gracias..!
Estoy intentando hacer una página y tengo una duda sobre la insercion de imagenes y es que en tu video toas las imagenes tienen el mismo tamaño. Pero como hariamos si las imagenes tuviesen tamaños diferentes y quisieramos alinearlas exactamente como las alineas tu en tu video?
Arigato
Me has ayudado bastante, ya tienes un nuevo sub
👌👌👌
Muy buen vídeo. Tengo una duda, si las imágenes son de diferente tamaño como hacemos para que se vean del mismo tamaño. O simplemente tendríamos que conseguir imágenes del mismo tamaño??
Eres un crack (y)
Buenas tardes esta muy bueno tu tutorial!! En la ultima parte para que queden todas las imganes del mismo tamaño que tengo que agregar, porque hablaste de resolucion, es decir que lo unico que me queda es cambiar las fotos?? o tengo que tener un programa que lleve todas las imganes al mismo tamaño o resolucion??
Desde ya muchas gracias!!
Si, efectivamente Darío, a lo que me refiero es que todas las fotografías deben tener la misma resolución para que no se deformen, si las descargas a la misma resolución cero problemas.
Otra opción es modificarlas con programas de edición fotográfica como Gimp, Photoshop u otro.
Super
EPIC MAN
Gracias campeón por el video. Tengo una consulta, si tengo una IMG y deseo centrarla en el eje y de su contenedor como lo hago ? Gracias
Mucho ojo en el minuto 7:46 mi estimado!!
si tengo 2 imágenes como hago para poner una al lado de la otra y asignarle un texto a la segunda? Gracias por la ayuda
frMoisesfr cuando agrego body {
background-image: url(img/imagen1.jpg);
}
los cambios no se reflejan, la imagen no se observa y tengo la carpeta img dentro de la carpeta del archivo html, incluso cuando doy url me apere pero para llamar la hoja de estilos
para el que vea este comentario y tenga el mismo problema , encontre la solución , como estamos situados en el estilo, debemos salir de esa carpeta, para eso hay que colocarle ../ que indica retroceder y luego si entrar en la ruta donde está la imagen: background-image: url(../img/imagen1.jpg);
@@Naidedenadie92 buen aporte
@@Naidedenadie92 me salvaste, tambien tenia ese problema
duda o me podrias ayudar, cuando agrando la pagina los textos se ensiman con las imagenes o videos, lo cual no se como solucionarlo, ya que se ve muy mal cuando lo agrando, cuando es pequeño no tengo problema. tengo un main de 2000 y al hacerlo grande pasa lo ke te mensione. grax de antemano y excelentes videos
Hola Moisés, quería preguntar algo. ¿Qué diferencia hay entre "class" e "id" dentro de una etiqueta? Lo digo porque he cambiado estos dos parámetros y el CSS aplica el mismo estilo.
Muchas gracias.
EDITO: he buscado la definición por Google en dos o tres sitios distintos y ninguno me lo aclara, no termino de comprenderlo, por eso pregunto, jejeje. Un saludo.
Muy buenas Jose de Haro. He realizado 3 nuevas entregas de HTML y CSS. En la última lo explico, diferencia entre ID y CLASS, básicamente.
ID: solo lo puedes usar una vez, sería como un DNI.
CLASS: puede haber varios objetos que utilicen la misma clase, como una clase de alumnos.
que editor de texto usa?
como se llama en donde esta haciendo los cogidos htm y css ??
Brackets, es un editor de código muy sencillo de utilizar, pero puedes usar cualquiera.
toma toma
Chico Trap, te reto a componer una canción sobre educación o adolescencia en los institutos, si está currado te propongo hacer videoclip y darle promoción. Aceptas?
Vuelvo al vídeo para preguntar de nuevo. Cuando estás añadiendo la primera imagen centrada, añades estas dos líneas de código:
img{
transition: all 0.5s ease;
}
img:hover{
transform: scale(0.9);
}
Yo he intentado meter la propiedad "transition" en la segunda línea y el efecto desaparece. ¿Por qué? Si ambos efectos suceden cuando pasas el cursor por encima de la foto, no debería haber problema.
Claro, no puedes quitar la línea de transition. Esa propiedad va dirigida a la imagen en general. Y la segunda propiedad img:hover es únicamente para cuando pones el ratón encima.
frMoisesfr como se llama la cancion de fondo??? :)
oye amigo una pregunta tu crees que se puede hacer todo eso solo en html sin el css??? o uno se complementan con el otro??
Hola, gracias por tus comentarios. HTML y CSS son super complementarios. Son necesarios el uno para el otro. Antiguamente se escribían los dos juntos en el fichero HTML pero hoy en día se suele hacer un énfasis destacado y distinto entre los dos, por eficiencia y mejor programación.
@@frMoisesfr muchas gracias eres el mejor XD
usas algun programa para hacer los codigos?
En el vídeo estoy usando el programa Brackets, aunque puedes usar cualquier editor de programación o de texto.
@@frMoisesfr hola, como se llama la cancion de fondo??? :) me gusta
Cuando pongo en mi carpeta css img para editar todas las img no funciona ningun codigo todo sigue igual, lo mismo pasa con body nada cambia si lo pongo desde mi css solo si lo hago desde mi carpeta html, pero para editar los h1 y lo p si funciona el css, alguien ayudeme por favor o no podre continuar el curso
no entiendo porque hace como 5 meses segui tus pasos y me funciono perfecto y ahora que volvio porque no me acorde algunos codigo miro el video y no me funciona lo peor es que miro muy bien si me equivoco en alguna parte o algo y no es asi , solo necesito que la imagen de fondo quede bien en la pagina pero desaparece al poner el center center
TeKno pone el código que escribiste
Hola Moises, justo en este video me ha dejado de funcionar Brackets, lo cual me fastidia bastante. He reinstalado y vuelto a instalar pero la cosa sigue igual. ¿Sabes de donde puede venir esto? ¿alguna herramienta alternativa? la versión es la 1.14.2
He borrado la caché de brackets siguiendo las indicaciones de la página de soporte y sigue igual. En otro ordenador si funciona, aparentemente con la misma versión de windows (la 10) y un Java reciente. He intentado arrancarlo también desde la línea de comandos y nada. Antes funcionaba bien en el mismo ordenador.
Solucionado, era una utilidad de Samsung que había instalado y que producía esta inesperado efecto. Para el que le pueda pasar es "Easy Settings box".
Alquien me podría ayudar a como hacer que una imaguen este en gris y que al pasar el punterl recupere su color original
Puedes jugar con la propierdad :hover y en CSS cambiar la propiedad background.
alguien sabe como colocar texto al pie de cada imagen maoviedoc@gmail.com, gracias
no recomiendo hacer esto con el body lol
nos puede compartir porqué porfavor, me interesa saber
@@aleeli1129 a la hora de hacer una página Bro , fíjate que tú quisieras que en los viewport no se viera siempre el mismo fondo , obviamente es una clase y el está explicando muy bien y de hecho me encanta su canal , pero a la hora de poner background yo en lo.personal recomendaría ponerlo por secciones , no directamente al boddy , ya que abarcará todo
Viejo no me da esa mierda