Atividade Pratica Ferramentas da Programacao Web - Criacao de Site HTML CSS JavaScript

CENTRO UNIVERSITÁRIO INTERNACIONAL UNINTER ESCOLA SUPERIOR POLITÉCNICA CURSO FERRAMENTAS DA PROGRAMAÇÃO WEB ATIVIDADE PRÁTICA NOME RU CIDADEESTADO 2023 1 Estrutura de pastas do projeto Aqui pode colocar imagem do Explorer ou VSCode COLOCAR IMAGEM 2 COLOCAR NOME DOS ARQUIVOS COPIAR CÓDIGO Exemplo Nome do arquivo indexhtml Abaixo copiarcolar código Nome do arquivo estilo Css Abaixo copiarcolar código Fazer isso para cada uma das páginas que você criou 3 COLOCAR IMAGEM DO CÓDIGO EM EXECUÇÃO index Aqui pode abrir seu site na internet e dar um print na tela indexhtml 4 Colocar endereço onde publicou o site Teste o link antes de colocar o endereço aqui Não temos recuperação em trabalhos Se o link não abrir perde 50 da nota 1 Escolher o domínio do site gratuito no 000webhost O domínio gratuito é composto do nome que você escolher mais uma parte do nome do site do 000webhost conforme o exemplo abaixo httpsmargakla000webhostappcom Ao fazer o cadastro é a primeira tela que abre solicitando o nome que você escolhe para parte do domínio Recomendo utilizar a mesma senha que fez para o cadastro A próxima tela será Depois de criar o seu cadastro e ativar ele abrirá essa tela 1 2 3 Na próxima tela talvez abra uma tela para você digitar o nome do usuário que você criou e a senha a mesma que você utiliza para entrar no 000Webhost 4 5 Clicar em Up Load 6 7 Na próxima tela que abrir selecione os arquivos que deseja enviar para o servidor 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 para publicar o seu site na internet 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 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 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 Fundamentos da Programação Web Atividade Prática Nome do arquivo indexhtml Abaixo copiar e colar códigos que você desenvolveu Nome do arquivo estilocss 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 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 Não atendeu Nota de cada página Fundamentos da Programação Web Atividade Prática Valor de 1 a 24 pontos cada página Valor 0 pontos 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 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