Website desenvolvido com fins acadêmicos sobre a marca de sapatos Converse. Criado utilizando HTML e CSS como parte das disciplinas de Programação Web (PWI) e Língua Inglesa do 1º ano do curso técnico de Desenvolvimento de Sistemas.
O objetivo do site é contar a história centenária do All Star, desde sua criação nas quadras de basquete até se tornar um símbolo do movimento Punk e da moda casual. O foco é na clareza do conteúdo e na construção de um layout responsivo e visualmente agradável.
Nele, o visitante encontra:
- Página "Sobre": História detalhada do tênis, organizada em blocos de texto e imagens, com layout Flexbox.
- Página "Modelos": Galeria de modelos atuais com informações de preço e especificações técnicas em tabela.
- Página "Contato": Área dedicada a dúvidas, sugestões e um formulário funcional.
- Layout Responsivo: Estilização adaptada para telas de PC (Desktop) e Celular (Mobile).
- Navegação Intuitiva: Cabeçalho e rodapé fixos com fácil acesso às seções, garantindo a acessibilidade da navegação.
O site foi desenvolvido inteiramente com HTML e CSS puro, focando na estilização e na prática de posicionamento fixo e flexível (Flexbox).
O projeto contém as seguintes páginas e arquivos de estilo:
- index.html – Página principal (Home) com banners.
- sobre.html – Página com a história, evolução e composição do tênis.
- modelos.html – Página que exibe uma galeria de produtos e a tabela de especificações.
- contato.html – Página com formulário de contato.
- estilo.css – Arquivo de estilos principal, contendo regras globais, media queries para responsividade (PC/Mobile), Flexbox e as correções para o cabeçalho fixo.
- imagens/ – Pastas contendo banners, modelos de tênis e ícones de navegação.
- HTML5 – Estrutura semântica das páginas.
- CSS Puro – Estilização principal, incluindo a implementação do layout fixo (
position: fixed) e Flexbox. - Media Queries – Para garantir a responsividade em diferentes dispositivos.
- Google Fonts – Tipografias personalizadas (
Questrial-RegulareCalibri).
Este projeto é exclusivamente didático, desenvolvido para prática de Programação Web e para consolidação dos conceitos de HTML e CSS, aplicado ao tema fictício de um website sobre um produto icônico.
Desenvolvido por Julia de Melo Romo Franco
Projeto acadêmico – ETEC de Hortolândia
Disciplina: Programação Web (PWI) e Língua Inglesa