Fundamentos de Prog. Web

Slides

Gabarito Prova 1

Trabalhos

 

Trabalho 2 de fundamentos de programação web - Desenvolvimento de website
 
Em grupos de até 3 pessoas, elaborar um website (não é necessário hospedar nem criar servidor web, basta criar os arquivos que constituirão a página e gravá-los em uma estrutura de diretórios adequadamente organizada para esse fim).
 
O website deverá conter todos os recursos que forma estudados observando os seguintes detalhes especiais:
 
Um menu para acessar às outras seções do site. Esse menu pode ser colocado em um esquema de frames.
 
O site deve possuir uma página que contenha um formulário com alguma finalidade. O formulário não precisa funcionar, apenas deve existir e conter ao menos 2 campos de texto, 1 área de texto, 1 conjunto de botões do tipo checkbox, 1 conjunto de botões do tipo radio, uma lista dropdown, e uma opção de selecionar arquivo. Além disso, você deve envolver elementos do formulário (inputs e listas) em no mínimo 2 fieldsets. Os campos devem possuir atalhos e ao clicar no rótulo dos campos o cursor de entrada deve ser posicionado no campo associado ao rótulo que fora clicado.
 
O site deve possuir aspectos visuais definidos por meio de CSS para todas as páginas inserido como uma folha de estilo externa. Além disso, algumas páginas devem mudar o efeito do CCS ligado externamente tanto por meio de uma sobreposição de estilo CSS inserido de forma embutida, quanto da forma inline.
 
O site deve conter algumas referências para outras páginas. Também deve conter tabela, imagens, e outros elementos que foram estudados.
 
O trabalho deverá ser entregue como um arquivo compactado contendo todas as páginas, imagens e arquivos de configuração de folhas de estilo.
 
A avaliação consistirá da inspeção de cada website e de apresentação em sala de aula, na qual cada membro de cada grupo deverá explicar partes do código que ele fez, indicando a relação entre os códigos e o efeito resultante na visualização da página. O grupo também deve explicar certas decisões de projeto que foram tomadas, como a estrutura da informação (o projeto do layout das páginas do site), o que foi feito para que o site não faça com que o usuário se sinta perdido em meio às diferentes páginas/seções e elementos de acessibilidade que foram inseridos nas tags de marcação HTML.
O website consiste de 40% da nota e o restante será atribuído à apresentação. A apresentação será avaliada de acordo com a capacidade do aluno em explicar o que ele precisou decidir e codificar para atingir o resultado pretendido (visual e estrutura), isto é, o domínio do aluno sobre os recursos que ele utilizou para implementar as páginas).