Cómo Crear una Página Web COMPLETA con HTML y CSS desde cero | No Frameworks Full Responsive
ฝัง
- เผยแพร่เมื่อ 6 ก.ค. 2024
- Armamos una página web completa desde cero usando solo HTML y CSS. Es una página moderna y completa que puede ser adaptada a la temática que más les guste. El diseño y el maquetado es completamente adaptable a dispositivos móviles (mobile-friendly). Condición obligatoria para desarrollar páginas web estos dias.
Repositorio de GitHub con todo el código:
github.com/choidavid4/pagina-...
Si estas muy perdido/a, te recomiendo ver estos videos:
Aprende HTML y CSS en 36 minutos:
• Curso Básico de HTML5 ...
Tutorial de display flex:
• Cómo Centrar tus Eleme...
-----------------------------------------------------------------------------------------------------------
Unite al server de DISCORD:
/ discord
-----------------------------------------------------------------------------------------------------------
Seguime en las redes!
GitHub: github.com/choidavid4
TikTok: www.tiktok.com/@deivchoi?lang=es
Instagram: / deivchoi
-----------------------------------------------------------------------------------------------------------
Otros videos que te pueden interesar:
Programación básica desde cero:
• Tutorial de Programaci...
6 Meses de Programación. Lo que aprendí:
• 6 MESES de Programació...
Tutorial completo de HTML y CSS:
• Curso Básico de HTML5 ...
Cómo es Estudiar Ingeniería Informática en Argentina:
• Como es Estudiar Ingen...
-----------------------------------------------------------------------------------------------------------
Secciones del video:
00:00 Qué vamos a estar armando?
01:58 Preparando el entorno
03:15 La importancia del diseño
04:33 Maquetado HTML
19:13 Estilos Generales de los Elementos
27:33 Estilizado CSS Mobile
57:20 Estilizado CSS Escritorio
![[안방1열 풀캠4K] 베이비몬스터 'FOREVER' (BABYMONSTER FullCam)│@SBS Inkigayo 240707](http://i.ytimg.com/vi/_2HL-ogzzBU/mqdefault.jpg)
Excelente video, en la práctica conforme vas explicando o desarrollando las diferentes partes de la pagina dejas en claro conceptos que pueden ser enredados y los explicas muy bien, con mucha sencillez, sin duda más videos como estos..... desde hace mucho he querido hacer paginas web y este video me ha devuelto el ánimo y se disfruta mucho y lo transmites.... he visto otros videos sobre como hacer un sitio web y dan tedio pero esta se me paso el tiempo muy rápido y ameno.... Esta página se ve muy pro...
Gracias por tus palabras Juan Carlos! Me alegro mucho que te haya gustado!!!
@@deivchoi bro, y si en vez de una imagen estática como hero quiero poner un carrusel de imágenes como hago?
@@gabrielsotto9529 eso me imagino que se hace con animaciones
@@gabrielsotto9529 con framework
Jajaja x2, he visto gente que mete Div a lo pendejo y yo quedó 🤡🤡
Acabo de terminar en curso y de probar mi página tanto en la pc como en mi móvil y no me queda más que agradecer por tan increíble trabajo. Gente como usted incentiva a no temerle a la tecnología. Una vez más gracias por compartir sus conocimientos.
P.D.: Si por algún motivo el MediaQuery no les funciona podría ser por que no tiene el ViewPort en el Head del html . . . lo comento porque me pasó y quizá a alguien le sirva esta info.
Cómo hiciste para que en el celular te aparezca las imágenes
Te agradezco de corazón el increíble video que aportaste,EXCELENTE!!!. Estaria bueno que enseñes diferentes modelos de pagina, porque como lo explicas se comprende muchisimo mejor.
Apenas estoy comenzando a ver vídeo cursos de HTML y CCS. Tus vídeos tocando ciertos temas son excelentes, muy claros, bastante resueltos para cubrir cualquier duda q pueda tener quien apenas se inicia. Viendo este vídeo me resulta abrumador tener el dominio q muestras sobre la sintaxis, conocer todas etiquetas atributos y valores casi de memoria, imagino que tanta práctica hace q uno se maneje con tal fluidez. Por ahora miro el vídeo y me parece 🤯🤯
Terminé mi primera página! Grande Deivchoi, aprendo más con estos videos que en los cursos y facultad, me saca todas las dudas.
Tremendo video amigoo! Mas que agradecidooo. A medida que iba viendo tu video, pausaba e iba aplicando en mi propia pagina. Estoy super contento con el resultado y también con el conocimiento adquirido. GRACIAS, super motivador ver resultados tan instantáneos, en un mundo totalmente nuevo para muchos. Segui asi papaaa!
Recién descubrí tu página amigo explicas todo muy bien y fácil de entender! Gracias y seguí así...saludos
no puedo creer lo linda que quedo mi primera pagina web gracias a tu video, sos muy crack explicando, segui asi!!
estoy a mitad de video en la parte del gradiente del fondo y estoy aprendiendo bastante y viendo que las ideas que tengo en mi mente no son tan complejas de plasmarlas como creía. Gracias por este tutorial, bendiciones.
He visto muchos tutoriales de html y css, pero la mayoría no explican con claridad o dejan cosas sin mencionar o son aburridos o poco prácticos. Felicidades por que me ha resultado en verdad útil seguir este tutorial.
Es un video excelente para quienes iniciamos en este mundillo de la programación Web, nos permite con una simple plantilla, ver los conceptos mas básicos y poder comenzar a editarlos a piaccere.
Sigue asi! Nos das una gran ayuda.
allora figa, quindi parliamo l´italiano? mi piaccerebbe
Hola bro, ya hace unas semanas ando aprendiendo sobre html y css, enserio muchisimas gracias, gracias a ti pude aprender css y flexbox de una manera muy facil y con una explicación muy entendible, hoy hare esta practica, espero sigas enseñando todo lo que sabes. Saludos Te Mereces Más Subs bro.
Hermano, que buen video! Hoy acabo de terminarlo. Es la primera pagina que hago y los conceptos no me pudieron quedar mas claros. Sigue asi bro. Congrats!
Bien ahiiii!! A verla
اغبولب
@@deivchoi año😄😄😄😃🤞🏽🤜🏽🤜🏽🤜🏽🫦🧣⛑⛑👖👛👛👡👜👜👜🧢
Acabo de terminar mi primer página web y quedó hermosa gracias a vos, muchísimas gracias
Tantos videos de practica para HTML Y CSS básico en youtbube que no te explican conforme van armando una pagina y aparece este chabon tirando magia, explicando paso a paso etiquetas, dando consejos y atajos de Visual. hoy son las 2:10 Am me la pase toda la tarde perdido en una nube pensando que carajos hacer, como practicar para entregar un proyecto a la facultad la cual no enseñan muy bien y ahora con esto ya voy mas encaminado. Gracias genio por compartir tus conocimientos y por esa paciencia.
Los vídeos de este chico me motivan mucho a aprender. Muchas gracias de verdad!
Excelente video, use tu video para hacer mi trabajo y gracias a ti conseguí mi titulación, muchísimas gracias de verdad hermano, gracias por explicar a cada detalle👍
Gracias! Se me presentó la posibilidad de desarrollar el boceto de una startup y no tenía nada de portafolio para mostrar y tu video me salvó la vida jajaja. Te debo una
Pibe, eres mi idolo, gracias a tus videos he comprendido mucho de programacion y con este tutorial pase mi materia de programacion en la uni.
Eres grande Deiv, abrazo desde México (Y)
Tus videos motivan aquellos que queremos iniciarnos en el mundo de la programación web. Lo haces tan fácil y claro que me motiva a seguir estudiando y aprendiendo. Muchas gracias.
Cómo vas?
No había encontrado un TH-camrs como tu hermano mucha gracias tus videos son lo mejores!!
Hermoso video! Muy bien explicado, tu voz se escucha perfectamente! MUCHAS GRACIAS, 😘
Super bueno el contenido, lo haces parecer muy simple y a la vez está bien concentrado, muchas ideas y consejos se pueden rescatar. Muchísimas gracias!!
Muchas gracias genio por el tiempo, la paciencia, todo! Te quedó excelente el "tutorial" muy agradecido, está muy bien explicado, muy bien redactado, por partes, se aprendió un montón, me encantó!
Hace una semana veo tus videos realmente gracias, son muy efectivos tu explicación es clara y versátil.
me salvaste la vida con una practica que tenia que entregas y no sabia como empezarla, lo explicaste todo muy bien y puede hacer una pagina completa enlazada a otras paginas siguiendo tu modelo y la verdad que me ha queado mucho mejor de lo que me esperaba.
Excelente trabajo. Sin dudas la mejor forma de aprender es haciendo paginas, asi de una, mientras vas aprendiendo vas interactuando con cada paso.
Con el metodo de leer concepto por concepto y haciendo ejemplos sueltos te re dormis, sentis que no aprendes nada y te desmotivas por no ver plasmado algo interesante.
Tu canal es muy bueno bro, en serio digo. Si me estoy durmiendo viendo otro tutos de programacion me pongo aver uno de los tuyos para desperarme.
la cosa es no perder las ganas de seguir 😁😁😜😜
No tengo dudas de este comentario
y q onda hermano
después de un año como te va con este tema de la programación ?
No alcanzas las palabras para decir lo bueno que esta tu video asique solo voy a decir Muchas Gracias. Eres grande.
Che me gusta tu forma de explicar, y esto de empezar en Mobile antes que desktop me está agradando y lo voy a aplicar en próximos proyectos. Gracias!
Estuve deambulando por internet ,hasta que te encontre , y admiro tu contenico deivchoi , solo agradecer que con esto ayudas a muchos :D
foa me re sirvio para entender varias cosas, mientras ibas codeando ibas explicando es genial. mas de esto por favor!
Muy buenos aportes y más para quienes estamos comenzando. Gracias Deivchoi
saludos desde Colombia
Por favor más vídeos así necesito aprender @media que me a dado duro entender y responsive más vídeos así con proyectos para ir aprendiendo. 👍
Gracias
Muy buen trabajo , de verdad , muchos tutoriales pero tu los haces de una forma muy limpia y entretenida . Literal aprendo mas contigo que con la incompetente de mi profesora que parece que le han regalado el titulo en la tómbola. Muchas gracias!
ESTE MEN ES INCREÍBLE! COMO ES QUE ALGUIEN COMO VOS NO TIENE MAS 10M DE SUPCRITORES!
Un capo Deiv la verdad súper claro y eso que va a 200 km/h.. un lujo el contenido
Muchas gracias hermano, este video me ha servido para aprender mas sobre html y css, estoy muy contento con los resultados, ahora toca llevarlo a la practica propia, un saludo
Explicas tan bien que es el mejor video que he visto!! ya tienes un suscriptor más.. Muuuuuuuchas Graaaaacias!!!!!
Primer video que veo completo de como crar una web desde cero y tu metodo de enseñansa obliga al espectador a quedarse todo el video ;D
Más videos como este please, y ver más funcionalidades si es posible.. es entretenido como explicas y se entiende perfect... se me paso volando la hora y + y entendí todo.. saludos
Gracias por el comment Rodriii. Sii estoy considerando hacer mas tutoriales pq todos me estan diciendo que les gustan jajajja
Te amo David. sos el numero uno. Lo mejor que le paso al internet en toda su magnifica historia.
me encanta como explica y me quedo hermosa la pagina gracias, explica mejor que mi profesor lo felicito, gracias a usted podre hacer mejor mis paginas web
excelente manera de explicar, entendí todo lo que necesitaba a la primera pero igual vi el video muchas veces porque tu voz es hermosa jsajs gracias por tanto
Excelente explciación! No entendía este tema y ahora lo tengo mucho más claro! Gracias!!!
Increíble, preste atención desde inicio a fin. Muy buen video, vas directo al punto y lo explicas excelente.
Ahora sé, que pase por alto algunas propiedades de CSS. Además, me ayudará para un tp que debo entregar. Gracias!!! 🤝❤👋👩🏻💻
No sabes como estoy de agradecido contigo, gracias que buen video!!
siempre le tuve miedo a programar viendo tanto codigo pero aca lo explicas muy bien y de apoco espero ir naturalizando los conceptos que nombras y lograr tener mis propios proyectos muy buen video dejo mi like y espero sigas creciendo
Gracias por enseñarme como abrir el visual desde una carpeta. Tome su like buen hombre ❤
Muchas Gracias por el video , me sirvió de mucho ya que soy estudiante de programación y me hace un poco complicado aprender , pero estaré mejorando con tus videos .
El Messi de la programación! Genial el contenido!
Sos increible! Encontré todo en un solo lugar!! muchas gracias por compartirlo!!! Tu vídeo es excelente!
Ya cuando llegue de trabajar me voy a poner hacerlo..ya empecé con tu primer video y le tenía un poco de miedo pero me salió así que a seguir a no temerle a la tecnología si te gusta hazlo yo estoy prueba y error me equivoco aún pero no me rindo gra ias David por compartir con nosotros tus conocimientos
gracias deivchoi por contribuir de esta forma, mejor que lo que dan en la uni, increible mano, Dios te bendiga brother
señor chino que habla argentino muchas gracias. He aprendido muchisimo. Intentaré adaptar lo que has hecho en mi proyecto
Gracias, por fin terminé mi primera página, tengo bastante que aprender todavía pero esto me sirvió mucho. Gracias totales.-
me encanta la manera sencilla en q lo explicas, me ayudó muchisimo a mejorar las herramientas de otro curso q estoy haciendo, mil gracias!💪💪
Fenomeno crack videazo!!
Gracias por compartir tus conocimientos. Se agradece una manera tan clara y didáctica de enseñar. Con personas que enseñan como tu uno e motiva a seguir aprendiendo.
tu video está posicionado, ya le di like para posicionarlo aún más, muy buen bieo aprendí muchísimo, yo también quisiera ser desarrollador web responsivo.
Saludos desde Bolivia.
Excelente explicación, gracias por brindar tus conocimientos. Y se agradece de corazón.
gracias amigo, aprendi mucho con tus conocimientos, enserio muchísimas gracias, esperamos mas de tus videos porfavor.
Increíble Profesor! Muy bueno! Gracias. Seguí explicando así de claro. :)
Buenisimo el video!! Me gusto que vayas corrigiendo en el momento las cosas!! Muchas gracias!
Muchas gracias, excelente tutorial, me ha gustado mucho el proyecto, sus estilos y colores, además de que es responsive.
Aprendí mucho . Gracias... OJALA HAGAS UNO DE PYTHON!!!!!!!!!!!!!!!!!!!!!!!!!!!!! QUIEN DICE QUE SI
Siuuu
mas bien loquita
SIII!!!...
Suiuuuuiuiu
Salute
Amigo excelente, muy bien explicado. Tengo una pregunta:
Me gustaría saber porque no usaste en el no usaste un con sus ? Solo eso quiero saber gracias de antemano y ya te estoy siguiendo.
Excelente video, mucho talento para crear y para enseñar. Gracias !
te felicito, es un placer ver tus videos, super claro !
explicas rapido xd pero se entiende y esos tips de tipeo te re ayudan, que genio papa! un abrazo!
Sos un makina gracias por tu semejante aporte crack❤!!! Vamos por mas videos asi makina. Pta: te veo hace mucho y pareces a glen de the walking dead 😂❤
gracias, logre medio entender unos conceptos que me tenian partiendo la cabeza y que como autodidacta, no me la iba a encontrar dentro de un buen tiempo
Te ganaste un nuevo subscriptor brother sigue así ❤️
Alto video amigo, te quedo excelente la pagina
exelente video la verdad una orientacion a como empezar increible lo diste ahora se como empezar a hacer como moverme muchas gracias capo te agradezco tus 1hora explicando gracias
Excelente, me ayudo mucho en un proyecto ya qué tenia dificultad manejando el zoom
Excelente aporte al conocimiento! Saludos desde Limón, Costa Rica!
Gracias pibee! Excelente video! Abrazo
Grooooooooooooooooosoooooo. Gracias!!! saludos desde Chaco.
Lo que mas aprendi en este video fueron los atajos de teclado jajaja, una maravilla lo que te ahorra en tiempo!!
Gracias .. Gracias , no sabes como me ha servido este video....Excelente video hermano..
Muchas gracias!! No me quedo igual pero aprendí un montón. Gracias 😌
Explicas de maravilla Choi! Actualmente estoy programando desde celular ya que no cuento con una pc, pero de todas maneras puedo aplicar lo aprendido por este medio ;)
Desde el celular? Como lo haces? Como se llama la ap?
@@tobi346-n2l spck editor
Excelente tu explicacion clara y sencilla. Te felicito!!!
Quisiera preguntarte si no puedes hacer un videoexplicando estos conceptos que has utilizado. Yo ya realize el curso de HTML y algo del de CSS
Estaba esperando este video, Yei
Sos el 1 explicando bro.. no se te pianta nada...
Muy bueno explicas genial rapido y preciso. Tienes mas videos haciendo paginas web?
muchísimas gracias hermano, con esta información de ORO puedo sentir que es posible convertirme en desarrolladora web sin el título de Universidad
hola hermano gracias por tu labor, me ayuda continuamente en mi formacion como developer. soy argentino y vivo en colombia y respecto a los sueldos como developers, estos si bien estan buenos, dependen mucho el pais DESDE DONDE TRABAJES por ej al dia de hoy en bogota un developer semi senio o senior ronda los 3500/4000 dolares. como dijiste en la entrevista depende mucho de las necesidades de la empresa pero con la altisima demanda que hay el que hoy en dia programa aunque sea junior es un ROCKSATR!!! SALUDOS !!!!
Te escribí por instagram
Pero no como Gabriel. Soy dcmueblesbogota
Un lujo el video. Gracias!
Gracias por compartir. Queda super moderna :)
Con este video descubrí que mi mayor problema es no saber las funcionalidades de algunos elementos, con la práctica y repaso podré entender la utilización de estos
Cómo vas Bro?
La cabeza me exploto con este video, fue como abrir una caja de Pandora en mi cerebro ❤ gracias master excelente video me aclaraste muchas cosas
Gracias amigo, yo sin saber nada de HTML y CSS logré crear mi primera página y entendí todo muy bien. (solo tenía conocimientos sobre python)
gracias brp eres el mejor de todos
tus videos me motivan aseguir estudiando programacion transmites mucha esperanza
gracias de verdad bro
Sos un crack chavon! sabelo!!! mil gracias.
Tremendo video!!!!
Muy bueno!!!
Muchas gracias por enseñar...
Saludos.-
Increíble loco, sos un groso
Exelente exelente exelnte...dicen que un ejemolo no sirve para explicar..pero si sirve para entender..eh aqui el caso...muchas gracias...ahora si puedo decir aaahhhhhhh...asi que de esto se trata...gracias compañero...muy agradecido de verdad cuan util tus aportes..abrazos...y bueno simplemente gracias
Gracias por los tutoriales, son de gran ayuda, espero vuelvas a crear contenido... PD: es gracioso que cierres los parpados para ver mejor si prácticamente no se te ven los ojos jajaja... Saludos
Gracias!! me gusta que no supones que ya se saben cosas.