@@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á?
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!
@@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.
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.
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.
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
@@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
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.
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♡
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.
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.
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
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.
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
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
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!
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!!! 😊❤️❤️👍
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
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?
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.
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.
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
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
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!
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 ruclips.net/channel/UChUyeVs79MfnBgg5qIInoBg
@@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.
@@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
@@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!
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
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!!
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...
¡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?
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
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 👋✌👌👍
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.
@@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 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
@@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
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
esta super este video amigo... te la rifas y este y la mayoría de tus tutoriales rifan, pero debo de admitir que mori de risa en el min 46:37, ese y otros en los que no pasaba nada jajaja. no lo haces apropósito pero si me relaja y haces mas digerible esto. enserio rei mucho
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.
Alex, he visto el video 3 veces y no logro que las imagen de portafolio se vean. cuando llego a la parte de .imagen-port la linea 136 en adelante,se me van al alcantilado las imagenes overflow: hidden; position: relative; cursor: pointer; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5); } .imagen-port > img{ width: 100%; height: 100%; object-fit: cover; display: block;
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.
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?
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
Hola estoy comenzando con css y tengo un problema, cuando coloco ", url(../img/)" en la hoja de estilo, en la etiqueta de bacground linear - gradient, el url no me muestra los archivos, coloco el nombre de la imagen (fondoheader1.jpg) y tampoco lo muestra, que puede estar pasando y como lo soluciono?
![💻 COMO crear una PAGINA WEB en HTML y CSS [PASO A PASO] Adaptable a DISPOSITIVOS MÓVILES #2](http://i.ytimg.com/vi/1Lv8mJczfpg/mqdefault.jpg)
![💻 COMO crear una PAGINA WEB en HTML y CSS [PASO A PASO] Adaptable a DISPOSITIVOS MÓVILES #2](/img/tr.png)
✔️ CURSO DISEÑO WEB DESDE CERO 👉ruclips.net/video/vAl5xJ4pQl8/видео.html
querras decir el curso pago desde cero
Buenas tardes! Se puede monetizar en hostinger con Google Adsense?
@@FeNiXfutbolsudaca si amigo
@@AlexCGDesign Muchas gracias por responder rápido y brindarnos ayuda. Saludos y suerte.
@@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á?
Inicia en el Minuto 7:14 (para los que les interese), y Comienza CSS en 26:57
En realidad Comienza recién al minuto 9:00 cuando abre el VSC
cómo se descarga css dentro del visual code?
El Video Empieza En 7:20 !!
Eres el comentario que buscaba.
Heroes sin capa
gracias.
Gracias XD
Gracias
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!
Yo también estoy aquí para ver de quienes aprendí y me acorde de este men, fue mi primer tutorial es un capo
que lenguajes aprendiste?
@@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.
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.
estría bueno que te hagas miembro ! ;)
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.
hey, sabes de donde saco las imágenes y las ilustraciones?
Yo solo vine por entretenimiento xdxd
sirve, pero como haces q tus amigos busquen tu pagina en internet?
Lo mejor es descargar el video, generalmente se descarga sin publicidad.
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
Sigue adelante y no te detengas en tu aprendizaje, si puedes capacitarte en un centro de capacitación mucho mejor.
Hola jovén, si quieres yo te podría orientar 👀. Sin ningún costó, lucro ni nada, solo tu dedicación y empeño.
@@jesusalanlopezaldaran1663 Hola! yo me estoy adentrando al mundo de programar, te molestaría hacerlo conmigo? 🥺
@@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
@@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
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
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.
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♡
increible gracias por compartir tus conocimientos tengo 13 años y gracias a ti se me a hecho mas facil programar sigue asi
Felicidades sigue así niño llegaras muy lejos si te lo propones 👍👏
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.
Voy en segundo corte y aprendí más en una hora que en todo el semestre. CRACK!
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.
Alex, no te puedes imaginar lo agradecido que estoy, me has salvado, muchísimas gracias
Excelente tutorial lo voy a emplear con mis alumnos este año sigue Adelante Alex con tu trabajo Dios te bendiga
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
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.
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
Estoy por crear mi primer página web, me queda tanto por aprender!! Gracias, excelente tutorial!!!
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
gracias a esto voy a sacar 3 puntos en el trabajo.Gracias
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!
OYE TE FELICITO, TU AUDIO ES GENIAL. SE ESCUCHA PERFECTO. GRACIAS.
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!!! 😊❤️❤️👍
como te fue? que lenguajes aprendiste?:o
después de 2 años volví a buscar este video con las intenciones de realizar esta pagina vamos con todo
Amigo !!! Esperando con ansias este video!!!! Seguimos aprendiendo poco a poco y gracias por tus aportes. Aprendo mucho contigo. Fantástico
Excelente video!! Sigue haciendo mas asi, he buscado muchos videos y ninguno ha sido como el tuyo!
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???
A mi también me gustaría que lo hiciera
Me apunto
Seria perfecto
Sería excelente
Exelente idea
muchas gracias , estoy creando mi primera página con tu código de github ha sido muy útil
7:55 para quien no se quiera comer toda la publicidad...
Muchas personas me habían pedido hablar de un hosting amigo, aún así gracias;)
gracias
gracias, aburre tanta mierda
Nos has salvado estamos agradecidos 🧐🤠
:(
Siendo 23 de julio, me lanzo a hacer mi pagina web con este video, desenme suerte
-"Estoy escuchando una canción y quiero cantarla, perdón" jajja capo!!
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
♦️Hosting usado en el video: www.hostinger.com/alexcg
♦️Código de descuento (15% de descuento): “ALEXCG”
Tu si sabes lo que haces hermano. Buenas vibras y saludos desde Bolivia. Aprendo más en tu canal que pagando online jejejeje
Y el efecto wave?
Donde está el enlace?
En el blog amigo
@@AlexCGDesign disculpa ¿cual blog?
Hermano, de verdad te amo, pase toda la noche buscando ya que los que encontraba no me funcionaban
Qué bueno amigo! Me alegra mucho que te haya servido! Y tenemos una lista de reproducción que está llena de páginas
Saludos.
Te dejo aquí la lista:
ruclips.net/p/PLP7LlHfxfuM_aACj66x73ETUWUL0bVZ8O
Me salvaste de mi tarea
Gracias
De nada Benjamín, saludos
te pasan esto en clases? lol a mi pa lo unico que sirven las computadoras en el colegio es para hacer power points
felicidades por el contenido, me echare los 33 vídeos, gracias por ayudar con este tipo de canales apoyare compartiendo con mis camaradas inges...
muy buen video. gracias por aportar conocimiento! bendiciones (Y)
Empezaré a tomar una idea de aquí para un proyecto del colegio. Si vuelvo a comentar solo será para agradecerte.
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?
Me pasa exactamente lo mismo
lo pudiste arreglar ? me pasa lo mismo
No es por nada pero las páginas web que haces son estupendas. ¡Buen trabajo!
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.
Excelente aporte en html y css para practicar, te felicito. Ahora te sigo pa. Un 🫂💯👌
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.
Me pasa lo mismo, alguna solución ¿?
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
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
Gracias tenia una tarea de esto y no encontraba donde me explicaran y lo hicieran al mismo tiempo
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.
Si tengo logos, en otras páginas que he hecho
@@AlexCGDesign hola quiero contatarte para q me ayudes en algo
Hola@alexcgdesign.com
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!
Yo necesito saber cómo poner otra “ventana” por así decirlo cada vez que de clic a un botón :(
Busca pop UP, html
Aquí tienes este: ruclips.net/video/c3MbFWr-NT4/видео.html
Pones type=_blank como atributo, me parece te refieres a eso
Ir a google
type="_blank"
Me has ayudado y sacado de muchos apuros en proyectos de la universidad gracias
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 ruclips.net/channel/UChUyeVs79MfnBgg5qIInoBg
amigo sos un crack,podrias hacer un video de la misma pagina implementando boostrap y angular
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.-
E Ruiz, excelente estoy ansioso por verla! Gracias a ti por confiar
@@AlexCGDesign helow, este es mi página www.pycondominicana.com
@@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.
@@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
@@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!
Excelente video. Pero tiene q especificar el programa, como c inicia y especificaciones de las imagenes
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
es sistema operativo linux especial para hacer paginas
@@AlexCGDesign Ah sos crack
@@recorriendocaminosyalgomas8444 De qué hablas? se pueden hacer trabajos buenos tanto en Windows como el Linux
Si uso sublime text, si es lo mismo?? No hay complicaciones??
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
Excelente video AlexCG Design ¿Me podrias decir como hiciste para abrir esa barra de colores al hacer el hover?
misma pregunta
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!!
Hola alex estaría buenísimo que hagas un video de svg animaciones. Me encantan tus videos.!
Claro, lo haré próximamente, muchas gracias por la sugerencia
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...
¡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?
para esñ existe discord tambien.
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
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 👋✌👌👍
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.
@@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
@@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;
}
@@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
@@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
¿Que programa ocupas para escribir HTML y CSS?🤔
Es Visual Studio Code
siempre se me dificultó html y css... gracias por el ejemplo, me ayudó mucho para entender que hacer
como creo la carpeta "img"
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
Genial Sind, gracias por el apoyo
Thank you for improving my skills in web development and in language at the same time.
hablas español?
@@orlandogarduno1 Si , hace 10 meses yo empecé aprender español
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
Eso depende de la logística que tú le pongas en el caso que tú vendas páginas web
@@AlexCGDesign entonces la cosa sería crear una cuenta con el correo de la persona que le vas a cobrar ¿?
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
A mi se me hace que vendes el hosting xd
Hombre genial!!!
Te amo y me vale que seas vato. Esta muy nice la página
hola maestro,en que parte del HTML usaste la foro PORTADA??
Eres como mi guía cuando ya no se que hacer, gracias.
Estimado buen video, ....consulta la segunda parte del video donde lo puedo encontrar
hola Alex, de colombia gracias por la calidad de sus videos claros, diafanos y transparentes, tiene un curso de javascript. gracias.
Bueno, mí amiga hizo su página viendo tus vídeos, así que lo también lo haré, recemos para que no repruebe
esta super este video amigo... te la rifas y este y la mayoría de tus tutoriales rifan, pero debo de admitir que mori de risa en el min 46:37, ese y otros en los que no pasaba nada jajaja. no lo haces apropósito pero si me relaja y haces mas digerible esto. enserio rei mucho
Sos un crack maestro! me suscribo!
tus videos estan muy muy chidos no los habia visto este es el primero y vi muchas cosas interesantes saludos
En el minuto 24:44. se ejecuta un comando "beautify file" Que programa debe estar instalado para ejecutar ese comando?
Disculpa, ¿Qué versión de visual estudio estabas utilizando?
Excelente video estimado Alex.. me ha servido de mucho
Disculpa, en lo del portafolio, donde aparece "nuestro trabajo"; no deberiamos ir a otra página por así decirlo cada vez que hacemos click?
Si pero eso ya seria para otro video porque ya el trabajo se hace mas grande pero obvio para eso son las pestañas
ya tengo 3 años de la primera ves que vi este video y sigo regresando a ver algo que olvido jaja
muy bueno este diseño aprendí mucho gracias
Hola, necesito ayuda. Cómo bajo la opacidad del background en sublime text 3?????
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.
Alex, he visto el video 3 veces y no logro que las imagen de portafolio se vean. cuando llego a la parte de .imagen-port la linea 136 en adelante,se me van al alcantilado las imagenes overflow: hidden;
position: relative;
cursor: pointer;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
}
.imagen-port > img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
Uffff queda hermosa la página muchas gracias
Genial! Gracias por compartir tus conocimientos bro 🙌 seguiré el tutorial
Genial Franco
Holaa, quisiera saber si este tutorial se puede seguir tal cual pero utilizando dream weaver????
No importa el editor de codigo que uses lo importante es que el codigo sea el mismo yo lo hice en Atom
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.
Yo también tuve problemas convel footer pero ya los resolví tenia un problema con el html si algo te puedo ayudar
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?
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
Para comentar lineas se utiliza Ctrl + K y después Ctrl + C. Es decir, apretas Ctrl y K, soltas K y apretas O.
O también Ctrl + [
Hola estoy comenzando con css y tengo un problema, cuando coloco ", url(../img/)" en la hoja de estilo, en la etiqueta de bacground linear - gradient, el url no me muestra los archivos, coloco el nombre de la imagen (fondoheader1.jpg) y tampoco lo muestra, que puede estar pasando y como lo soluciono?
con respecto al css como hago para que mi visual studio code lo reconosca? ayudame con eso porfa
Donde obtengo las imagenes ? no vi ninguna tarjeta con el video segun donde las vamos a descargar o cual es la pagina.
como agregaste el flexbox, ya que, no vi en ningún parte como lo colocaste.
Exelente video! Me gustaria saber que pograma se esta uttilizando para realizar esta pagian
Graciassssss bro sos un capo, me suscribo pa, me ayudaste mucho
¡Hola! Una consulta al principio escribiendo index.html sale que el nombre index no es válido ¿Qué se hace ahí? Graciass.