como CREAR una PAGINA WEB en HTML y CSS VISUAL STUDIO 🚀

En este tutorial aprenderemos como crear una página web en html y css visual studio
👉 creo páginas web para negocios y estudiantes. Si necesitas una página web efectiva y profesional, contáctame para obtener una cotización sin compromiso. ¡Juntos podemos crear una página web que te ayudará a alcanzar tus objetivos!✅
wa.me/+5215611...
[e-mail]
Imagenes:
drive.google.c...

[@mitchelleivonnemora1446]

GRAAAAAAAACIAS GRAAAAAAAAAACIAS. Lamentablemente mi profesora no tiene la habilidad de enseñar y poca paciencia. Opté por aprender por otros medios, porque lamentablemente con ella no pude. GRAACIAS!

[@divcode7383]

Hola gracias a ti por ver el video que bueno que te ayudo saludos

[@diegofernandez9124]

Te entiendo, en mi caso no solo no hay paciencia, tampoco ganas de enseñar y estoy como vos. Hoy en dia tengo que hacer un proyecto web y tengo que buscar ayuda por este medio sino no se como hacerlo. Ya no se que mas mirar, cuando empiezo a hacer algo bueno aparecen los errores y termino colgando el trabajo. En mi caso, tengo que hacer una pagina web que tenga una barra de navegacion y que seleccionado cada opcion se despliegue una ventana con la informacion correspondiente, despues en el body algunas imagenes y al final un formulario de contacto. Tengo que lograrlo como sea

[@user-yj2np1sb4d]

X3

[@andycosibelle9567]

Me pasa lo mismo, mi profe sabe mucho, pero no enseño nada durante el semestre y lo saqué adelante gracias a los canales de KZbin

[@damy737]

Podrías hacerme una 😢😢😢? Te pago

[@shakirsfranco1795]

Estoy aprendiendo CSS y esto me ha dejado claro de lo basico, muchas gracias.

[@alexproyt0]

en el .header del min 34:53 creo que hay un error o yo lo cometí pero lo solucioné por si no les funciona o la kgan como yo acá el código que me funcionó .header { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/bg.jpg) center bottom no-repeat; background-size: cover; min-height: 70vh; display: flex; align-items: center; }

[@said7022]

Gracias crack!

[@cortesruizjosueabel1513]

Idolo muchas gracias

[@GgAvila]

Oye, sabes de dónde saco la imagen? No entendí bien esa parte.

[@MNSNG_msp]

​@@GgAvilatienes que tenerla descargada en la carpeta q te creaste al inicio

[@killff9167]

bro eres mi idolo eres un crack

[@pablocancino675]

muy relajante tu video, estoy aprendiendo micro frontends en react, react states y springboot y regresé a las técnicas básicas para reafirmar los conocimientos básicos de html y css y estos videos me parecen estupendos para aprender y ejercitarnos en el desarollo web, muchas veces estamos haciendo una página en un framework y no tenemos la menor idea de que significa tal etiqueta de html o no sabemos como darle estilo a una página, o simplemente tenemos la cabeza hueca de ideas y además desconocemos muchos métodos de javascript. Por eso no hay nada como regresar a las bases, excelentes explicaciones y muy bonitos diseños

[@user-vq6oe8ht8v]

wou me encata alto video de 1 hora que me pone a gemir de una forma!!!!!!!!!!

[@victor4k53]

eres el mejor del mundo, con tigo ise mi primera pagina oficial para mi marca de sublimaje

[@AS1B]

gracias totales enorme proyecto para recordar conceptos despues de anios de inactividad, saludos un abrazo genio

[@erickhernandez3707]

Bendiciones un seguidor más, gracias por compartir su conocimiento, he aprendido algo nuevo, me salió perfectamente igual, tanto en la Web como en el Dispositivo celular.

[@johnnyroca9774]

Buen trabajo ha sido de mucha ayuda, has hecho que se vea super fácil a medida que se va jugando con el style.css vas aprendiendo como funciona la estructura del html.

[@JosueHernandez-ie3rl]

Yo todo lo que hice en style.css no iba agregandise😢 ¿Que será?

[@elqueteempalacuandoloves]

​@@JosueHernandez-ie3rlte falto talvez enlazarlo en html?

[@isaphic]

Muchísimas gracias. Este video me ayudo demasiado!

