Olá Affonso, tudo bem?
Ficamos felizes em saber que você está gostando das aulas do Guilherme e da Rafaella! É ótimo ver o seu entusiasmo pelo conteúdo.
Sobre a sua pergunta,muito legal você estar pensando em manter o header e o footer consistentes em todas as páginas e trocar apenas o conteúdo da <main>. Isso é uma prática comum para criar um design coeso e de fácil navegação em sites.
Para atingir esse objetivo, você pode usar técnicas como a criação de um arquivo HTML principal (por exemplo, index.html) que contém o header, footer e um espaço reservado para o conteúdo da <main>. Em seguida, crie arquivos separados para cada página (como about.html, contact.html, etc.), onde você incluirá apenas o conteúdo específico da <main>.
Quanto à desativação dos links na barra de navegação quando o usuário está na página correspondente, você pode usar classes CSS para indicar a página ativa e, em seguida, estilizar os links de acordo com essa classe. Isso pode ser feito adicionando ou removendo a classe dependendo da página atual ou usando JavaScript para gerenciar esse comportamento.
Lembre-se de que a repetição de links nos diferentes arquivos HTML é normal, especialmente quando se deseja manter o design e a funcionalidade consistentes. Porém, você também pode explorar o uso de ferramentas e frameworks, como sistemas de templates ou frameworks de front-end (por exemplo, React, Vue.js), para criar componentes reutilizáveis que facilitam a manutenção e atualização do código.
Espero que essas orientações ajudem você a atingir o resultado desejado. Se tiver mais dúvidas ou precisar de assistência adicional, não hesite em perguntar. Estamos aqui para ajudar!
Caso este post tenha lhe
ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
