💻 COMO crear una PAGINA WEB en HTML y CSS [PASO A PASO] | Adaptable a DISPOSITIVOS MÓVILES

El día de hoy veremos, como crear una pagina web desde 0 con HTML y CSS, la cual es adaptable a dispositivos móviles y como proyecto final, la subiremos a un hosting y dominio.
♦️Hosting usado en el video: www.hostinger....
♦️Código de descuento: “ALEXCG”
♦️Descarga la página web: bit.ly/2mXRxT3
♦️ Segunda parte: • 💻 COMO crear una PAGIN...
👇👇👇Ver más👇👇👇
No te olvides de dejar un comentario de que te gustaría ver en cursos previos de mi canal y suscribirte al canal, porque con AlexCG Design, crecemos juntos!
📌 Links interesantes 📌
▶️ ¿Te gustó el vídeo? Suscribete aquí: www.youtube.co...
✉️ Redes sociales ✉️
▶️Facebook: goo.gl/7o77tx
▶️Linkedin: goo.gl/byCJnS
▶️Github: github.com/Ale...
▶️ Página web: bit.ly/2VaUUGt
Tags:

[@AlexCGDesign]

✔️ CURSO DISEÑO WEB DESDE CERO 👉kzbin.info/www/bejne/rHLPZquAadWEopo

[@alcidesrovera]

querras decir el curso pago desde cero

[@FeNiXfutbolsudaca]

Buenas tardes! Se puede monetizar en hostinger con Google Adsense?

[@AlexCGDesign]

@@FeNiXfutbolsudaca si amigo

[@FeNiXfutbolsudaca]

@@AlexCGDesign Muchas gracias por responder rápido y brindarnos ayuda. Saludos y suerte.

[@facundoalvarez7658]

@@AlexCGDesign Hola una pregunta, yo cuando inserto las imágenes me salen dos columnas grandes con una sola imagen y el resto no aparece, sabrás por qué será?

[@hayleygalarciomatinez9777]

Inicia en el Minuto 7:14 (para los que les interese), y Comienza CSS en 26:57

[@dialestro4511]

En realidad Comienza recién al minuto 9:00 cuando abre el VSC

[@boriz.oneeee]

cómo se descarga css dentro del visual code?

[@uningecualquiera]

El Video Empieza En 7:20 !!

[@ariannehernandez1916]

Eres el comentario que buscaba.

[@senkere9686]

Heroes sin capa

[@patriciopineda2904]

gracias.

[@TulepreraConLaPapaya]

Gracias XD

[@Brimmer_MGP]

Gracias

[@_xrxietx_8749]

Recuerdo hace menos de un año que estaba por aquí, nunca me olvidaré de quienes aprendí y me ayudaron en este camino. Cuando tenga un trabajo, que es muy pronto, te daré de mi primer salario para agradecer por tus vídeos de CSS y Sass. ¡Muchas gracias profesor!

[@thiagoa6792]

Yo también estoy aquí para ver de quienes aprendí y me acorde de este men, fue mi primer tutorial es un capo

[@AlexRP-z2q]

que lenguajes aprendiste?

[@_xrxietx_8749]

@@AlexRP-z2q De programación solo JavaScript, ya lo demás pues son frameworks y así, 12 en total incluyendo el JavaScript, pero eso no significa que manejo eso a la perfección, pero sí, 12, sin embargo ya no busco trabajo de programación mas bien busco crear mi propio emprendimiento con alguna aplicación, ahorita ando pensando en una app para rentar vehículos para los turistas de mi país ya que trabajo en oficina en una empresa de bienes raíces. 🙂✌🏻 Si me preguntas sobre si conseguí trabajo pues realmente no, pero yo nunca envié currículum así que no podría decirte si es difícil o no, cómo te digo me centré en una aplicación propia.

[@AlexCGDesign]

♦️Hosting usado en el video: www.hostinger.com/alexcg ♦️Código de descuento (15% de descuento): “ALEXCG”

[@edwardrevollomedinaceli1597]

Tu si sabes lo que haces hermano. Buenas vibras y saludos desde Bolivia. Aprendo más en tu canal que pagando online jejejeje

[@aaronlazarte2207]

