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 (livre) ❖ Acesso a um provedor de hospedagem gratuito. ❖ 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. 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; ❖ 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). ❖ Utilizar somente CSS, não pode utilizar bootstrap ou similares; ❖ Explicar seu código através de comentários, sem exageros; Fundamentos da Programação Web Atividade Prática ❖ 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 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. Não esquecer de colocar o endereço de onde publicou o seu portfólio. A entrega do arquivo de ser docx ou pdf, mas recomendamos em pdf para evitar desconfigurações entre as versões e ou diferentes editores de texto utilizados. 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. OBS: Deverá ser entregue no link “Trabalhos”. Utilizando o modelo disponibilizado na aula 7 em ".docx" (Word). Fundamentos da Programação Web Atividade Prática Dicas: 1. Capriche na diagramação, vai ser avaliado se está agradável visualmente. 2. Colocar conteúdo, principalmente nos itens sobre você, formação acadêmica e até experiência profissional se você tiver. 3. Utilize o doctype html5 4. 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. 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 – nota zero para ambos os alunos. 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 na internet – desconto de 50% sobre a nota total Não colocou conteúdo ou utilizou o “lorem ipsum” – desconto de 50% da nota. Caso poste o trabalho com link errado, perderá a nota, não será substituído o trabalho, nem será corrigido. Teste o link antes de enviar o trabalho. Caso poste o arquivo de entrega errado, não haverá possibilidade de substituição ou reenvio. Atenção na hora da postagem. Total da Nota