📱 COMO CREAR una PAGINA WEB MODERNA con HTML5 y CSS3 [Responsive]

Подписаться 123 тыс.

Просмотров 83 тыс.

50% 1

Aprende a crear una pagina web con html y css desde cero, esta web será adaptable a dispositivos móviles [Responsive], esta página será creada con HTML5 y CSS3 puro, sin ninguna librería ni framework.
👨‍💻🎁 Aprende Diseño Web Desde Cero 👉 alexcgdesign.com/descuento-di...
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta para un 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger.com/alexcg
Canal de Templune 👉 • Figma tutorial español...
📥 Descarga la página web 👉 alexcgdesign.com/blog/pagina-...
✉️ Redes sociales:
Blog de desarrollo web: www.alexcgdesign.com/blog
Facebook: goo.gl/7o77tx
Linkedin: goo.gl/byCJnS
Github: github.com/AlexCGDesign

Наука

Опубликовано:

27 авг 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 127

@AlexCGDesign 3 года назад

👨‍💻🎁 Aprende Diseño Web Desde Cero 👉 alexcgdesign.com/descuento-diseno-web-moderno/

@denny4292 3 года назад

Alex en que minuto empi3za los hypervinculos

@germancamacho6165 3 года назад

Buenísimo! Si antes no era fan de tus vídeos ahora se nota la evolución que has tenido. Muchas gracias por compartir esto. Y este proyecto es genial.

@davidolivero3977 3 года назад

Guao! Que gran diseño! sinceramente adoro los ejemplos que nos traes. cada uno de ellos me ha encantado de realizarlos, eres todo un crack

@jocelmata 3 года назад

Felicitaciones genio la verdad sin palabras, hace un buen tiempo te vengo siguiendo y se nota que vas mejorando todos los dias. Seguro esos cursos son muy buenos voy a probar con uno saludos.

@carlosramirezf.5923 2 года назад

Hola desde Colombia. Yo la verdad no se nada de esto pero ya hice una pagina de un video anterior que compartiste, pero es que usted los explica muy bien y que mas puedo decir...muchas gracias por compartir hermano. Gracias y exitos en todos sus proyectos.

@RhedKief 3 года назад

Muy frescos tus vídeos hermano, tu evolución es notable y es obviamente para mejor. muchísimas gracias por darnos tus conocimientos y paginas de recurso

@Samuel_aparici0 2 года назад

me inspiras mucho a ejercer diseño web, gracias por compartir tus conocimientos amigo! EXITOS!!!!!!!!!

@jesuspache9365 3 года назад

Tienes un don para enseñar, gracias por todo!

@emersonVeronez74 3 года назад

Te felicito sos muy profesional, gracias por tus post y que sigas siempre con las publicaciones sobre crea web sites desde cero con html5, css3 y javascript 👨‍💻🐛

@davidsc398 3 года назад

Amigo muchas gracias, sigue haciendo tutoriales así por favor de como crear paginas web desde cero, pues muchos ya sabemos la teoría pero al momento de diseñar se nos complica mucho del como empezar, me suscribo

@hermano_Juan 2 года назад

En este caso creo que me ayudaste mucho en este caso lo voy a aplicar a la página que estoy creando eres un gran profe en este caso jaja no enserio bro inspiran tus trabajos sigue así

@kebynruiz4216 3 года назад

Gracias profe!!! Tus videos son unicos y maravillosos... Me gustan tus videos porque he visto q nadie mas hace estas practicas como tu... Eso es amor al arte, te felicito y muchas bendiciones para ti...

@AlexCGDesign 3 года назад

Gracias amigo, un saludo!

@Destinymusic506 3 года назад

Hola un saludo agradecerte por la ayuda que me brindas con tus videos he mejorado gracias a tus videos.

@martinmontesdeoca523 3 года назад

ES BELLISIMA Y SUPER ELEGANTE ESA PAGINA WEB. TE FELICITO, TAN SOLO CON HTML Y CCS CRACK !!! INSISTO ME SORPRENDE LO ELEGANTE DE ESA PAGINA.

@jesusalfaro3514 2 года назад

Que tal pasión al hacer este trabajo y compartirlo muchas gracias

@cristopheralvarez1770 3 года назад

Que excelente video, me gusto bastante, si así explicas en un vídeo de RU-vid me imagino como será el cursó, comprado ! 🤙

@anibalgonzalez2626 3 года назад

Gracias por estos tutoriales fantasticos!

@leandrov8992 Год назад

