Desenvolvimento de um Site em HTML, Uso consciente da água

...

O motivo do isolamento das divs header e menu se deve ao fato de termos escolhido a não restrição de tamanho, e outros itens das mesmas com relação à div Container.

O código foi divido pelos comentários com o nome das id’s, sendo que a estruturação foi divida basicamente em: cabeçalho, menu, conteúdo e rodapé.

Na paginação do conteúdo, utilizamos páginas que estão destacadas no menu do site, sendo que ao redirecioná-las, encontra-se um código com as mesmas estruturas da index, porém, contendo apenas uma estrutura básica para o conteúdo.

Na Página Index, encontramos uma página que contém o conteúdo principal, sendo que incluímos as imagens e outras abordagens que fazem referência ao tema, na página contatos, fizemos o uso de um formulário, usando as tags , e . Tudo junto aos nossos e-mails para contato. Ao abrir a página de Dicas, encontramos mais contéudo a respeito do tema e com isso textos e diversas citações. Já, abrindo a página de vídeos, encontramos vídeos a respeito do tema, sendo que para adicionarmos o vídeo, fizemos o uso do recurso de incorporação de player do Vimeo, onde pudemos adicionar com facilidade os mesmos a tal página. E por fim, nas páginas bibliografia e colorir, encontramos respectivamente, as fontes pelas quais ajudaram no desenvolvimento do conteúdo do site e imagens para serem coloridas, reforçando a ideia de foco no público infantil. As principais tags utilizadas para cada página, são respectivamente, as tag e .

No fim, otimizamos vários aspectos do código para que o mesmo tenha qualidade ao ser hospedado num servidor, sendo que mudamos tamanhos de imagens, simplificamos linhas do código e outros, para garantir a melhor navegação.