ATIVIDADE PRATICA_C2_VF

Prévia do material em texto

Fundamentos da Programação Web 
Atividade Prática 
 
 
 
 
 
ATIVIDADE PRÁTICA 
 
1. OBJETIVO 
Aplicar os conceitos estudados na disciplina. 
 
2. PROGRAMAS NECESSÁRIOS 
Para desenvolver esta atividade será necessário: 
❖ HTML 
❖ CSS 
❖ JavaScript (é opcional utilizar JavaScript e se utilizar é livre) 
❖ Acesso a um provedor de hospedagem gratuito, para 
publicar o seu site na internet. (Na aula prática 1, mostrei 
duas publicações no 000webhost e no GitHub Pages). 
❖ Um diagramador (IDE VS Code, por exemplo) 
 
3. ORIENTAÇÕES GERAIS 
Desenvolver um site, totalmente funcional, com no mínimo quatro links, 
conforme orientações, e publicá-lo num servidor de hospedagem gratuito. 
Procure deixar o menu visível em todas as páginas, evite o uso do VOLTAR do 
navegador. 
Na aula prática 1 há orientações sobre publicações. 
Exemplos: 
 
 
Fundamentos da Programação Web 
Atividade Prática 
 
 
 
 
 
 
Ou 
 
 
 
O tema do site: Portfólio pessoal (CV online). 
 
Requisitos: 
❖ Um link Sobre mim: que fale sobre você, hobbies etc; 
❖ Um link sobre sua formação educacional, idiomas; 
 
 
Fundamentos da Programação Web 
Atividade Prática 
 
 
 
 
 
❖ As páginas solicitadas deverão ter informações em forma de texto. 
Páginas com Lorem Ipsum terão descontos na nota. 
❖ Um link com seu portfólio. Pode colocar links para outros sites que você 
tenha feito, ou com trabalhos que você tenha desenvolvido no curso em 
outras disciplinas. No decorrer da disciplina foram colocados exemplos 
de sites, você pode refazer esses exemplos e utilizar como portfólio. 
❖ Link para contato – fazer a parte visual do formulário. (utilizar inputs: 
nome, email, mensagem). Exemplo: 
 
❖ Utilizar CSS, não pode utilizar bootstrap ou similares; 
❖ Explicar seu código através de comentários, sem exageros; 
❖ Não poderá utilizar Wix, WordPress e frameworks desse tipo. Deve ser 
desenvolvido com linguagem pura (somente HTML e CSS). 
❖ Ao criar o seu usuário no servidor de hospedagem gratuito, utilize seu 
nome como parte do domínio. 
 
CUIDADO 
Em programação, não existem dois códigos exatamente iguais. Cada 
programador organiza seu código de uma forma diferente, declara variáveis 
com nomes diferentes, faz comentários diferentes, gera mensagens aos 
 
 
Fundamentos da Programação Web 
Atividade Prática 
 
 
 
 
 
usuários distintas etc. Por este motivo, e como a atividade é INDIVIDUAL, 
não serão aceitas páginas idênticas entre alunos (ou iguais à Internet). Caso 
o corretor observe respostas iguais, elas serão consideradas como PLÁGIO 
e será atribuída a NOTA ZERO na questão. 
 
 
4. Entrega da atividade 
Postar os códigos no modelo de documento fornecido. Identificar o nome do 
arquivo e copiar e colar utilizando o botão direito do mouse, para cada uma das 
páginas que você desenvolveu, por exemplo: 
Nome do arquivo: index.html 
Abaixo copiar e colar códigos que você desenvolveu. 
Nome do arquivo: estilo.css 
Abaixo copiar e colar códigos que você desenvolveu. 
Fazer isso para cada arquivo que você criou. 
Não esquecer de colocar o endereço de onde publicou o seu portfólio. 
A entrega do arquivo pode ser docx ou pdf. 
 
5. Critérios de Avaliação 
Para que você obtenha a nota máxima na atividade, precisará cumprir todos 
os requisitos básicos explicados nas ORIENTAÇÕES GERAIS. 
Deverá ser entregue no link Trabalhos o endereço do seu site publicado na 
internet. 
 
Dicas: 
 
 
Fundamentos da Programação Web 
Atividade Prática 
 
 
 
 
 
Capriche na diagramação, vai ser avaliado se está agradável visualmente. 
Colocar conteúdo, principalmente nos itens sobre você, formação 
acadêmica e até experiência profissional se você tiver. 
Utilize o doctype html5 
Não utilize bootstrap ou similares. 
 
Páginas Atendeu Totalmente 
Valor 25 pontos cada 
página 
Atendeu 
parcialmente 
Valor de 1 a 
24 pontos 
cada página 
Não atendeu 
 
Valor 0 pontos cada 
página 
Nota de 
cada 
página 
Sobre mim Atendeu todos os 
requisitos solicitados: 
seguiu as orientações do 
enunciado, o código possui 
comentários e está 
funcionando corretamente, 
os links estão funcionando 
corretamente, usou sua 
criatividade, fez uma boa 
diagramação, colocou 
conteúdo. Entregou a parte 
escrita e publicou na 
internet o site (www....) 
Atendeu 
parcialmente 
os requisitos 
solicitados, 
indicados na 
primeira 
coluna, a 
nota pode 
variar de 1 a 
24 pontos 
por página. 
Se o link não 
abrir haverá 
desconto da 
nota, sem 
conteúdo 
haverá 
desconto de 
nota. 
Não atendeu os 
requisitos solicitados 
ou não apresentou a 
página solicitada 
 
Formação 
Portfólio 
Contato 
Apresentou código igual ao de outro colega ou copiado da internet – terá nota 
zero 
 
 
 
Fundamentos da Programação Web 
Atividade Prática 
 
 
 
 
 
Apresentou somente o link para abrir o trabalho, sem enviar o código solicitado – 
será descontado 50% da nota. 
 
Apresentou somente o código sem o link com as páginas hospedadas – desconto 
de 50% sobre a nota total 
 
Não colocou conteúdo – desconto de 50% da nota. 
Total da Nota