estas colaboraciones estan buenas.. por que uno hace el diseño en figma el otro lo pasa a codigo.. y es como si se trabajara en una empresa.. esta bueno estas colaboraciones deberias hacer mas videos asi

@gomezruizluisalberto7049 2 года назад

¡Excelente video!, te ganaste un nuevo suscriptor.

@manuelarg654 3 года назад

Está genial el diseño !

@mood9081 3 года назад

Podrías hacer videos explicando tus inicios porfa, cómo pasaste de ser un estudiante de práctica a vivir de esto me refiero a el salto que das cuando ya se cree tener conocimiento y quieres crear tu página web sin tutoriales. Ya hice tu curso de Udemy muy bueno

@heimysalvarado6274 3 года назад

Buenisimo Alex, que diseño tan pro, muy agradecida, estas tan conectado, que justo cunado hablaste una vez más del span point 17:23, yo me pregunté para qué sería eso y ya tu estabas respondiendo, super recomendado, voy al segundo vídeo, este diseño no lo dejo así.... gracias

@AlexCGDesign 3 года назад

Heimys, muchisimas gracias!!! :)

@jesusdavidhernandez9228 3 года назад

Gracias por los cursos Gratuitos. Comprare tus cursos, 100% Recomendado. Feliz Año y prospero 2021 !!

@AlexCGDesign 3 года назад

Igual Jesús, próspero año 2021!!!

@mariofreddy7353 3 года назад

Buen video nos ayudas al maximo gracias

@anaortigoza5635 2 года назад

Hola! Gracias por subir el video!

@juliorincon1490 3 года назад

Hola, solo he visto dos de tus videos, pero luego entre a tu perfil para ver tus videos y...wooooo, tienes un buen. Pues esto es para preguntarte que ¿de donde debería empezar a ver tus videos?, vi el video del efecto wave donde estas patrocinado por hostinger, pero ahí mencionas mucho que ya deberíamos saber algunas cosas de otros videos, pero tienes un buen en donde dices "pagina web desde cero". saludos y excelente contenido, me hacia html y css mas pequeño pero con esos dos videos que vi, ya me hiciste extenso el tema.

@abrahamborja292 3 года назад

gran tutorial, he estado aprendiendo css y me encanta como lo aplicas solo tengo una pregunta lo que pasa es que use una pseudoclase after para el point y un selector de atributo para el modificador active al parecer es igual en apariencia pero no se si pueda hacerlo, osea si es incorrecto o incurro en malas practicas. Agradeceria que pudieras aclarar mi duda y de nuevo felicidades estoy pasando por tu canal y enseñas mejor que mi profesor :)

@AntonioPerez-li6hi 3 года назад

Eres muy bueno explicando

@diegodiciurcio7245 2 года назад

para que carajos me pague un curso en coder house cuando existe este tipo que la rompe toda! mejor explicando IMPOSIBLE! cracktotal!!!

@AlexCGDesign 2 года назад

Tengo este curso desde cero por si te interesa: 💥 Curso CSS3 DESDE CERO (tutorial completo) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WfDqFArJnYA.html

@pamelacinthiachoquechucos520 3 года назад

realmente esta bueno como siempre

@JandryTTV 3 года назад

Se ve de maravilla ojala supiera programar

@miguelvaras1029 3 года назад

Hola tengo una pregunta, todas las paginas que mostraste en este video son de libre uso?, lo puedo usar para una pagina con un dominio? , desde ya muchas gracias y muy buen video , saludos!

@JuanCarlos-ox3dc 3 года назад

Maestro usted como siempre botándose.

@franciscomedina7882 2 года назад

Buen Aporte hermano se agradece muchsimo

@esnaydercastillejostenazoa345 3 года назад

Hola buenas, excelente tu video pero para que mockups se encuentre a la derecha que atributo utilizas? Porque puse lo mismo que usted pero se queda pegado al texto. Gracias por su atencion

@cpitemplates 3 года назад

Que gran aporte man.

@cestradaaraque 3 года назад

Gran vídeo, bro!

@ivocostilla 3 года назад

Mañana vuelvo asi practico :D Graciass crackk

@AlexCGDesign 3 года назад

Genial!

@yesuarocha8308 3 года назад

Increíble canal.

@DavidAppleton 3 года назад

Recomiendo al 100% el curso de ALEX yo lo hice y está fenomenal

@AlexCGDesign 3 года назад

Genial David!

@togakurerotten4801 2 года назад

Es muy bueno el canal de Templune

@juank390 3 года назад

