Ao sair da aula de sua disciplina favorita, você e mais 1 ou 2 amiguinh@s decidiram fazer um site sobre um determinado assunto - o Assunto X - sobre a matéria, para motivar os demais alunos ou então para ajudá-los a aprender.
O grupo pode (e deve, porque fica mais legal!!) envolver o professor da outra disciplina no projeto, para que ele contribua com ideias e críticas.
O site deve conter:
- Pelo menos três páginas, com links entre elas (por exemplo, via menu de navegação)
- Um menu de navegação
- Um logotipo, que pode ser
- um logotipo propriamente dito ou
- o nome da disciplina e do tópico (como subtítulo), escritos em uma fonte diferente
- Uma das páginas deve conter informações sobre o site, contendo:
- Informação sobre os autores do site (o grupo)
- Informação sobre colaboradores (se tiver, por exemplo, um professor da disciplina escolhida que ajudou no trabalho)
- Atribuição de créditos:
- Se estiver usando recursos de terceiros (e.g., vídeos, sons, imagens etc.), a página deve mostrar quem é o autor de cada um, possivelmente com o link apontando onde esse recurso foi encontrado
- Inclusão de estilos em arquivo CSS externo
- Para estilizar seu HTML, utilize mais seletores de classes e tags
- Use seletores por id apenas se realmente necessário, porque eles não promovem reuso de código
- Alguns elementos com posicionamento não estático (ver slides)
- Uso de tags semânticas sempre que aplicável (ver slides)
- Ter algo interativo feito em JavaScript (criado por vocês) para, por exemplo, resolver uma fórmula matemática que ilustre o conceito sendo apresentado
- Usar alguma fonte não instalada - webfonts (ver slides)
- Ter uma dentre as seguintes 4 opções:
- Tabela com uma célula ocupando mais de uma coluna ou linha; ou
- Uma lista de definição (
<dl>...</dl>- pesquisar); ou - Código fonte dentro da página (
<pre></pre>e<code></code>- pesquisar); ou - Campos de entrada de dados
- Utilizar, em algum momento, pseudo-elements ou pseudo-classes (ver slides)
- Exibição de um vídeo sobre o tema (ver slides)
- Layout e design agradáveis - não pode ter carinha de site da década de 90
Alguns descuidos podem fazer com que sua nota fique muito abaixo do esperado:
- Plágio do trabalho de outrem
- Ausência de itens obrigatórios
- Uso de elementos antigos dentro do HTML (e.g., tags
<center>,<b>,<font>) - Ignorar boas práticas de programação:
- Código pouco legível,
- Muita repetição de código,
- Criação de variáveis desnecessárias
- Código CSS ou JavaScript inline etc.
O trabalho deve ser entregue de duas formas: (a) um arquivo compactado contendo todo o site e (b) uma URL apontando para o site hospedado na Internet. É isso mesmo. Na Internet :3!!
Para tanto, o grupo deve publicar o site usando algum serviço de hospedagem gratuito. Ouvi dizer que o Neocities é uma boa. Ouvi ainda, que para quem conhece um pouco sobre Git e GitHub, o Github Pages também é uma boa opção.
Ao final do seu trabalho, você deve submeter pelo Moodle o arquivo compactado e o link para seu site nas Interwebs.
Na última aula do bimestre, o trabalho deve ser apresentado em sala de aula. Não é necessário fazer uma apresentação, mas apenas mostrar o site e falar sobre como foi seu desenvolvimento.