Y el efecto wave? Donde está el enlace?

[@AlexCGDesign]

En el blog amigo

[@andreajimenez3314]

@@AlexCGDesign disculpa ¿cual blog?

[@heinstenochoa5697]

eres mi amigo!, me gradué de esto y la verdad nunca pensé en que me gustaría tanto como después de ver tu tutorial, lo haces ver muy fácil, eso te hace buen maestro, las paginas web creo que serán la opción perfecta para muchas empresas en este tiempo de covid 19 bendiciones para tu vida.

[@danielortiz3575]

estría bueno que te hagas miembro ! ;)

[@zmaju5017]

Hola! tengo 12 años y realmente me gusta y me apasiona aprender html y css, este video me sirvió muchísimo para aprender algunas etiquetas y valores pero mas que nada copie lo que veía en el video. así que tengo seguir aprendiendo para poder crear mi propia pagina, sin verla de nadie mas. de echo cuando quise hacer la parte de "nuestro producto" algo me salio mal y tuve que descargar la plantilla para ver donde estaba mi error 😅 una vez mas muchas gracias

[@jos5689]

Sigue adelante y no te detengas en tu aprendizaje, si puedes capacitarte en un centro de capacitación mucho mejor.

[@jesusalanlopezaldaran1663]

Hola jovén, si quieres yo te podría orientar 👀. Sin ningún costó, lucro ni nada, solo tu dedicación y empeño.

[@nicolasleonelpizzamiglio3163]

@@jesusalanlopezaldaran1663 Hola! yo me estoy adentrando al mundo de programar, te molestaría hacerlo conmigo? 🥺

[@jesusalanlopezaldaran1663]

​@@nicolasleonelpizzamiglio3163​ Nope, si quieres añade un correo a la descripción de tu canal y ya por ahí te recomiendo videos, cursos y libros uwu

[@dex9566]

@@jesusalanlopezaldaran1663 Tambien me gustaria, si esta la posibilidad ya que soy estudiante de Ing en sistemas pero quiero orientarme (al menos por ahora) en el mundo del desarrollo web hasta tener una solida base que me permita buscar oportunidades laborales Pdta: Me encanta Shingeki, mi Favorito de entre todos

[@AlexPchc]

Like si estas viendo esto en plena cuarentena. PD: Este es el tipo de videos que andaba buscando para crear mi pagina web, y fuiste el unico que me dio lo que pedia gracias.

[@andreyherrera3631]

hey, sabes de donde saco las imágenes y las ilustraciones?

[@ulf9269]

Yo solo vine por entretenimiento xdxd

[@0909-v3n]

sirve, pero como haces q tus amigos busquen tu pagina en internet?

[@oscarfiblas2096]

Lo mejor es descargar el video, generalmente se descarga sin publicidad.

[@MrDanny9610]

Me gusta demasiado que pongas en español las clases y nombres en general, entiendo mucho mejor así, felicidades!! Por favor sigue haciéndolo, ya que habemos muchos principiantes que no dominamos mucho el inglés.

[@luisk.maltez7228]

Entre a este vídeo con conocimientos precarios en Css y variables en html, seguiré practicando y volveré en unos meses para ver si finalmente puedo completar esta pagina al pie de la letra.

[@drfcozapata]

Chamo, cada vídeo tuyo me inspira más y más, y me confirma que escogí el camino correcto. ¡GRACIAS! Abrazo inmenso desde Venezuela. Bendiciones

[@ariemimenendez4987]

increible gracias por compartir tus conocimientos tengo 13 años y gracias a ti se me a hecho mas facil programar sigue asi

[@JosueLopezGT]

Felicidades sigue así niño llegaras muy lejos si te lo propones 👍👏

[@JuanCarlos-ox3dc]

Excelente tutorial, solo un detallito para los novatos como mi persona, no estaría demás poner a disposición los archivos que se utilizaron para seguir al pie de la letra la práctica.

[@lalamartinez7884]

Tienes una voz tan hermosa. Aqui viendo videos porque en mi carrera el profesor nos encargó un sitio web con lo que aprendimosen las clases virtuales (nada) me ayudaste un monton♡

[@enle2002]