excelente viveo alex

@leonoracosta5531 3 года назад

Holaaa, espero estés muy bien. Mi pregunta puede ser algo tonta, no lo sé, a qué te refieres cuando utilizas la clase "copy"? por ejemplo copy__section, no logro entender a dónde va dirigida la palabra copia. Gracias

@javiermejia3436 2 года назад

Me encanta¡

@karinasoteras7360 2 года назад

Hola Alex, me encanto el diseño y sobre todo la paleta de colores. Queria consultarte, los iconos de redes sociales no se muestran, el inspector marca que miden 0x0, como lo puedo solucionar? DEsde ya mil gracias

@pruebas1537 3 года назад

Jajaja justo lo que estaba buscando!!!

@JavierBV98 2 года назад

Bro ví la página ya terminada y tengo una duda, cómo puedo hacer los botones funcionales? es decir que me desplieguen otra pestaña ya con más información? tienes video de eso? me encantó la página

@jaimebaltodano7608 3 года назад

Gracias saintsay

@CarlosFerreras-tg5dk 7 месяцев назад

Buen video bro, aveces que confundo un poco, me hubiese gustado que a medida que vas con la estructur, tambien arregles un poco con en diseno y despues siges con lo otro

@e_fo8017 3 года назад

Una pregunta de donde consigues esos diseños tan bonitos o los haces tu...

@fabiansanabria94 3 года назад

Ya aumento el curso en tu pagina, para los que vivimos en argentina nos sacude el cambio jaja Esperaré a comprar el curso más adelante

@AlexCGDesign 3 года назад

Hola Fabián, en unas horas pondré el mayor descuento disponible:)

@joseantonioamayapostigo2542 2 года назад

demasiado tiempo sin estylos y no se ven progreso pero muy bueno gracias.

@scorpion32 3 года назад

I have no idea what you're talking about but I love your tutorials😂

@AlexCGDesign 3 года назад

Hahahaha thanks! Regards

@joseluisalvarez8943 3 года назад

Me parece sensasional la forma de enseñarnos, sabes mucho bro, felicidades y gracias

@SAMEERR91 3 года назад

Tengo un problema con el color (gold1) me toma el tamaño y grosor pero en colo no lo quiere toma, como lo puedo corregir? Gracias, tus videos son lo mas+

@javiermejia3436 2 года назад

que debo hacer en html para crear links para que me envie a cada sección de la pagina? gracias.

@MrShadow732 2 года назад

buenas me gusta tu clase, espero que puedas ayudarme. Apenas voy empezando pero no me aparecen los iconos de la página Boxicons, hice el paso a paso como vos en el video. hay otra forma de contactarte estoy haciendo tu curso de udemy pero no me permite por ahi

@joseinvest3186 3 года назад

Increíble diseño, me parecen de los mejores, muy excelentes, pero una pregunta, si yo quisiera incluir php o otro lenguaje que podría hacer? Espero tu respuesta para tener una idea, saludos

@santiagoruiz7094 Год назад

Claro se puede hacer ya tienes el front, ahora empieza a conectar con el backend ya como tú quieres le metes php.

@jesusalfaro3514 2 года назад

en nav__container le pones padding de 0 pero me sale bien pegado arriba le puse 20px y me sale centrado. A que se debe que te sale centrado colocandole cero vertical?

@AlexandraS400 3 года назад

Tienes algún tutorial donde al darle click en servicios muestre la información o pase a la siguiente pagina????

@Leeon22 3 года назад

Holaa, una pregunta, cuando pongo el archivo index.html en el Google Chrome el nombre solo sale el mismo, osea "index.html" cuando le puse otro nombre, nuevo sub amigo

@scientshiver2965 3 года назад

estoy en tu curso, pero me permiti adelantarme , para ver en que terminare jee.

@guillemdomenech5788 3 года назад

¿Como escribe lo mismo en varios sitios a la vez? Por ejemplo, en los href

@luismoya7032 Год назад

En este caso, en este caso, en este caso, en este caso, en este caso, en este caso, en este caso Excelente video

@AlexdobleU 3 года назад

👏👏👏👏

@enrriquematos1016 2 года назад

10:17 En ese momento cell sintió el verdadero terror.🤣😂😂

@ivanricartemoreiramoreira6776 3 года назад

Podías dar la versión de VScode que utilizas.

@nikoxolok 3 года назад

tengo una tienda con carrito hecho con php y mysql puedo conectarlos con esta pagina html?

@oscarfiblas2096 3 года назад

