Exercícios sobre HTML e CSS
1. Usando um tema a vossa escolha, o trabalho em grupo de HTML e CSS consiste em criar pelo menos três documentos HTML5 válidos, todos eles utilizando uma Folha de Estilos em Cascata (utilize apenas um arquivo CSS externo).
2. O trabalho deve ter um projecto de desenvolvimento da página de no máximo duas páginas (Estrutura a escolha dos estudantes), incluindo os nomes dos elementos do grupo.
3. Os grupos devem escolher o tema e partilhar via WhatsApp, para evitar sobreposição de temas até 30 de Setembro de 2023.
4. As três (ou mais) páginas HTML devem estar ligadas umas às outras através de uma lista de navegação (MENU).
5. A página web deve ter um tema consistente ao longo de todo o trabalho.
6. Deve também preencher as páginas com conteúdo de texto relacionado com o tema selecionado.
7. Estão livres para usar linguagens de acordo com a vossa criatividade.
8. Incluam comentários a explicar o vosso código.
9. Os ficheiros do site devem ser gravados em uma única pasta.
10. Os ficheiros deverão ser comprimidos em um ficheiro ZIP ou RAR e submetidos via plataforma VULA até 15 de Outubro de 2023
O HTML:
- Um cabeçalho (<head>) e um rodapé (<footer>) em cada página.
- Parágrafos (<p>).
- Títulos de pelo menos dois níveis (por exemplo, <h2> e <h3>).
- Um sistema de navegação que liga as três páginas entre si.
- Uma imagem incorporada., vídeo incorporado do Youtube e um mapa
- URL absoluto.
- Lista (ordenada, não ordenada, lista de definição - escolha pelo menos uma lista).
O CSS: Pelo menos as seguintes propriedades devem ser definidas:
- Largura da página.
- Família de fontes.
- Tamanho da fonte.
- Cor da fonte e cor de fundo.
- Posicionamento do conteúdo, Float, Posicionamento Relativo, Posicionamento Absoluto - utilize no mínimo dois. Utilize top, bottom, right e left para especificar onde o espaço deve ser adicionado ao elemento.
DICAS: visitem os seguintes websites para dicas
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- http://learn.shayhowe.com/html-css/positioning-content/#uniquely-positioning-elements