Un consejo para fines visuales: Para que se vea completa la pantalla del index del editor que es en la que interesa ver lo que estás haciendo y no se vea cortada a la derecha. Primero: Oculta lo que tienes a la derecha, la pantalla del explorer, no sirve más que para estorbar y achicar tu pantalla, sólo muéstralo cuando vayas a explicar algo de ahí. Segundo: Si seleccionas tu pantalla del editor y pulsas Alt + Z lograrás que todo lo que escribas se acomode y se muestre en la pantalla y no se "pierda" escondido hacia la derecha aunque te extiendas mucho, se va acomodando hacia abajo y no se pierde, no tienes que usar el scroll para verlo. Saludos.

[@LIQUIDCHEF11]

exactamente me perdi el esta con personas que ya lo vieron antes y piensa que todos somo viejos en el canal tiene que explicar mejor ya que hoy llegue a este canal ,, tuve que abandonar cuando empezo apegar las fotos no supe donde lo hizo

[@sebastianvergarapineda9296]

esto es el mejor canal que puede haber. Cuanto te agradezco amigo, tus enseñanzas me sirven inmensamente para la empresa en la que trabajo. Dios te bendiga

[@DidierValencia]

Excelente tutorial lo voy a emplear con mis alumnos este año sigue Adelante Alex con tu trabajo Dios te bendiga

[@alejandrofidellaramiranda6099]

Voy en segundo corte y aprendí más en una hora que en todo el semestre. CRACK!

[@thedjob95]

Amigo son muy buenos tus videos pero en un futuro también está que indiques con base de datos y unir varias ventanas sería un buen curso amigo, sigue así amigo eres genial

[@eriluart_]

Estoy por crear mi primer página web, me queda tanto por aprender!! Gracias, excelente tutorial!!!

[@Enken_od]

Hola Alex.Como estás? Estoy muy contenta de encontrar tu canal. Quiero decirte que me resultó muy muy bueno todo el proceso como lo explicas y el ritmo . Soy muy nueva en desarrollo. Por discapacidad he tenido que cambiar mi área de trabajo y he decidido explorar en Desarrollos Web y lenguajes de programación. Por momentos siento que mi edad (41) pueda ser un problema... pero luego me siento tan cómoda y llena de curiosidad por seguir y seguir aprendiendo que me digo a mi misma, " dale, no aflojes!!" .Me gustaría mucho si pudieras subir algo sobre métodos del trabajo Freelance en desarrollo, que cosas hay que tener bien claro a la hora de querer encarar trabajo por cuenta propia. Ya estoy súper suscripta a tu Canal y a seguir paso a paso tus enseñanzas. Muchas gracias y adelante!!! 😊❤️❤️👍

[@AlexRP-z2q]

como te fue? que lenguajes aprendiste?:o

[@joseortega8260]

Alex, no te puedes imaginar lo agradecido que estoy, me has salvado, muchísimas gracias

[@community7757]

7:55 para quien no se quiera comer toda la publicidad...

[@AlexCGDesign]

Muchas personas me habían pedido hablar de un hosting amigo, aún así gracias;)

[@detectordementiras1917]

gracias

[@marcoyana6024]

gracias, aburre tanta mierda

[@Jose-tk4kg]

Nos has salvado estamos agradecidos 🧐🤠

[@AlexCGDesign]

