HDTutorial
PT

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Como criar um site de e-commerce completo com HTML e CSS passo a passo | Design de site de e-commerce

3 819 646 visualizações 11 de julho de 2020 1:24:43

Ver no YouTube
CanalEasy Tutorials

Em resumo

Construa um site de e-commerce totalmente responsivo usando apenas HTML e CSS, perfeito para iniciantes. Será criado um homepage com banners, listagens de produtos, depoimentos e uma navegação adaptada a dispositivos móveis—sem JavaScript ou backend necessário. Ideal para quem está começando em design web ou quer ampliar o portfólio.

Passos principais

  1. Adicionar fontes do Google para consistência tipográfica
  2. Desenvolver uma seção de categorias em destaque com imagens
  3. Criar uma grade de produtos com preços, imagens e avaliações
  4. Incluir uma seção de produtos recentes e um banner promocional
  5. Adicionar depoimentos e um destaque das principais marcas
  6. Construir um rodapé com quatro colunas e garantir que o site seja responsivo em dispositivos móveis

Descrição do autor

APRENDA A CRIAR UM SITE DE E-COMMERCE COMPLETO E RESPONSIVO USANDO HTML E CSS - TUTORIAL PASSO A PASSO, DESIGN DE SITE DE E-COMMERCE EM HTML E CSS

Neste vídeo, você vai aprender a construir um site de e-commerce do zero, passo a passo, usando apenas HTML e CSS. Vamos criar a página inicial com um banner, categorias em destaque com imagens, depois produtos em destaque com preço, imagem e avaliação.

Em seguida, vamos adicionar uma seção com os produtos mais recentes e uma oferta especial com um produto exclusivo. Mais abaixo, você encontrará depoimentos de clientes e uma seção de marcas top. Por fim, vamos criar um rodapé com 4 colunas.

Depois, vamos fazer o menu drop-down para dispositivos móveis e tornar todo o design completamente responsivo em aparelhos móveis.

Na próxima parte, vamos criar a página de todos os produtos, a página de um único produto, a página do carrinho de compras, e as páginas de login e registro para este site de e-commerce.

Vídeos recomendados:

Curso completo de HTML e CSS para iniciantes

Atalhos do editor Brackets para codificar mais rápido

Top 5 tutoriais de sites web completos com HTML e CSS

❤️ Site web completo usando HTML e CSS
✔️ 8 sites web completos passo a passo
✔️ Download do código fonte
✔️ 76 aulas, 12 horas de vídeo
✔️ Certificado de conclusão do curso

Minhas ferramentas e tutoriais recomendados

◼️ O link do código fonte é compartilhado em uma publicação na comunidade exclusiva para membros do canal
Junte-se à assinatura do canal:

Marcações de tempo:

00:00 Visão geral do site
06:40 HTML e C...

Sobre este tutorial

Easy Tutorials publicou este tutorial em vídeo de 1:24:43 em 11 de julho de 2020. Foi visto 3 819 646 vezes no YouTube.

Categoria
Educação
Duração
1:24:43
Publicado
11 de julho de 2020
Visualizações
3 819 646
Gostos
74 309

Partilhar

Este tutorial noutros idiomas