HDTutorial
ES

La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).

Cómo crear una tienda online completa con HTML y CSS paso a paso | Diseño web e-commerce

3.819.646 visualizaciones 11 de julio de 2020 1:24:43

Ver en YouTube
CanalEasy Tutorials

En resumen

Construye un sitio web de e-commerce completamente responsivo usando solo HTML y CSS, perfecto para principiantes. Crearás una página de inicio con banners, listados de productos, testimonios y una navegación adaptada a móviles—sin necesidad de JavaScript ni backend. Ideal para quienes empiezan en diseño web o quieren ampliar su portafolio.

Pasos clave

  1. Añadir fuentes de Google para consistencia tipográfica
  2. Crear una sección de categorías destacadas con imágenes
  3. Diseñar una cuadrícula de productos con precios, imágenes y valoraciones
  4. Incluir una sección de productos recientes y un banner de oferta
  5. Agregar testimonios y un espacio destacado de marcas top
  6. Construir un pie de página de 4 columnas y hacer que el sitio sea responsivo en móvil

Descripción del autor

APRENDE A CONSTRUIR UN SITIO WEB DE COMERCIO ELECTRÓNICO COMPLETO Y RESPONSIVO USANDO HTML Y CSS - TUTORIAL PASO A PASO, DISEÑO DE TIENDA ONLINE CON HTML Y CSS

En este video aprenderás a desarrollar una tienda online desde cero, paso a paso, utilizando solo HTML y CSS. En el diseño de esta tienda online crearemos la página de inicio con un banner, categorías destacadas con imágenes, luego productos destacados con su precio, imagen y valoración.

Después, añadiremos una sección con los productos más recientes y una oferta especial con un producto exclusivo. Más abajo, encontrarás testimonios de clientes y una sección de marcas top. Finalmente, crearemos un pie de página con 4 columnas.

Luego, haremos el menú desplegable para móviles y adaptaremos todo el diseño para que sea completamente responsive en dispositivos móviles.

En la siguiente parte, crearemos la página de todos los productos, la página de un solo producto, la página del carrito de compras, y las páginas de inicio de sesión y registro para esta tienda online.

Videos recomendados:

Curso completo de HTML y CSS para principiantes

Atajos de teclado en Brackets para codificar más rápido

Top 5 tutoriales de sitios web completos con HTML y CSS

❤️ Sitio web completo usando HTML y CSS
✔️ 8 sitios web completos paso a paso
✔️ Descarga del código fuente
✔️ 76 lecciones, 12 horas de video
✔️ Certificado de finalización del curso

Mis herramientas y tutoriales recomendados

◼️ El enlace del código fuente se comparte en una publicación de la comunidad exclusiva para miembros del canal
Únete al membresía del canal:

Marcadores de tiempo:

00:00 Vista general del sitio
06:40 HTML y C...

Sobre este tutorial

Easy Tutorials publicó este tutorial en vídeo de 1:24:43 el 11 de julio de 2020. Se ha visto 3.819.646 veces en YouTube.

Categoría
Educación
Duración
1:24:43
Publicado
11 de julio de 2020
Visualizaciones
3.819.646
Me gusta
74.309

Compartir

Este tutorial en otros idiomas