Para este projeto, sua tarefa é levar o conteúdo para a página inicial de um site de observação de aves e adicionar elementos estruturais a ele para que possa ter um layout de página aplicado a ele. Precisa ter:
- Um cabeçalho abrangendo toda a largura do site contendo o título principal da página, o logotipo do site e o menu de navegação. O título e o logotipo aparecem lado a lado quando o estilo é aplicado e a navegação aparece abaixo desses dois itens.
- Uma área de conteúdo principal contendo duas colunas - um bloco principal para conter o texto de boas-vindas e uma barra lateral para conter miniaturas de imagens.
- Um rodapé contendo informações de direitos autorais e créditos.
Você precisa adicionar um wrapper adequado para:
- O cabeçalho
- O menu de navegação
- O conteúdo principal
- O texto de boas vindas
- A barra lateral da imagem
- O rodapé
- Aplique o CSS fornecido à página, adicionando outro elemento logo abaixo do existente, fornecido no início.
- Use o W3C Nu HTML Checker para detectar erros não intencionais no seu HTML, CSS e SVG - erros que você pode ter perdido de outra forma - para que você possa corrigi-los.
- Você não precisa conhecer nenhum CSS para fazer essa avaliação; você só precisa colocar o CSS fornecido dentro de um elemento HTML.
- O CSS fornecido é projetado para que, quando os elementos estruturais corretos forem adicionados à marcação, eles apareçam em verde na página renderizada.
- Se você está ficando preso e não pode visualizar quais elementos colocar onde, geralmente ajuda a desenhar um diagrama de blocos simples do layout da página, e escrever nos elementos que você acha que deve envolver cada bloco.
