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 Atendeu Não atendeu Nota de

Valor 25 pontos cada parcialmente cada
página Valor de 1 a Valor 0 pontos cada página
24 pontos página
cada página
Sobre mim Atendeu todos os Atendeu Não atendeu os
Formação requisitos solicitados: parcialmente requisitos solicitados
Portfólio seguiu as orientações do os requisitos ou não apresentou a
Contato enunciado, o código possui solicitados, página solicitada
comentários e está indicados na
funcionando corretamente, primeira
os links estão funcionando coluna, a
corretamente, usou sua nota pode
criatividade, fez uma boa variar de 1 a
diagramação, colocou 24 pontos
conteúdo. Entregou a parte por página.
escrita e publicou na Se o link não
internet o site (www....) abrir haverá
desconto da
nota, sem
conteúdo
haverá
desconto de
nota.
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