[@mariamlevy4605]

¡Increíble iniciativa para practicar! Aunque lo hice en SASS, me quedó exactamente igual. ¡Gracias!

[@betbiraifloresmeneses1382]

rolen codigo jaj

[@user-jy9fi3lm2d]

Muy buen video y super bien explicado!.

[@edgargomez4518]

Nuevo subscristor. Que bueno que encontre este canal de KZbin!

[@selvingarcia-it6xd]

explicas muy bien, excelente

[@joseeugenio6380]

excelente proyecto para practicar , aunque le falto jugar con los archivos por separo los estilos , pero eso ya es de cada uno , gracias hermano , ya me suscribi atu canal 😎

[@ezequielortuno641]

Gracias por este video!

[@sophitnia1781]

Te adoro metroman!!!!! Muchas gracias por el video🥹🩷

[@4-berroaluis583]

hola me podrias ayudar mandame el texto ya completo plsss }

[@NoteNexus163]

increible bro , explicas mejor que muchos maestros

[@LuisDeep]

me lo pasas bro no me sale :(

[@GermanMerlo21]

excelente video, muchas gracias.

[@LuisDeep]

me lo pasas no me sale :(

[@Marramcor]

hola, voy a usar tu video para hacer mi pagina web de la escuela, a fin de año me dan las notas y voy a tratar de publicarla, me faltan 7 semanas para entregarla completamente terminada, deseenme suerte, espero que funcione TT

[@tomasandresaltamirano1606]

Suerte!!

[@juandavidromeroromero5304]

andamos en las mismas JDAKSJDAKS literal ando usandolo como si fuera una plantilla para luego modificar todo con respecto a eso

[@andycosibelle9567]

Estamos en las mismas 😂😢

[@sedrac2308]

a mi me queda menos de una semana XD

[@andycosibelle9567]

Cómo les fue a la final, muchachos? Jajajajajajaja

[@rafaelricardocaceresdaza1445]

Excelente trabajo.

[@cycroidbeats1156]

Eres un monstruo hermano 😎😎

[@haroldzapata125]

el menu no me da, me podrian decir el por qué? ya repace el video varias veces y todo esta bien, todo me salio bien ah excepcion del menu del final, no habre al tocar las 3 rayitas y no se como solucionarlo

[@Nicole_006]

Hola, una consulta, si quisiera poner la imagen a la derecha y el texto a la izquierda en “general” (El primero) ¿cómo lo hago?

[@huezovaldesjoaquinariel825]

Lograste hacerlo!?

[@esterlintorres7920]

Con disples ;flex

[@mateorosales5663]

No me funciona la imagen bg.jpg, y la del menu tampoco me aparece en la pagina a la hora de configurar el style.css (las tengo en la carpeta de images)

[@user-ww8wi7rk1f]

amigo la imagen bg3.jpg no esta espero y veas el comentario gracias!!!

[@livesongmusic9738]

sabes como le puedo dar solucion

[@livesongmusic9738]

con otra imagen, tendria que ser igual a las dimensiones establecidas cierto

[@hugocangi6214]

saludos gracias terminada la pagina

[@Hasami_19]

Puede que yo me este volviendo demente pero juraria que la imagen bg3 no existe

[@damy737]

Lo puedo usar en visual studio comunity 2022???

[@Niniixj]

Disculpe, después de "los diferentes tipos de café" no sé me colocaron las tres imágenes de los café ni la información en línea horizontal ¿Que debería hacer?

[@conisepulveda4012]

Me paso lo mismo aparte, eh revisado el codigo mil veces pero de todas maneras no me funciona:(

[@matiasaguiar4492]

tenes que poner la variable tal cual como lo escribiste en el html

[@edwinvalladares867]

Que fumada te pegaste, gracias me sirvió de muchísimo, el único error es que una imagen dices que se llama bg3.jpg, pero no esta en los archivos en realidad es la bg2.jpg de ahi todo mas que claro

[@ikersolanaacha]

Hola! Como puedo cambiar las imagenes por otras que quiera yo? Es que lo cambio y no se ven

[@rodrigo86865]

Muy piola! Gracias!

[@divcode7383]

Hola gracias por ver el video saludos

[@JoyJoyMendoza-ri3wj]

No me aparece como en el Google fonts del videos ¿Que puedo hacer?

[@user-xq7df8wy3t]

Hola, estuve realizando tu portada pero cuando llego a .services no me funciona

[@NicoleRomeroRodriguez]

tengo una duda, el la parte de CSS no me queda igual, ya miré el código y lo tengo igual, ¿qué puedo hacer?

[@Marlonleon164]

yo tengo una duda es necesario poner tantos div

[@PauloGonzalez-zd6xv]

porque cuando hago todo no se traspasa a la página y queda en blanco?

[@dayhanarodriguez9190]

Hola, como puedo hacer para que en vez de la imagen de fondo donde va la barra de navegación, aparezca un video?, pero siempre que al ser responsiva aparezca el menú hamburguesa

[@francisarturoparibalcona3376]

algo que no me queda claro...es la instalación del visual studio core .... podrían explicarme????? gracias

[@midanatalisegundovigilio5333]

El inicio, servicios, productos, contactos no me quedan igual que el video ya revice el codigo y esta bien....alguien me podria ayudar, gracias..

[@hurricane1215]

hola buenas tardes, he seguido al pie de la letra el tutorial, y ahora solo estoy haciendo cambios de acuerdo a la tematica de mi pagina, como hago que todo lo de la pagina se adapta al ancho de la ventana y que la navbar se covierta en menu desplegable al achicarse la ventana, no se si me explique. Saludos

[@mr-popo123]

tengo una duda, en la parte de del menu cuando intento poner el navbar simplemente no aparece por ningun lado, desaparecen las opciones, hay alguna solucion a eso? muchas gracias

[@dannavalentinamunoznomezqu2942]

el header no me sale en la parte de arriba me sale el logo a un lado y lo otro al otro lado cual es el error

[@NoteNexus163]

como bajo el boton de informacion de la segunda seccion ?

[@messisita]

Gracias por esta seccion ,la vd sirve bastante,nuevo sub ,solo una cosa,como hacer para que cuando en telefonos se despligue la varra de navegacion,esta empuje en vez de tapar el header?

[@rukitakanawa7312]

Hola chicos, soy nuevo aprendiendo en crear paginas y no puedo poner imagenes para mi pagina, alguien podria explicarme porfavor no entendi el minuto 10:11 gracias.

[@andycosibelle9567]

Tienes que incluirlas en la carpeta de tú proyecto para poder ponerlas

[@angeljahaziel9892]

no me carga el bg ayudaaaaaa

[@ezekielsantil4537]

bro de donde consigues esos prototipos de pagina

[@luischavez7357]

donde se descargan las imagenes?

[@kendrysadrianadiazvilla4954]

Hola, realicé todo a la pie de la letra, pero la parte después de la servicios se ve enorme a comparación de la tuya, porque?

[@divcode7383]

hola puede ser el padding de ser padding:100px 0 espero te ayude saludos

[@emotyonalshit9299]

Al centrar el texto me quedan todos iguales incluyendo el boton de informacion. ¿Alguien sabe por que?

[@elsyrahernandez5258]

holaa, si pongo este código tal cual en bloc de notas me va a funcionar??

[@SandraAlsina-tq2fu]

Hola. Cuando pongo en el header (dentro de la carpeta style) Background image: linear gradient.... Sigo los pasos y no me aparece la imagen de fondo!!!! 😢

[@eudani24]

pudiste solucionarlo? estoy con el mismo problema:c

[@Rose_Exe_]

.header { background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(images/bg.jpg) center bottom no-repeat; background-size: cover; min-height: 70vh; display: flex; align-items: center; }

[@Rose_Exe_]

@@eudani24 Hay mande el codigo para que les facilite mas, había un error

[@marcelomosquerarivas]

Quién puede pasar el código porfa?

[@mariavicente8524]

XD

[@Ziperz_YT]

Hola buenas, qué tal? Cómo puedo conectar mi página con un dominio propio en Internet para que todos puedan ingresar??

[@jesusmarcos2743]

Podría ser una remasterización de Star Fox adventure ahora Nintendo entre Metroid prime remastered y paper Mario la puerta milenaria, está remasterizando los juegos de Gamecube como ya hizo con la 3DS juegos de la Nintendo 64

[@user-xz9mo8lj2l]

Excelente video! Pero por alguna razón me da error cuando intento extraer las imágenes!! :(((

[@brigithmerlo8741]

Xfiss como puedo conseguir las imagenes

[@juanestebanfernandezpulido9248]

No me sale el fondo ;(

[@fransheskaaltuve3778]

no se como descargar las imagenes del drive, no se me descargan como imagenes

[@pe-mz9790]

Como sabes como nombrarlos?

[@ezee316]

tengo un problema con la parte del "navbar", no me toma el css la personalizacion, me quedan el Inicio, Servicios, Productos y Contacto del lado derecho los 4 juntos y no arriba horizontales como a vos, y esta exactamente igual que el tuyo, porque sera?

[@yodorahail4573]

Lo pudiste solucionar? Ahora mismo ando en esas😢

[@yodorahail4573]

También en la pared del rbgav0,0,0,0.7 el background se pone demasiado oscuro y no se ve nasa

[@dannavalentinamunoznomezqu2942]

lo pudiste solucionar?

[@joseortizortiz7597]

Yo quiero aprender app para móviles que devolver aprender ?

[@cimemedina]

hola, la imagen de los granitos de cafe que colocaste en la parte superior de la seccion, al yo colocar el codigo (TOP:0;) me lo manda hacia arriba pero del HEADER!, tuve que colocarle el BOTTOM para que mas o menos me lo coloque en la parte inferior ! en que pudiera esta fallando? ya trate de varias maneras cambiar el codigo y simpre me lo manda en la parte superior pero del HEADER,

[@alvarodl7246]

debes poner postion relative a la caja que lo contiene

[@JoyJoyMendoza-ri3wj]

No me marca el "for" tampoco algunas etiquetas aparte...¿Porque pasa?

[@zarethb.d.5940]

Hola, lo lograste arreglar? Me está sucediendo lo mismo. No sé que hacer.

[@JoyJoyMendoza-ri3wj]

@@zarethb.d.5940 si logré arreglarlo, lo había posicionado mal, cuando volví a ver el vídeo me di cuenta del error y lo posicione en el lugar correcto y lo marco, porque es imposible que visual code no tome alguna etiqueta.

[@PkIsma]

Hola bro como estas, te consulto, porque a la hora de agregar el css no me aparece las opciones de body ni nada? lo instale pero tambien al crear el documento "style.css" no me aparece la miniatura del logo de "css" sno un "#"

[@JorgeLopez-tr5hn]

Bro yo tuve ese problema pero lo unico que tienes que hacer para que aparezcan los cambios del style.css es agregar un link debajo del title que el link tenga el nombre del style.css

[@JEALK412]

y como se sube

[@thomassamuel859]

tengo una duda a la hora de agregar las imagenes, estas me salen mucho más grandes o pequeñas a diferencia de las que te salió a ti. Eso esta bien?

[@claracremonesi5857]

Me pasa lo mismo :(

[@benjamincanales6801]

Alguien sabe como hacer para que las imagenes que puso en el min 47:36 no tengan el fondo?

[@manu_743]

Hola chicos, no sé por qué no se me reconoce lo que esceibo en el h1 si tengo tod bien escrito

[@wilsonmunoz8223]

debe ser que el css lo reconoce

[@hectorbravo8987]

Hola, excelente video!! Que pasa si despues la carpeta la paso a una computadora que no tiene visual studio? sigue funcionando o la pagina no se puede abrir?

[@puertamariobindo7283]

En ese Caso, Puede decirte que depende el Tipo de Editor de código que utilices. Algunas cosas no funcionarán o se mantendrá estable.

[@auracastillo-ic9lr]

por fa alguien que me diga por q no me corre el css si ya lo enlace con el html, quiero q me expliquen por q tengo el parcial para mañana y ando haciendo esta pagina y ya no se que hacer mas para q se ejecute

[@red3117]

Pudiste resolver al final?

[@gustavmillan5508]

En qué parte de tus archivos guardaste tu css?

[@daniel13caos49]

Muy buen video :)

[@ZyLkYu]

agradezco el video pero hay cosas que haces que segun yo estan mal, como en las clases hacer usar espacios, siempre se usan guiones. La pagina no me quedo responsive por que la hice diferente y un elemento de los links de INFORMACION (el tercero) no se centro, no se que hice mal, pero igual buen video sirve para practicar.

[@thevicenx9901]

lo hice igual y la parte de seccion de cafes me quedo mal, que debo hacer

[@VictoriaCatacora]

Pudiste solucionarlo? Me pasa lo mismo

[@ronniemee]

Revisa el width, yo tuve problemas con las imágenes que no me centraban. En mi caso que era cuadradas, le puse 400px en lugar de 200px.

[@luisdamian7663]

como las muevo de forma horizontal?

[@julianmods5904]

amigo la imagen que dices bg3 no esta... alguna solucion?

[@salomongarcia9835]

usa la bg2...es la misma

[@julianmods5904]

@@salomongarcia9835 ya la había terminado igualmente gracias

[@Rashellfine]

oye los codigos de css ni de html no me funcionan osea no me sale lo mismo que le sale a el del video a la pagina, me das una mano con ellos?@@julianmods5904

[@_TheGoldenWolf_]

ésta imagen ya puesta me aparece completamente en negro, ¿tuvieron algún problema similar?

[@JoyJoyMendoza-ri3wj]

No se pueden descargar las imágenes:v

[@crizzztopher7843]

A mí la imagen del café que dejaría aparecer en la izquierda arriba donde dice los distintos tipos de café, la imagen me aparece hasta arriba 😢

[@VictoriaCatacora]

Pudiste solucionarlo? Me pasa los mismo

[@crizzztopher7843]

@@VictoriaCatacora no xd, estuvo tratando de cambiarle o algo así, pero no funcionó

[@luisdamian7663]

No hay no existe, en la seccion distintos tipos de cafe no logro que se pongan a la derecha, siguen quedando abajo

[@josecarcamo10]

Te lo juro, a mi nunca se me movió asi que lo borre junto a su css.

[@damy737]

No le pude 😢

[@jazmincastelan6500]

no se que hagomal pero no me sale como a ti y eso que lo estoy copiando

[@joseeugenio6380]

lo estas copiando mal bro , revisa cada seccion del archivo html , las clases deben estar bien escritas, aunque las escribas bien en el CSS no mas no te van jalar , revisas ambos archivos, ami me estba fallano el editor no reconocia la etiqueta del h1, auqneu esta de escrita , fue error del editor

[@elbrayangt1421]

@@joseeugenio6380 como corregiste eso me pasa lo mismo con el h1

[@lobito4418]

como se llama esa app?

[@daianasegura4769]

Que alguien me diga como agrego la carpeta imagenes? 😢😢😢

[@_4068]

Descargas la carpeta luego la descomprimes (viene en un .zip) y la arrastras a dónde está tu código y ya solo agregas las imágenes

[@the_who09]

20:40

[@user-xu7pu5tb2e]

21:21

[@user-ws8qp6nf6e]

Minuto 15:17 😢

[@fritzzia]

no me aparece para las letras para colocar 600 _400 _ el (+)(-)

[@_TheGoldenWolf_]

lo que me funcionó fue añadir toda la familia al carrito o bolsa en la parte superior derecha ("view select families"), una vez ahí presionas "get embed code" y te muestra los tamaños de fuente (como te aparecerá toda la familia seleccionada, el código vendrá con todos los tamaños, puedes modificar solo a los tamaños que dice en el video en "change styles"). El código único que se muestra en el video está en la sección "Embed code in the of your html" 3ra linea.

[@todosiemprepasa4356]

Hola buenas tardes,me encanto tu video,te comento no puedo poner las imagenes, Cafe lorem Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat totam perspiciatis, minus quaerat, inventore non hic recusandae commodi voluptatum ad aspernatur temporibus. Nemo consequuntur consectetur consequatur autem itaque sapiente odio! Cafe lorem Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat totam perspiciatis, minus quaerat, inventore non hic recusandae commodi voluptatum ad aspernatur temporibus. Nemo consequuntur consectetur consequatur autem itaque sapiente odio! Cafe lorem Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat totam perspiciatis, minus quaerat, inventore non hic recusandae commodi voluptatum ad aspernatur temporibus. Nemo consequuntur consectetur consequatur autem itaque sapiente odio! ,me salen a lo largo ,desde ya muchisimas gracias por tu generosidad!!!!

[@etefaniamichelleubaldoborj3553]

Yo descargue las imágenes y todo los pase a visual studio con todos los códigos derrepente si aparecían y luego ya no 😢 🤌🏻