repositório criado para o trabalho de fundamentos web...
PALETA DE CORES: preto - #000000 azul marinho = #14213D amarelo - #FCA311 cinza - #E5E5E5 branco - #FFFFFF
REQUISITOS PARA O TRABALHO DE WEBSITE
(3a AVALIAÇÃO – T2)
O objetivo deste trabalho é implementar um site, segundo tema proposto pelas equipes e avalizadas pelo professor, não tendo grupos com temas iguais ou semelhantes. O site será essencialmente desenvolvido em formato HTML, de preferência voltado ao Comércio Eletrônico de produtos ou serviços, mas sem a obrigatoriedade de sê-lo. Para isso você deverá construir a seguinte estrutura MÍNIMA abaixo de páginas:
REQUISITOS MÍNIMOS
A primeira página (index.html) deverá conter uma imagem de apresentação do tema (um logotipo, por exemplo) e conter uma apresentação breve sobre o assunto e o(s) autor(es) do site. A imagem deverá ser um link para entrar no site (direcionando para a página inicial de seu projeto) O site deverá ter pelo menos as seguintes páginas: Show room de Produtos: seu site deverá oferecer algum tipo de “produto de negócio”, que tanto pode ser um produto físico (sapato, alimento, eletrônico, etc) quanto serviços quaisquer, obviamente relacionado ao tema do seu site (exemplos: se site for um PetShop, produtos ou serviços de pet, se for de um restaurante, alimentos e bebidas do mesmo, e assim por diante). Logo, você deverá oferecer pelo menos 05 produtos e/ou serviços numa página que estes se apresentam (contendo sua imagem, titulo, uma breve descrição de valor). Cada elemento ou produto deverá abrir uma nova página contendo as informações completas daquele produto/serviço, contendo mais imagens, descrição completa, preço, condições de pagamento (principalmente se for um serviço), dentre outras informações que julgar importantes serem apresentadas. Notícias: página que conterá as últimas 5 notícias relacionados ao tema. Nesse caso, você deverá pesquisar na internet as notícias variadas e colocar nesta página uma pequena parte da mesma, como se fosse um resumo. Ao final de cada notícia, terá um link para a página que contém a notícia integralmente, abrindo-a em uma janela externa.
Cadastro: esta página deverá ter um formulário de cadastro para os clientes que desejarem automatizar sua filiação. O formulário deverá ter os seguintes campos:
∙ Nome, Endereço Completo (Rua, Cidade, Estado, CEP), Telefone Residencial, Profissão, Data de nascimento, CPF (campos de texto normal) e Email. ∙ Estado Civil (campo de “Seleção”) ∙ Sexo (campo “Radio”) ∙ Observações (campo estilo TextArea)
O formulário deverá submeter as informações através do método Post e serem enviadas para o e- mail do administrador do site (configuração do action do formulário).
Fale conosco ou Contato: é a seção “Fale Conosco”, onde haverá um formulário com os campos e -mail do remetente, assunto, corpo da mensagem. Haverá dois botões, um para ENVIAR a mensagem e outro para LIMPAR os campos. No caso do botão enviar, deverá ser enviado ao mesmo email anteriormente citado. Uma página do site deverá descrever o Projeto do Site: objetivos, público alvo, tecnologias utilizadas, restrições e requisitos mínimos para usuários, dificuldades encontradas, pontos fortes e fracos, periodicidade de atualização e indicar como foi aplicado o Bootstrap em seu projeto, segundo as regras a seguir.
USO DE CSS E BOOTSTRAP ⮚ Seu projeto deverá ter a estilização (uso de CSS) totalmente de sua autoria, sendo que possíveis usos de propriedades CSS não ensinadas em aula serão apresentadas pessoalmente ao professor pelo grupo e seus integrantes. ⮚ É desejável que o site seja responsivo, constituindo como bonificação à nota até para atenuar erros no projeto (assim como outras melhorias adicionais). ⮚ O uso do Bootstrap, seus temas e templates não será permitido!
ORIENTAÇÕES
-
Além dos requisitos e páginas obrigatórias acima, o grupo deverá obrigatoriamente complementar sua aplicação com outras páginas, tornando o site o mais completo possível, na exposição do ramo de negócio ou assunto que estiver abordando.
-
Todas as páginas devem possuir links para quaisquer páginas do site (mapa de navegação);
-
Cuidado com links absolutos!!! Os links devem ser relativos para não comprometer a correção de sua prova e o funcionamento do site;
-
Cada grupo poderá utilizar textos e imagens que considerar convenientes para uma melhor implementação do site.
-
Lembre-se que tudo A MAIS do que foi fornecido será levado em consideração.
-
Serão avaliados também o conteúdo (não estou exigindo um número mínimo de páginas, mas é preciso que o site apresente uma consistência no conteúdo), usabilidade, harmonia, estilo e navegabilidade do site (lembrem-se do que nós discutimos em sala de aula e utilizem o material disponibilizado como referência e apoio).
-
Testem o site!!!!!