Diseñando una web responsive desde 0 (sin plugins ni framewoks), HTML y CSS - 1ra parte
HTML-код
- Опубликовано: 9 авг 2015
- Curso completo de un sitio web desde cero
• 1. Curso: Sitio web de...
Segunda parte: • Diseñando una web resp...
Tutorial actualizado: • Diseñando una página w...
Sitio web desde cero completo actualizado:
• 1. Curso: Sitio web de...
Síguenos en facebook:
/ jygproyectosweb
Únete a nuestro grupo:
/ 1639298496227219
Síguenos en Twitter:
/ jygproyectosweb
Nuestro sitio oficial:
Apóyanos con un me gusta y compartiendo este video, muchas gracias a todos :)
5 años despues y esto sigue siendo una joyita.
Gracias por compartir y hacer llegar parte de una gran información a todos!
Sería genial que hagas un curso gratuito de Html, Css y JavaS!!
6 jajajaa
cierto
@@miguelangelillanesmamani8837 7
28/01/2020, tu aporte a la comunidad es muy valorable, te lo agradezco mucho
Hace 3 años y medio apróximadamente RUclips me recomendó este video, estaba comenzando en el mundo del desarrollo web. Gracias a ti y a otros tutores actualmente me dedico a esto al 100%.
wow amigo te felicito
Felicitaciones
Que bueno!! que otros tutoriales usaste?
Cuanto tiempo duraste en aprender, amigo y que tecnologias necesitaste ?
Yo levo 3 meses ya se html y css y se responsive desing, pero lo ando mejorando, voy en js y aprendiendo bootstrap para luego sass y tengo ganas tambien de tailwind
Me estás salvando la vida jajajaja XD pese que han pasado 5 años son muy utiles tus videos :0
gracias amigo!! gracias por compartir tus conocimientos. Desde hoy seguiré tu canal.
me encanta como explicas de manera muy franca, haces que paresca sencillo.
Lo es.
Excelente Campeón, eres una gran persona compartiendo tus conocimientos con quienes están recién adentrándose al mundo del diseño web.
Explicas súper bien, de todos los videos que he visto sobre sitios web responsives este ha sido sin dudas y por lejos el mejor, felicitaciones por tus videos.
Saludos desde Venezuela.
Ojala te este yendo super bien en la vida, porque éste es alto curso y tu eres alto profe :')
broeer excelente video ... muy bien felicitaciones ... soy estudiante de ing de sistemas y estoy estudiando el hacer pags web y tu video me hay servido de mucho ... sigue sacando mas videos de responsive, js, bootstrap, jquery, etc
ya me susbcribi, le di like y ahora lo comparte, muchas gracias por el aporte
Gracias profe!!!!! estos son los maestros que necesitamos, que den su conocimiento con ganas...con amor.
Curso completo de un sitio web desde cero:
ruclips.net/video/YwlCm641PrQ/видео.html&ab_channel=J%26GProyectosWeb
Tutorial actualizado: ruclips.net/video/RgSWh5jIx2A/видео.html&ab_channel=J%26GProyectosWeb
Siempre se puede aprender mucho viendo como hacen las cosas los que saben, Gracias =D
Como vas?
buen video!..una consulta...puedo obviar la section id="blog" ? y trabajarlo normal?
EH grande que hacias aqui? xdd
que ases aqui :0?
xD
Xd🤑😎👌🏾👊🤬
Recuerdo que este canal y en específico este y las demás partes de este video me ayudaron mucho con mi clase de programación y diseño web en el colegio, lastimosamente ahora en la universidad estudio Administración De Aduanas Y me da nostalgia al recordar que hice todo lo que esta haciendo el en este video.
Saludos JeanCarlos 😄
No sé porque perdí este canal de mi suscripciones. Vengo a darte las gracias porque me salvaste la vida muchas veces. Tu trabajo es valioso. Espero el canal siga activo.
Súper bien explicado..Muchas Gracias!!
+Rossycreative Gracias
J&G Proyectos Web amigo se puede hacer con notepad++ y como guardaría mis páginas como Html oh CSS?
quiero hacer una página de ventas.
con extencion .html
@@Jygproyectosweb como agrego la estrella en css no entendí
Eres un máster, me ayudaste muchísimo.
Un nuevo suscriptor.
Excelente vídeo, saludos desde México.
Eres una maquina , aprendo más con tus videos que con 1 año de clase.
Nojoda pasan los años, pero siempre retomo tus tutoriales, son los mejores explicados, gracias!
Es un increíble Tutorial
Muy bien explicado
Muchas gracias
Ya tienes un subscritor mas
✌
GENIOOOO!.
Gracias por existir y compartir el conocimiento. (Y).
Jajaja amigo, mis respetos. Que buen profesional eres! Sin trampas ni códigos medio explicados como lo hacen muchos en RUclips. Felicitaciones
Mejor que todas mis clases en línea. Mucho éxito amigo, todo esta muy claro en tu canal.
no encuentra justify-content
que hago?
Error: ""Unknown property justify-content
de calidad espero que subas uno con php que es curso que recien estoy llevando muchas vibras sigue asi me motivas para poder aprender mas :)
Me puerde ayunda
Hola. Este es el segundo video tutorial que veo hecho por ti. Hermano un abrazo y mil mil gracias desde Colombia!!
durante varios meses había estado buscando tutoriales claros , y pensé que no los había. AMIGO eres un PRO! SUPER SAYAYIN BLUE! JEJE un abrazo desde Colombia. muchas gracias
genial sou brasileiro e estou assistindo os seus vídeos, estou gostando muito dos seus tuturiais
Uno de los que mejor enseña no entiendo por que tiene 6 dislikes..gente loca..
2021 y tu contenido sigue siendo oro puro.
Este tipo es un jodido crack, lo hace ver tan facil y es tan practico, 10 de 10
Una duda, en la parte del header Kreaktiva No toma como valor la fuente asignada y tampoco separa el icono del texto, ya intente ponerle la family-font directamente al h1 y en el css y no lo toma, que pudiera ser?
Si no respondió en 4 años por algo debe ser, se que ya habrás resuelto tu problema pero igual te dejo un link de alguien que si responde a cualquier duda. ruclips.net/video/CGV9CuIUtwk/видео.html&ab_channel=KikoPalomares
Tengo todo el código bien y me salen todos lo iconos, pero al darle click no me aparece el menú desplegable help me por favor
yo tambien tengo ese problema
ni a mi :( ya lo volví a hacer todo y nada
Es que seguramente los tienes dentro de un div y lo que tienes que hacer es color el input y seguidamente el label, ojo que el input con el id por ejemplo "menu-bar" entonces el label lo tiene que llevar en el for="menu-bar".
Amigo, he buscado claridad en muchos aspectos de desarrollo web y acá encuentro mucha ayuda. Mil gracias por el tiempo
Caballero, usted es una verraquera de profesor; excelentes tutoriales; me salvó la patria con estos 2 en particular. Ya me suscribí a su canal. Mil gracias, saludos desde Colombia.
podrías hacer como se haría una web tipo tienda online , que haga compras , que agregué cosas al carrito , que eliminé cosas que no quiera del carrito ....etc. con html y CSS por favor
En serio? 🤨
@@gianfrancogerman8889 que?
para eso necesitas javascript
No solo javascript, necesitas aprender php y mysql para guardar la info en base de datos
Tambien ajax para que no se recargue la pagina cuando agrege al carrito y los mensajes de notificaciones
tengo un problemaa , no sé porque no se me desplaza el menu vertical de la izquierda , hago click y no me sale nada :'c
a mi tampoco me funciona :c
que tal compañero resolviste ese problema ? me tope con lo mismo
hola ale rc, solo asegurate que las etiqueta nav donde va l menu, esten dentro de las etiquetas div
My Pets
Inicio
Mascotas
Blog
Contacto
me encontré con el mismo detallle X)
bueno revisaré el tutorial específico para este tema
tal vez te falta esta dirección. oh sino
este código en el menu.css
#menu-bar:checked ~ .menu{
transform: translateX(0%);
}
espero que te sirva
Hace 6 años comencé mi carrera y sin saber que era lo que quería, que rama de la programación me gustaba más y sin tener alguien que me pudiera guiar, llegué a este video aprox a las 11 de la noche y después de ese momento todo cambió, hoy 6 años después, soy ingeniero en sistemas, con más de 4 años de experiencia, definitivamente el desarollo web y móvil era lo que quería y este video me ayudó muchísimo, gran maestro te agradezco por ese rato que sacaste para grabar este video que me ayudó mucho, también grabo videos esperando poder orientar a todos aquellos que deseen aprender! Saludos desde Costa Rica!
genial, gracias. He buscado tanto y tu agrupas todos los temas necesarios, apuntando al resultado que es la pagina web. De verdad, qué capacidad de enseñar tienes. Te felicito.
Los Iconos del perrito ni del menú a mi no se me muestra y lo ago todobien no me falta nada que puede ser ?? un saludo
+Melania Ro Es un problema de las rutas del archivo css. En vez de llamarlo desde el index, llamas el archivo fontello.css desde estilo.css, poniendo al principio @import url(fontello.css);
y problema resuelto, si haz puesto el codigo tal cual el video indica, te aparecerán los iconos.
Saludos
Hola juan tengo el mismo problema como puedo solucionarlo, soy principiante en esto
CHRISTIAN Huapaya maylle En el video se muestra que llaman al archivo fontello.css desde el head del index. En vez de llamaro del head, llamas al archivo desde estilo.css.
Espero lo hallas solucionado, pero si aun no lo solucionas, al momento de descomprimir el archivo rar, copia las carpetas font y css completas, y pegalas en el mismo sitio donde tienes tu archivo index.html, a mi me funciono, saludos
yo tampoco puede Juan Cruz explicate mejor soy nuevo en esto
No mames como sabes tanto!
Jajajajjaja
esta gordito de conocimiento
Es cosa de práctica c:
ni en pedo man - lo lee de algun lado - ni en pedo tiras todo el code sin un solo error .
+Cyb3r Sh0ck Cuando dominas bien el lenguaje es como hablar tu idioma. Si no hay errores es porque antes de hacer el vídeo hay cierta preparación.
Muy buena tu explicación. He visto montones de tutoriales de informática y la verdad es que el tuyo es genial. Enhorabuena. Sigue así. Veré más vídeos tuyos.
7 años después y esto sigue siendo una joyita.
Realmente, eres una persona excelente, todo muy, pero muy bien explicado y entendible, con un tono de voz y léxico muy buen. Me has ayudado mucho, realmente muchas gracias.
Felicitaciones por el curso, muy buena la explicación con todos los detalles. Cursos gratis como este con tanta explicación no se ven muy seguido.
Saludos
Muchas gracias, tremendo aporte, recien me inicio en esto del diseño y programación web, he visto varios videos en cuanto a las bases de html 5 y al ver esto me doy cuenta de cuanto conocimiento me falta
Excelente!!! Un genio Jean Carlo, un abrazo desde Argentina!!!
es el ABC del estudio de diseño web ñ.ñ, gracias por existir J&G hemos aprendido tanto de ti, agradecido de por vida.
Realmente muy bueno, muy buena la explicación, clara, concisa y directo al objetivo. Por sobre todo se explica como hacer un diseño responsivo sin usar ningún frame
E aprendido más contigo que los 5 años de universidad gracias :-)
Que estupendo tutorial, pocas veces he visto uno tan claro, y eso que yo no sé nada de webs ni programación, pero contigo lo entiendo bien. Saludos!
Hey parcero que bacano!! muy bien explicado, me sirvió mucho el tutorial y los otros que tienes en tu canal también son muy buenos, de verdad que nos ahorras mucho dinero y tiempo, muchos éxitos !!! saludos desde Bogotá Colombia!!
Realmente útil, incluso sin tener muchas nociones acerca del programa, ¡muchas gracias!
Maestro! LIKE y suscrito! Saludos desde México hermano sudamericano, me alegraste el día.... Viva America Latina Libre! 💜💜💜🌎
Muy didáctico... Simplemente "EXCELENTE"!!!
Explicas bastante bien, con calma y detallado, muchas gracias, excelente vídeo!
Eres un maestro, he aprendido full.... Me cuesta aprender de manera rápida porque tengo poco tiempo para practicar, pero veo lo difícil, fácil contigo...
Excelente tutorial explicativo de la creacion de pagina web, sus aportes son de gran beneficio y bien recibidos para los que queremos aprender, gracias de antemano y esperamos que siga este canal para seguir aprendiendo de Ud..desde Venezuela Gracias...!
Excelente video y guía para los que estamos empezando en el mundo de la programación Web!
muchas gracias!
Mil gracias! Q bonito encontrarse con videos de calidad y explicativos como este, muchos éxitos!
Genial!! La mejor clase de CSS que he recibido hasta el momento
habia perdido mi web, de tu tuto, dos años despues te encuentro, habia perdido todo por un ramsonware, me suscribi, ahora avanzando en la ruta frontend, eras una de las primeras inspiraciones, saludos cordiales!
Todo tu vídeo es una maravilla, me acabas de salvar la vida.
Eres excelente amigo, acabas de ganarte un nuevo suscriptor.
Muchas gracias, esperaba mucho un tutorial como este, me dejo sorprendido por que es parecido a lo que se puede lograr con bootstrap y no creia que fuera facil lograr el mismo efecto
Muchisimas gracias maestro, me funciona perfectamente el menu..... en la pagina no lo veia, pero cuando se me ocurrio visualizador en el explorador funciona perfectamente. Muchisimas gracias por compartir tus conocimientos. Mire muchas paginas durante mucho tiempo, y tus explicaciones y tus videos, los mejores. Seguro que consiguiras milloes de suscriptores. Yo ya soy una.
Sos muy didáctico, sos unos de los mejores de la web..!
Muchísimas gracias y lo más cool es que subes el código.. SOS lo maximo.
NO ME QUEDA NADA MAS QUE DECIRTE QUE ERES UN MAESTRO DE PROGRAMACION TENGO SUERTE POR VER TU VIDEO JUSTO NECESITABA ESTO GRACIAS SIGUE ADELANTE
Muy buen vídeo, bien explicado. Gracias por compartir tu conocimiento! nos ayuda a todos los que queremos iniciar en la programación web responsive! Saludos desde Venezuela!
amigo te felicito todo muy bien explicado, gracias por compartir tus conocimientos no sabes cuanto he aprendido con tus videos que Dios te bendiga. gracias
Brother muchas gracias gran tuto , bien explicado sustancial y efectivo no cambies tu método de enseñanza
Héroe sin capa, gracias me salvaste la vida
Excelente vídeo profesor, la explicación muy buena y el desarrollo de sus vídeos bastante claros, ¡gracias!
excelente. buen aporte para principiantes. facil, bien explicado y amigable tu sistema.... saludos... te seguire!
Muy agradecido Jeancarlos, muy claro y al grano, exitos
Gran profesor. Gracias por tomar de tu tiempo para crear estos grandiosos tutoriales
muchas gracias por instruir como lo haces no tiene precio lo que has hecho!!! simplemente muchas gracias!!
J&G Proyectos Web Muchas gracias por tu aporte, ha sido de muchisima ayuda
no me deja usar la vista previa que hago 8( que habra un archivo en html ya lo abri si mi index es ese tipo de arichos y me sigue dando error ayuda que hago
click derecho e inspeccionar para que te deje ver vista previa o ver codigo fuente
te felicito!! SOS UN GRAN MAESTRO. Muy claro y profesional. Gracias!
Carlos excelente tutorial, bastante practico y detallado a la vez, sigue así, muchos éxitos, ya te estaré haciendo algunas.
Gracias tus tutoriales son bien didácticos, deberían haber docentes como Tu.
Excelentes tutoriales, realmente muy didácticos y útiles. Un cordial saludo
Gracias! no sabes lo que me ha ayudado ese "box-sizing"!!
Muchas gracias por tu video, hoy 30 de marzo del 2022 lo estoy viendo y me ayudo mucho lo bien que explicaste todo, me ayudaste a entender muy bien la lógica para programarlo, eres un grande.
Gracias a ti estoy logrando hacer parte de mi trabajo de grado!!! muchas gracias por compartir tus conocimientos! Saludos desde Colombia. Muchos exitos para ti ^^
Me encanta como enseñas. Muchas gracias por compartir tu conocimiento. Ahora intentaré llevar a la práctica esto que enseñaste. Gracias!
Que buen curso, aprendi un monton, espero puedas seguir subiendo muchos mas..... Saludos
Excelente explicación, le agradezco mucho por compartir este tipo de contenidos, me sirvió mucho
wow que maravilla de vídeo! tanto que eh andado batallando y me encantó la verdad la manera en la que transmites el video, suscrito y esperando más material, muchas gracias por el tiempo
Exceleenteee no sabes cuanto te agradezco, excelente pedagogia, MIL GRACIAS!!
Tus consejos valen oro, muchísimas gracias por subir vídeos como este:'3 NUEVO SUSCRIPTOR!
jamas habia visto un tutoria tan bien explicado eres todo un crack
Excelentes tutoriales he aprendido bastante. Saludos desde Colombia
Recién lo pude hacer... y sin dudas es un vídeo excelente... muchas gracias por tu paciencia, experiencias y buena onda capo... saludos desde Argentina seas de donde seas....
Gracias amigo!!, muy buen vídeo exponiendo una programación web muy ordenada!!...
me ayudaste mucho en un par de minutos... saludos desde Chile!!
Muchas gracias, muy bien explicado, fácil, bonito excelente!!
Felicidades, muy buen vídeo, muy bien explicado, me ha servido muchísimo!
Eres un buen tutor ;) explicas bien, y no se te escapan detalles pequeños que importan.