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

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • 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:

КОМЕНТАРІ • 1,2 тис.

  • @AlexCGDesign
    @AlexCGDesign  4 роки тому +161

    ✔️ CURSO DISEÑO WEB DESDE CERO 👉ua-cam.com/video/vAl5xJ4pQl8/v-deo.html

    • @alcidesrovera
      @alcidesrovera 4 роки тому +18

      querras decir el curso pago desde cero

    • @FeNiXfutbolsudaca
      @FeNiXfutbolsudaca 4 роки тому +3

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

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому +3

      @@FeNiXfutbolsudaca si amigo

    • @FeNiXfutbolsudaca
      @FeNiXfutbolsudaca 4 роки тому

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

    • @facundoalvarez7658
      @facundoalvarez7658 4 роки тому

      @@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á?

  • @uningecualquiera
    @uningecualquiera 4 роки тому +778

    El Video Empieza En 7:20 !!

  • @hayleygalarciomatinez9777
    @hayleygalarciomatinez9777 2 роки тому +109

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

    • @dialestro4511
      @dialestro4511 Рік тому +4

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

    • @borattcondoble_t
      @borattcondoble_t 8 місяців тому

      cómo se descarga css dentro del visual code?

  • @_xrxietx_8749
    @_xrxietx_8749 Рік тому +12

    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
      @thiagoa6792 9 місяців тому +2

      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
      @AlexRP-z2q 8 місяців тому

      que lenguajes aprendiste?

    • @_xrxietx_8749
      @_xrxietx_8749 8 місяців тому

      @@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.

  • @AlexPchc
    @AlexPchc 4 роки тому +66

    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
      @andreyherrera3631 4 роки тому

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

    • @ulf9269
      @ulf9269 4 роки тому

      Yo solo vine por entretenimiento xdxd

    • @0909-v3n
      @0909-v3n 4 роки тому

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

    • @oscarfiblas2096
      @oscarfiblas2096 4 роки тому +1

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

  • @zmaju5017
    @zmaju5017 3 роки тому +198

    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
      @jos5689 2 роки тому +15

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

    • @jesusalanlopezaldaran1663
      @jesusalanlopezaldaran1663 2 роки тому +12

      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
      @nicolasleonelpizzamiglio3163 2 роки тому +2

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

    • @jesusalanlopezaldaran1663
      @jesusalanlopezaldaran1663 2 роки тому +4

      ​@@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
      @dex9566 2 роки тому +1

      @@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

  • @heinstenochoa5697
    @heinstenochoa5697 4 роки тому +40

    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.

  • @MrDanny9610
    @MrDanny9610 2 роки тому +17

    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.

  • @ariemimenendez4987
    @ariemimenendez4987 4 роки тому +4

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

    • @JosueLopezGT
      @JosueLopezGT 4 роки тому

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

  • @drfcozapata
    @drfcozapata 3 роки тому +4

    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

  • @lalamartinez7884
    @lalamartinez7884 4 роки тому +9

    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♡

  • @JuanCarlos-ox3dc
    @JuanCarlos-ox3dc 4 роки тому +22

    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.

  • @aidacortes9721
    @aidacortes9721 4 роки тому +9

    Eres simplemente el mejor de REALMENTE de cientos que he visto ! Me subscribo a tu canal 100% ♥

  • @enle2002
    @enle2002 4 роки тому +14

    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
      @LIQUIDCHEF11 3 роки тому +3

      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

  • @luisk.maltez7228
    @luisk.maltez7228 2 роки тому +1

    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.

  • @DidierValencia
    @DidierValencia 4 роки тому +7

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

  • @sebastianvergarapineda9296
    @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

  • @Enken_od
    @Enken_od Рік тому +9

    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
      @AlexRP-z2q 8 місяців тому

      como te fue? que lenguajes aprendiste?:o

  • @eriluart_
    @eriluart_ 2 роки тому +2

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

  • @thedjob95
    @thedjob95 3 роки тому +10

    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

  • @alejandrofidellaramiranda6099
    @alejandrofidellaramiranda6099 2 роки тому +1

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

  • @CarlosSEO
    @CarlosSEO 3 роки тому +4

    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!

  • @alexisdominguez5076
    @alexisdominguez5076 3 роки тому +1

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

  • @Julianaestrada-
    @Julianaestrada- 4 роки тому +113

    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???

  • @alawy5551
    @alawy5551 3 роки тому +2

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

    • @orlandogarduno1
      @orlandogarduno1 2 роки тому

      hablas español?

    • @alawy5551
      @alawy5551 2 роки тому

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

  • @thelzolo
    @thelzolo 5 років тому +5

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

  • @llavefrancesa6468
    @llavefrancesa6468 4 роки тому +2

    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!

  • @community7757
    @community7757 5 років тому +264

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

  • @LiderazgoPro-BukeleHN
    @LiderazgoPro-BukeleHN 2 роки тому

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

  • @davidjimenezgomez5591
    @davidjimenezgomez5591 4 роки тому +3

    ¿Que programa ocupas para escribir HTML y CSS?🤔

  • @joseortega8260
    @joseortega8260 9 місяців тому

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

  • @benjaminortiz6856
    @benjaminortiz6856 4 роки тому +4

    Me salvaste de mi tarea
    Gracias

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому

      De nada Benjamín, saludos

    • @MinedoPov
      @MinedoPov 3 роки тому +1

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

  • @reparatodojc4306
    @reparatodojc4306 4 роки тому +2

    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

  • @Jose_Medina
    @Jose_Medina 4 роки тому +21

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

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому +6

      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
      @recorriendocaminosyalgomas8444 4 роки тому

      es sistema operativo linux especial para hacer paginas

    • @ariel._.9186
      @ariel._.9186 4 роки тому +1

      @@AlexCGDesign Ah sos crack

    • @marcoantoniovalencia8694
      @marcoantoniovalencia8694 3 роки тому

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

    • @cascabelitog
      @cascabelitog 3 роки тому

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

  • @jesusmedina9356
    @jesusmedina9356 2 роки тому

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

  • @gustavomanchuca6919
    @gustavomanchuca6919 3 роки тому +24

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

  • @ELECTROPTICO
    @ELECTROPTICO 3 роки тому +1

    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!!

  • @arturooliva5036
    @arturooliva5036 5 років тому +3

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

  • @Martinn01
    @Martinn01 4 роки тому +2

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

  • @frenllissanchez5196
    @frenllissanchez5196 4 роки тому +3

    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
      @berd0oh 2 роки тому

      Me pasa lo mismo, alguna solución ¿?

  • @lic.guillianiruiz
    @lic.guillianiruiz 4 роки тому +2

    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
      @AlexCGDesign  4 роки тому

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

    • @lic.guillianiruiz
      @lic.guillianiruiz 4 роки тому

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

    • @dotpyw
      @dotpyw 4 роки тому

      @@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
      @lic.guillianiruiz 4 роки тому

      @@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
      @dotpyw 4 роки тому

      @@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!

  • @sebatecning5207
    @sebatecning5207 4 роки тому +3

    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.

  • @gianfrancogerman8889
    @gianfrancogerman8889 4 роки тому +2

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

  • @vanessamartinez9103
    @vanessamartinez9103 4 роки тому +32

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

  • @joseantoniocortessanchez694
    @joseantoniocortessanchez694 4 роки тому

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

  • @angelarubio4084
    @angelarubio4084 5 років тому +21

    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
      @AlexCGDesign  5 років тому +4

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

    • @juanangulo8178
      @juanangulo8178 4 роки тому +1

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

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому +1

      Hola@alexcgdesign.com

  • @eltitoparra
    @eltitoparra 3 роки тому +1

    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

  • @angelesyo7076
    @angelesyo7076 4 роки тому +6

    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

  • @gerardobenjamincamachonava7392
    @gerardobenjamincamachonava7392 2 роки тому

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

    • @guillo7945
      @guillo7945 2 роки тому

      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 ua-cam.com/channels/hUyeVs79MfnBgg5qIInoBg.html

  • @manuelcasuso4529
    @manuelcasuso4529 4 роки тому +4

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

    • @HellenKl
      @HellenKl 3 роки тому

      misma pregunta

  • @KmeOst
    @KmeOst 4 роки тому

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

  • @zcoding8355
    @zcoding8355 4 роки тому +6

    ¡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?

  • @MrShadow732
    @MrShadow732 2 роки тому

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

  • @ivanaolortegui6732
    @ivanaolortegui6732 4 роки тому +3

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

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому

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

  • @Vanevalencia622
    @Vanevalencia622 2 роки тому

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

  • @walter_escalera
    @walter_escalera 4 роки тому +8

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

  • @josueher3977
    @josueher3977 2 роки тому

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

  • @degg1412
    @degg1412 4 роки тому +5

    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?

  • @emaaero2020
    @emaaero2020 Рік тому

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

  • @TZAR_NSG
    @TZAR_NSG 4 роки тому +4

    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
      @AlexCGDesign  4 роки тому +1

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

    • @abelsozamusic
      @abelsozamusic 4 роки тому

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

  • @angelinoramos1979
    @angelinoramos1979 3 роки тому

    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
    @Hola-kl1ce 4 роки тому +3

    como creo la carpeta "img"

    • @peraroja2599
      @peraroja2599 4 роки тому

      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
      @AlexCGDesign  4 роки тому +1

      Genial Sind, gracias por el apoyo

  • @pataslocas4595
    @pataslocas4595 5 років тому +2

    ¡Genial, muchas gracias!. Gran tutorial.

  • @graywinter1999
    @graywinter1999 4 роки тому +8

    A mi se me hace que vendes el hosting xd

  • @brandonyesidsalamancasampe2617
    @brandonyesidsalamancasampe2617 3 роки тому

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

  • @AlexCGDesign
    @AlexCGDesign  5 років тому +29

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

    • @edwardrevollomedinaceli1597
      @edwardrevollomedinaceli1597 5 років тому +1

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

    • @aaronlazarte2207
      @aaronlazarte2207 4 роки тому +2

      Y el efecto wave?
      Donde está el enlace?

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому

      En el blog amigo

    • @andreajimenez3314
      @andreajimenez3314 4 роки тому

      @@AlexCGDesign disculpa ¿cual blog?

  • @jersonrosales1345
    @jersonrosales1345 4 роки тому

    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

  • @kevinestudillosalinas9648
    @kevinestudillosalinas9648 4 роки тому

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

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому

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

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому

      Saludos.
      Te dejo aquí la lista:
      ua-cam.com/play/PLP7LlHfxfuM_aACj66x73ETUWUL0bVZ8O.html

  • @martinflores9611
    @martinflores9611 5 років тому

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

  • @j0seslit0
    @j0seslit0 3 роки тому +1

    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
      @alexiscastillo3398 3 роки тому

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

  • @isaacobedduranargueta8680
    @isaacobedduranargueta8680 2 роки тому

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

  • @oscarfiblas2096
    @oscarfiblas2096 2 роки тому

    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...

  • @TheGustavodavid
    @TheGustavodavid 3 роки тому +1

    Sos un crack maestro! me suscribo!

  • @Moonlight43ify
    @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

  • @tonaskato
    @tonaskato 3 роки тому

    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

  • @hectorjesussomarribaalvara5442
    @hectorjesussomarribaalvara5442 3 роки тому

    Esto sí es magia, excelente!

  • @jhosvanyayala5422
    @jhosvanyayala5422 3 роки тому

    muchisimas gracias por compartir su conocimiento con nosotros.

  • @alexiscastillo3398
    @alexiscastillo3398 3 роки тому +1

    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
      @marielabritos9868 3 роки тому +1

      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
      @alexiscastillo3398 3 роки тому +1

      @@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
      @alexiscastillo3398 3 роки тому +1

      @@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
      @marielabritos9868 3 роки тому

      @@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
      @alexiscastillo3398 3 роки тому +1

      @@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

  • @ramonsaavedra7904
    @ramonsaavedra7904 2 роки тому +1

    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
      @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.

  • @IRVINYAIRACUÑAMENDOZA
    @IRVINYAIRACUÑAMENDOZA 9 місяців тому

    chévere mi kong

  • @williamlopez2211
    @williamlopez2211 2 роки тому

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

  • @DanielMunoz-wl3qt
    @DanielMunoz-wl3qt 4 роки тому

    Perfecto video AlexCG Espero hagas mas :) saludos.

    • @AlexCGDesign
      @AlexCGDesign  4 роки тому

      Gracias Daniel, espero verte pronto

    • @maximoortiz2161
      @maximoortiz2161 3 роки тому

      @@AlexCGDesign como puedo comunicarme contigo?

  • @christianaroni9013
    @christianaroni9013 3 роки тому

    Excelente video estimado Alex.. me ha servido de mucho

  • @brayancruz2195
    @brayancruz2195 4 роки тому

    Que buen video , gracias por compartir tus conocimientos.

  • @perezgarciadulceareli7330
    @perezgarciadulceareli7330 3 роки тому

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

  • @isabelcristinaberrio1769
    @isabelcristinaberrio1769 Рік тому

    muy bueno este diseño aprendí mucho gracias

  • @megamanxx585
    @megamanxx585 4 роки тому

    Uffff queda hermosa la página muchas gracias

  • @yasmanyrosado4943
    @yasmanyrosado4943 9 місяців тому

    Esta muy bueno ... exitos

  • @chemacdr2715
    @chemacdr2715 4 роки тому +1

    Eres una gran persona gracias :·3

  • @arturosach9618
    @arturosach9618 2 роки тому

    Hombre genial!!!
    Te amo y me vale que seas vato. Esta muy nice la página

  • @iamPleiva07
    @iamPleiva07 2 роки тому +1

    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

  • @rebel_laddy
    @rebel_laddy 4 роки тому

    Super útil!!!
    Muchas gracias 💕

  • @horgePzmCKescandonh
    @horgePzmCKescandonh 4 роки тому

    excelente video, me ayudo muchisimo, mas que bien explicado.

  • @brayanjimenez8944
    @brayanjimenez8944 3 роки тому

    Gracias por compartir tus conocimientos

  • @jd_hrdzo
    @jd_hrdzo 2 роки тому +1

    Hola Alex, gracias por tu contenido, me gustaría saber como redireccionar dentro de la misma página, en vez de #, colocar el lugar al que quiero ir cuando clickee el sitio en específico.
    Saludos desde Colombia.

    • @guillo7945
      @guillo7945 2 роки тому

      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 ua-cam.com/channels/hUyeVs79MfnBgg5qIInoBg.html

  • @isaacmaldonado1010
    @isaacmaldonado1010 3 роки тому

    Me encanto el efecto wave muchas gracias

  • @armandoiglesiascot711
    @armandoiglesiascot711 2 роки тому

    MUY BUENO EL VIDEO. SE APRENDE.

  • @sofilarrocca6965
    @sofilarrocca6965 3 роки тому

    SOS UN GENIO!

  • @angeldm.4905
    @angeldm.4905 4 роки тому

    Buenísimo amigo, muchas gracias!

  • @manolindiablo10
    @manolindiablo10 4 роки тому

    Buen video hermano!
    me suscribo!!!