Interesante pero al principio no dices que hay que tener un cierto manejo de Visual Studio Code ...sólo llegas y comienzas...no se sabe si este video es parte de una serie de tutoriales, en fin falta un poco de pedagogía, defecto que tienen la mayoría de los canales, además del excesivo "en este caso"....

@Unknown-bi6fj 3 года назад

Muy buen diseño!! Gracias por el video. Tal vez puedas ayudarme con una problema que tengo en un proyecto. Como quitar el borde azul a las imagenes que se usan con hipervinculo: ya que automáticamente al pasar el mouse crea un borde azul que es horrible. Ya intente con: a img{ border: 0} , tambien con: a{outline:none;} y no me funcionan.

@AlexCGDesign 3 года назад

¿Qué tipo de borde? se lo especificaste?

@angelfigueroa6662 3 года назад

disculpa usas flexbox o usas grid en este tutorial? no es por nada, solo quiero saber para conocer el orden en el que quiero ver tus tutoriales

@AlexCGDesign 3 года назад

Flexbox amigo

@angelfigueroa6662 3 года назад

@@AlexCGDesign muchas gracias, disculpa tienes algun video aparte de este: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kwu7FaPGxCI.html en donde ocupes CSS Grid?

@luisangelgallegovilla182 3 года назад

Hola Alex: Lástima que no utiliza PSE como medio de pago...

@rodrigoponce2863 3 года назад

hola Alex, estoy teniendo un problema en el momento de ponerle display: flex; al .nav__container. nose porque pero no hace ningun cambio.

@rodrigoponce2863 3 года назад

lo único que me deja hacer es el padding 0 que lo sube arriba, dsp del display flex no me deja. probe cambiarle la clase y nada. los divs estan todos bien cerrados..

@emanuelvazquez2061 2 года назад

Hay alguna forma de obtener el codigo?

@bluefutbol1515 3 года назад

tienes una pagina pero movile first ¿?

@leonardomendoza3440 3 года назад

Hola alguien me puede decir que tipo de metodología usa? Recién estoy empezando y veo que es diferente a la metodología bem

@AlexCGDesign 3 года назад

Hola Leonardo, no use ninguna metrología:). En la página más reciente ahí usa la BEM

@osmeig6025 3 года назад

No encuentro las imágenes que dejaste como recurso... de donde las descargo?

@DesaCo_57 3 года назад

busca imágenes en pixabay o pexels

@ax7ax74 3 года назад

En este caso...

@ivangonzales2283 3 года назад

Hola Puedes facilitarnos el mockup

@this.kevinesquivel6114 3 года назад

x2 :(

@AlexCGDesign 3 года назад

📥 Descarga la página web 👉 alexcgdesign.com/blog/pagina-web-moderna-html-css/ :)

@this.kevinesquivel6114 3 года назад

@@AlexCGDesign gracias crack.

@TheAyoparak 3 года назад

@@AlexCGDesign ahí no está el mockup

@jose-mariaraudona1028 2 года назад

Hola Alex, lamentablemente he comprado tu curso de Udemy, y el video 2 seccion 1, y video 5 seccion 2 no funcionan. Estan bloqueados. Por favor ayúdame. En udemy no encontré la solución. Gracias!!!

@AlexCGDesign 2 года назад

Hola, para ser más especifico que curso en Udemy, para que pueda apoyarte? Ya hiciste la pregunta?

@josemariaraudonaperez8889 2 года назад

Ya está Alex. El curso es HTML5 CSS. Desde smartphone android no funcionaba y desde ordenador sí. Voy avanzando y me va genial!!! Podré hacer mapping de imágenes con enlaces de manera responsive al final del curso? Gracias!!! Saludos desde Barcelona, España.

@TheRyzock 3 года назад

a mi nada me resulta bien

@melvynpaulino6183 3 года назад

Hola Alex, o como te llames. SOlo te escribi antes de terminar el video porque no aguante mas en decirte que debes reducir o eliminar el uso de la las palabras "EN ESTE CASO" ya que lo sobre usas y es muy molesto. Lo dices demasiadas veces y con solo segundos de tiempo de diferencia. Voy por el minutos 4:17 y ya quiero salir del video pero me voy a aguntar por que me late que esta demstracion va hacer muy interesante, aparte, el diseno me gusta mucho. Espero que no lo tomes a mal, es una sugerencia que hara una gran mejora en tu canal.

@AlexCGDesign 3 года назад

Claro Melvyn, gracias por la sugerencia ! :)