:(

[@MrShadow732]

después de 2 años volví a buscar este video con las intenciones de realizar esta pagina vamos con todo

[@Julianaestrada-]

Podrías hacer un video para crear una pagina pero estilo tienda online, centrándose mas en el catalogo y precios, con carrito de compras???

[@enriqueplaza643]

A mi también me gustaría que lo hiciera

[@La-Metanoia]

Me apunto

[@jaasielsosamorales6735]

Seria perfecto

[@zatori3894]

Sería excelente

[@freddypercia]

Exelente idea

[@alexisdominguez5076]

gracias a esto voy a sacar 3 puntos en el trabajo.Gracias

[@thelzolo]

Amigo !!! Esperando con ansias este video!!!! Seguimos aprendiendo poco a poco y gracias por tus aportes. Aprendo mucho contigo. Fantástico

[@enbuscadelexito-fg]

OYE TE FELICITO, TU AUDIO ES GENIAL. SE ESCUCHA PERFECTO. GRACIAS.

[@CarlosSEO]

Me ayudo mucho para detallar unas dudas que tenia, muchas gracias, con esto ya podre implementar unas ideas que tengo! :D te lo agradezco mucho! saludos!

[@eltitoparra]

La verdad me gustó la explicación y todo, pero al menos de mi parte no se mucho del tema y me gustaría un video donde las secciones de inicio, acerca de, portafolio, servicios y footer cuando le des click se abran las secciones

[@sebatecning5207]

Excelente vídeo, buen aporte, gracias por compartirlo. Estaría genial que hicieras un vídeo donde expliques como podemos evitar o mas bien proteger nuestras imágenes de nuestra página web, que al darle click derecho sobre una imagen no aparezca la opción de "Guardar imagen como". He leído que bloqueando el click derecho en la página, pero esto a la final no resuelve nada, ya que desactivando el JS del navegador esta opción queda inservible, espero lo puedas hacer, gracias de antemano.

[@oscarfiblas2096]

Estoy siguiendo tu tuto, se ve interesante, lo que sí en el título no indicas si es para principiantes, haces referencias a otros videos pero mucha gente llega directo a este tuto, lo otro, pienso que deberías haber dedicado un par de minutos para explicar cómo estructuras la página, es decir, mostrar un poco de maquetación, tú vas haciendo la estructura "sobre la marcha" y no se ve claro el por qué de una sección, de un div etc...

[@Jose_Medina]

Excelente video. Pero tiene q especificar el programa, como c inicia y especificaciones de las imagenes

[@AlexCGDesign]

El programa es Visual Studio Code, y las imagenes las puedes encontrar cuando descargas la página: ♦️Descarga la página web: bit.ly/2mXRxT3

[@recorriendocaminosyalgomas8444]

es sistema operativo linux especial para hacer paginas

[@ariel._.9186]

@@AlexCGDesign Ah sos crack

[@marcoantoniovalencia8694]

@@recorriendocaminosyalgomas8444 De qué hablas? se pueden hacer trabajos buenos tanto en Windows como el Linux

[@cascabelitog]

Si uso sublime text, si es lo mismo?? No hay complicaciones??

[@Martinn01]

Para comentar lineas se utiliza Ctrl + K y después Ctrl + C. Es decir, apretas Ctrl y K, soltas K y apretas O.

[@AlexCGDesign]

O también Ctrl + [

[@frenllissanchez5196]

Hola, nunca habia hecho una pagina web y gracias a ti estoy aprendiendo mucho. He seguido los pasos al 100%, pero estoy atorado en el 39:32 del video. En css por mas que hago los pasos como indicas no me funciona. Me podrias ayudar a verificar por favor? Cuando hago esos pasos y refresco la pagina esos cambios no ocurren.

[@berd0oh]

Me pasa lo mismo, alguna solución ¿?

[@llavefrancesa6468]

Excelente video, la verdad ayuda muchísimo, me alegra que la gente que sabe de un tema comparta sus conocimientos con los demás! (te ganaste mi suscripción y el like) Crítica constructiva: sería mejor que captures el video de la pantalla completa del escritorio para visualizar mejor el Visual Studio Code, ya que uno que quiere seguir la cronología de todas las etiquetas y demás. Nos va a ser más fácil poder ver más filas, no con tanto zoom que solo se aprecian un par. saludos!

[@gustavomanchuca6919]

-"Estoy escuchando una canción y quiero cantarla, perdón" jajja capo!!

[@reparatodojc4306]

no suelo suscribirme ni dar likes casi nunca pero hoy te lo has ganado y así como aprendo contigo te dire un consejo y no es critica. Deberías poner mas información de tus videos ya sea la pagina que usas para programar la que usas para hacer los iconos , ya que con mensionarlos no siempre es sufuciente, una descripción mas detallada en general buen video

[@angelesyo7076]

Muchas gracias por el tutorial, es relamente muy interesante. Solo tengo una duda, ¿cómo se puede hacer para que la imagen del fondo sea responsive?? Muchas gracias

[@isaacobedduranargueta8680]

Siendo 23 de julio, me lanzo a hacer mi pagina web con este video, desenme suerte

[@davidjimenezgomez5591]

¿Que programa ocupas para escribir HTML y CSS?🤔

[@davidalanis6467]

Es Visual Studio Code

[@gerardobenjamincamachonava7392]

Me has ayudado y sacado de muchos apuros en proyectos de la universidad gracias

[@guillo7945]

Hola! el canal del link que te voy a pasar, tengo videos maquetando paginas webs desde 0, 100% práctico, tal vez te sirva, saludos kzbin.info/door/hUyeVs79MfnBgg5qIInoBg

[@benjaminortiz6856]

Me salvaste de mi tarea Gracias

[@AlexCGDesign]

De nada Benjamín, saludos

[@MinedoPov]

te pasan esto en clases? lol a mi pa lo unico que sirven las computadoras en el colegio es para hacer power points

[@Vanevalencia622]

muchas gracias , estoy creando mi primera página con tu código de github ha sido muy útil

[@vanessamartinez9103]

Yo necesito saber cómo poner otra “ventana” por así decirlo cada vez que de clic a un botón :(

[@carlossilvianogarciarayas842]

Busca pop UP, html

[@AlexCGDesign]

Aquí tienes este: kzbin.info/www/bejne/mWSwk3mNp5KBipY

[@renzogarciacervera6454]

Pones type=_blank como atributo, me parece te refieres a eso

[@orlandofantasko2947]

Ir a google

[@MinedoPov]

type="_blank"

[@alawy5551]

Thank you for improving my skills in web development and in language at the same time.

[@orlandogarduno1]

hablas español?

[@alawy5551]

@@orlandogarduno1 Si , hace 10 meses yo empecé aprender español

[@angelarubio4084]

Increíble tutorial, muchas gracias! Me guistaría saber porque no colocas logos a las páginas? Siempre se ven los logos y en tus diseños no.

[@AlexCGDesign]

Si tengo logos, en otras páginas que he hecho

[@juanangulo8178]

@@AlexCGDesign hola quiero contatarte para q me ayudes en algo

[@AlexCGDesign]

[e-mail]

[@Moonlight43ify]

gracias, me dió una idea, me hace falta ver todos tus videos, por que la verdad en este falto explicación, y soy básico 1, supongo que porque era algo más general en este video

[@arturooliva5036]

muy buen video. gracias por aportar conocimiento! bendiciones (Y)

[@KmeOst]

Eres como mi guía cuando ya no se que hacer, gracias.

[@zcoding8355]

¡Hola Jordan! Pregunta: No has pensando en hacer un tutorial o vídeo sobre como hacer una pequeña red social? ejemplo: Hay muchas personas con los mismos hobbies (musica, deportes, comida, etc.), que se integran en grupos whatsapp, por no tener otra posibilidad; pero que tal que se pudieran conformar pequeñas redes sociales independientes para cada grupo respectivo? sería genial! Te animas?

[@macheriverplate7021]

para esñ existe discord tambien.

[@josueher3977]

Gracias tenia una tarea de esto y no encontraba donde me explicaran y lo hicieran al mismo tiempo

[@walter_escalera]

amigo sos un crack,podrias hacer un video de la misma pagina implementando boostrap y angular

[@kevinestudillosalinas9648]

Hermano, de verdad te amo, pase toda la noche buscando ya que los que encontraba no me funcionaban

[@AlexCGDesign]

Qué bueno amigo! Me alegra mucho que te haya servido! Y tenemos una lista de reproducción que está llena de páginas

[@AlexCGDesign]

Saludos. Te dejo aquí la lista: kzbin.info/aero/PLP7LlHfxfuM_aACj66x73ETUWUL0bVZ8O

[@manuelcasuso4529]

Excelente video AlexCG Design ¿Me podrias decir como hiciste para abrir esa barra de colores al hacer el hover?

[@HellenKl]

misma pregunta

[@jesusmedina9356]

Excelente video!! Sigue haciendo mas asi, he buscado muchos videos y ninguno ha sido como el tuyo!

[@ivanaolortegui6732]

Hola alex estaría buenísimo que hagas un video de svg animaciones. Me encantan tus videos.!

[@AlexCGDesign]

Claro, lo haré próximamente, muchas gracias por la sugerencia

[@lic.guillianiruiz]

Excelente, AlexCG me ha gustado mucho esa página y me has inspirado, cuando termine mi proyecto publicare el link para que lo veas. Gracias.-

[@AlexCGDesign]

E Ruiz, excelente estoy ansioso por verla! Gracias a ti por confiar

[@lic.guillianiruiz]

@@AlexCGDesign helow, este es mi página www.pycondominicana.com

[@dotpyw]

@@lic.guillianiruiz Hola, soy desarrollador web, de hecho, actualmente trabajo como tal. He visitado su web por curiosidad y ha simple vista he visto números errores en el diseño. No lo digo con mala intención, al contrario, estoy dispuesto a ayudarle si gusta. Un saludo.

[@lic.guillianiruiz]

@@dotpyw hola, si tiene algunos errores y gracias, no he podido resolverlos porque estoy creando una academia virtual y me ha consumido mucho tiempo, pero casi la tengo lista, adaptadar woocomerce con learnprrss, etc

[@dotpyw]

@@lic.guillianiruiz Le recomiendo que, si lo que tiene actualmente en el hosting no es el producto final, ponga la web con una página de mantenimiento y que no deje que se Google la pueda indexar, pues podría afectar negativamente a su SEO en el futuro. Lo de ayudarle se lo ofrezco de forma gratuita, si le interesa, aquí estaré, un saludo!

[@degg1412]

Alex en la parte de imagen-port cuando le pones un width de 24% las imágenes, me aparecen las imágenes una debajo de otra no una a lado de otra alguna sugerencia?

[@sebastianrubio7535]

Me pasa exactamente lo mismo

[@chinocue2690]

lo pudiste arreglar ? me pasa lo mismo

[@joseantoniocortessanchez694]

felicidades por el contenido, me echare los 33 vídeos, gracias por ayudar con este tipo de canales apoyare compartiendo con mis camaradas inges...

[@TZAR_NSG]

Si le voy a vender la página a alguien, ¿le doy mi cuenta de hostinger y que el siga pagando? ¿o como le hago? estoy aprendiendo :"v

[@AlexCGDesign]

Eso depende de la logística que tú le pongas en el caso que tú vendas páginas web

[@abelsozamusic]

@@AlexCGDesign entonces la cosa sería crear una cuenta con el correo de la persona que le vas a cobrar ¿?

[@brandonyesidsalamancasampe2617]

No es por nada pero las páginas web que haces son estupendas. ¡Buen trabajo!

[@graywinter1999]

A mi se me hace que vendes el hosting xd

[@angelinoramos1979]

muy interezante tu video no soy experto conosco muy poco de computacio pero nada es imposible y gracias por subir videos al respecto un enorme abraso a la distancia

[@Hola-kl1ce]

como creo la carpeta "img"

[@peraroja2599]

Solo crea en tu directorio , ejemplo , yo tengo una carpeta en el que está las carperas: CSS Images Index Guardas las fotos en la carpeta omg y ya

[@AlexCGDesign]

Genial Sind, gracias por el apoyo

[@williamlopez2211]

Empezaré a tomar una idea de aquí para un proyecto del colegio. Si vuelvo a comentar solo será para agradecerte.

[@danielparra3959]

siempre se me dificultó html y css... gracias por el ejemplo, me ayudó mucho para entender que hacer

[@ELECTROPTICO]

Excelente Trabajo amigooooo!! muchisimas gracias por tomarte el tiempo de grabar, editar y enseñarnos todo paso a paso totalmente gratis... gente como tu merece llegar muy lejos!!! un abrazo desde argentina y vamos a seguir practicando con tus videos!!! saludos!!

[@emaaero2020]

Excelente aporte en html y css para practicar, te felicito. Ahora te sigo pa. Un 🫂💯👌

[@gianfrancogerman8889]

Genial! Gracias por compartir tus conocimientos bro 🙌 seguiré el tutorial

[@AlexCGDesign]

Genial Franco

[@jersonrosales1345]

Hey amigo simplemente eres un genio. Mis respetos te ganaste un nuevo sub eres lo maximo bro ojala sigas mejorando y lo que es mas importante que sigas ayudando a los demas. Bendiciones Hermano

[@iamPleiva07]

Me gusta el video por que vas paso por paso, pero me gustaria que pudieras comentar para que sirve con mas detalle cada cosa o cada codigo

[@isabelcristinaberrio1769]

muy bueno este diseño aprendí mucho gracias

[@jhosvanyayala5422]

muchisimas gracias por compartir su conocimiento con nosotros.

[@TheGustavodavid]

Sos un crack maestro! me suscribo!

[@Reviviendo_los_80s]

Hola muy padre el tutorial tengo una mega duda, no me reconoce los comandos en CSS que plugins tengo que descargar para que me pueda funcionar bien el CSS?

[@pablotabarez]

Hola! Asegurate que el nombre del archivo CSS se igual en la línea de código "link" Ya si el problema sigue ocurriendo, si estas de VS CODE, ve a EXTENCIONES y busca "css" y descargas el primero que sale. Nose si ese es el problema que tenias y espero haber ayudado. Saludos

[@alexiscastillo3398]

Gracias amigo ya la termine cambie algunas cosas para hacerla un poco mas personal pero recibí mucha ayuda de tu vídeo aunque si hablas muy fluido ajja pero gracias ya me suscribo 👋✌👌👍

[@marielabritos9868]

te hago una consulta porque veo que el que hace los videos no siempre responde, te consulto ya que hiciste la pagina pudiste hacer que en el header del css se haga ese efecto de transparente la el color y q se vea la imagen? yo hice todo pero no me figura la transparencia ni la imagen, si toco los colores si cambian se hacen mas claros pero no logro q se ve la imagen y eso q esta bien llamada desde la carpeta. Alguna idea que puedo hacer. Espero tu respuesta gracias.

[@alexiscastillo3398]

@@marielabritos9868 hola amiga si efectivamente yo ya la hice completa incluso tengo un video colgado , te recalco que hay unas pequeñisimas fallas que nunca faltan en l sintaxis de echo puede que no sea el unico problema con el que te encuentres para la transparencia intenta ver la sintaxis del css y la correcta posición de apertura y cierre de la etiqueta es decir fijate que los puntos ,comas y entre paréntesis encierren correctamente la etiqueta si te fijas hay unas pequeñas partes con 2 patentesis seguidos puede que ese sea el inconveniente sino fijate en el HTML que este bien ya que también te advierto que tiene unas pequeñísimas fallas pero nada del otro mundo Intentare copearte el header justo como yo lo tengo para que puedas verlo

[@alexiscastillo3398]

@@marielabritos9868 /* Header*/ header { width: 100%; height: 600px; background: #bc4e9c; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, hsla(288, 95%, 50%, 0.671), hsla(317, 45%, 52%, 0.664)), url(../img/educacion.jpg); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, hsla(249, 95%, 50%, 0.671), hsla(317, 45%, 52%, 0.664)), url(../img/educacion.jpg); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ background-size: cover; background-attachment: fixed; position: relative; }

[@marielabritos9868]

@@alexiscastillo3398 gracias ahi copie tu header pero igual no funciona ya despues cuando tenga la mente mas depejada lo voy a ver mas finamente... es algo q estoy fallando y seguro es una pavada. Pasa q recien ahora estoy dedicandome a esto despues de haber dejado muchos años y es como empezar de cero je gracias por responder:D

[@alexiscastillo3398]

@@marielabritos9868 son fallas realmente del youtuber cometio unos herrores de sintaxis que corrigio pero no muestra como yo tambien tube problemas (el mismo que tu) y otro en el portafolio y uno bobo en el footer pero con cabeza fria los logras resolver pero el error dudo que sea tuyo

[@brayanjimenez8944]

Gracias por compartir tus conocimientos

[@raulhernanromeroherrera2547]

hola Alex, de colombia gracias por la calidad de sus videos claros, diafanos y transparentes, tiene un curso de javascript. gracias.

[@megamanxx585]

Uffff queda hermosa la página muchas gracias

[@JesusMiSalvador_23]

Estimado buen video, ....consulta la segunda parte del video donde lo puedo encontrar

[@juangabrielvarelarodriguez5089]

Buenas tardes, una pregunta en el video se menciona en el segundo 7:30 mencionas lo de las imágenes e ilustraciones donde indican que dejaran la pagina para ver esos recursos pero francamente no lo veo donde esta, te agradezco si me puedes indicar la ruta para consumir esos recursos, buen día.

[@fernandojair5620]

hola buenos videos , que extensiones o plugins utilizas para que te autocomplete tan rapido

[@perezgarciadulceareli7330]

Bueno, mí amiga hizo su página viendo tus vídeos, así que lo también lo haré, recemos para que no repruebe

[@VictorCruz-zo1hj]

Muy buen video y la explicación muy detallada, sin duda alguna llegue al lugar indicado, tengo una duda en mi imagen de portada trae un texto con el nombre de la empresa pero me salio un poco movido hacia la derecha y me gustaria centrarlo, de que forma podría yo hacerlo?? Saludos!!

[@isaacmaldonado1010]

Me encanto el efecto wave muchas gracias

[@martinflores9611]

tus videos estan muy muy chidos no los habia visto este es el primero y vi muchas cosas interesantes saludos

[@anthonybenavides1759]

Disculpa, ¿Qué versión de visual estudio estabas utilizando?

[@christianaroni9013]

Excelente video estimado Alex.. me ha servido de mucho

[@axelvalencia7977]

ya tengo 3 años de la primera ves que vi este video y sigo regresando a ver algo que olvido jaja

[@j0seslit0]

broster que tal muy bueno tu tutorial me ayudo bastante en la presentacion de mi clase solo que tengo un problemita ando cabezeando con el footer no puedo configurarlo al pie de pagina no se si me podrias facilitar esa ayuda Gracias.

[@alexiscastillo3398]

Yo también tuve problemas convel footer pero ya los resolví tenia un problema con el html si algo te puedo ayudar

[@ramonsaavedra7904]

Demasiado buenos tus videos ya que explicas muy bien. Solo te dire algo que quizas solo me pase a mi o quizas a muchos. Estar buscando imagenes o incluso peor , hacer imagenes de ilustracion es perder algo de tiempo, recuerda que hoy en dia los humanos queremos todo facil y rapido, el mundo camina rapido. En mi caso he querido hacer varias veces alguna pagina tuya pero al ver que tengo que hacer fotos como la de la foto "Mockup" me salgo a buscar otros videos. Deja ya las fotos en la descripcion y es mucho mejor. Repito, eres un clack pero quizas eso ayude mucho a tu cominidad y canal (: Espero no haya sido un insulto, muchos saludos :)

[@jhona2536]

Hola amigo, en la descripcion del video esta el link para descargar la pagina, ahi se encuentra el codigo y las imagenes que utiliza.

[@cristiancamiloceballosmari5189]

Excelente video Muchas gracias

[@pataslocas4595]

¡Genial, muchas gracias!. Gran tutorial.

[@brayancruz2195]

Que buen video , gracias por compartir tus conocimientos.

[@andyzsur]

hola maestro,en que parte del HTML usaste la foro PORTADA??

[@DanielMunoz-wl3qt]

Perfecto video AlexCG Espero hagas mas :) saludos.

[@AlexCGDesign]

Gracias Daniel, espero verte pronto

[@maximoortiz2161]

@@AlexCGDesign como puedo comunicarme contigo?

[@diego2903]

Hola, super bien la explicacion!!! Como podria hacer para cambiar la alineacion del texto si antes ya habia colocado otro H2? lo hice mal? otra pregunta por solo curiosidad, no tengo el comando "beautiful file", como lo activo jaja

[@denisjaimesperez5174]

Hola, saludos tampoco me aparece este comando en la web no me arroja algo que pueda ayudar, por favor alguien que nos diga como activarlo. Gracias

[@AlejandroMartinez-et4bb]

Alex una consulta cuando le das click a los portafolios como haces para que te direccione a una url sin salir de la pestaña?? De la misma forma como hacs para que el nav del header navegue??? Disculpa las preguntas pero soy muy nuevo en esto. Lo que haces esta muy bueno, saludos desde buenos aires.

[@hectorjesussomarribaalvara5442]

Esto sí es magia, excelente!