mergulhamos fundo no processo de estilização e organização de um site utilizando HTML e CSS, com foco nas tags semânticas
, e . Foi mais do que apenas aplicar código; nós vimos a importância do design estruturado e como ele transforma não só o visual do projeto, mas também a acessibilidade e usabilidade para os usuários.Conquistas e aprendizados: Estilização do Footer:
Criamos um rodapé estilizado, aprendendo a combinar padding, cores harmônicas e fontes específicas para alcançar um layout limpo e funcional. Isso trouxe um elemento de identidade visual para o site, mostrando como o rodapé pode ser mais do que apenas um "fim de página". Construção do Header:
Desenvolvemos o cabeçalho com links de navegação organizados e centralizados usando Flexbox. Foi essencial explorar propriedades como gap, hover, text-decoration, e alinhamento, mostrando o impacto do CSS na criação de interfaces dinâmicas. Navegação com
:Aprofundamos na utilização da tag
para agrupar links de navegação, reforçando a semântica do HTML e sua importância para a indexação em motores de busca. Incorporamos acessibilidade ao nosso projeto, garantindo que a estrutura atenda não apenas à estética, mas também à funcionalidade. Espaçamento com Padding:Compreendemos a diferença entre margin e padding, ajustando o espaçamento interno e externo para criar áreas de respiro e melhorar o design visual do site. Aprendemos que pequenas mudanças de espaçamento podem transformar a experiência do usuário. Efeitos de Hover:
Exploramos o seletor :hover para adicionar interatividade e estilo aos elementos, como mudanças de cores, bordas e cursores, dando vida ao layout. Aprendemos a importância de efeitos visuais para tornar a navegação mais intuitiva e envolvente. Flexibilidade no Design:
Removemos o uso rígido de height: 100vh, aprendendo a adaptar o layout para incluir novos elementos como rodapés sem comprometer a estrutura. Essa flexibilidade no código garante que o site evolua com facilidade à medida que novas ideias são implementadas. Esse aprendizado não foi apenas técnico, mas também uma oportunidade de crescimento pessoal e profissional. Percebi que a construção de um site vai além do código; ela reflete a criatividade, a atenção aos detalhes e a busca por soluções elegantes. Revisar conceitos como semântica HTML, boas práticas em CSS, e a importância da responsividade me mostrou como pequenas decisões impactam o todo.
Foi gratificante sair da zona de conforto, explorar efeitos visuais, e testar diferentes abordagens. Cada desafio foi uma oportunidade de crescer, e cada erro, uma chance de aprender. Hoje, consigo enxergar o valor de um site bem estruturado, tanto para o usuário quanto para o desenvolvedor.
