PROJETO XHTML Área do projeto: Site Projeto: Desenvolver uma

PROJETO XHTML
Área do projeto: Site
Projeto:
Desenvolver uma Home Page para a “Extreme” uma Loja de Artigos Esportivos nacionais e
importados que precisa se adequar às exigências do mercado. O briefing gerado pelo departamento
de Marketing determina que o Site deverá ter no mínimo 10 e no máximo 15 páginas, apresentando
um visual limpo, sério, moderno e sofisticado.
Briefing:




O site deverá ter inédito no mínimo 10 e no máximo 15 páginas.
Desenvolver o projeto apresentando um visual limpo, sério, moderno e sofisticado.
Poderão ser utilizadas até 24 cores além do preto e do branco.
As cores indicadas pelo manual de identidade visual que podem ser utilizadas são:
 A largura da logomarca (criada pelo desenvolvedor) deve aparecer ocupando – 120 x 100 (pixeis).

O site deve ser dividido em três grandes seções:
• Apresentação - conta o histórico da empresa, sua missão e seus objetivos;
• Produtos - apresenta os produtos e seus benefícios para os clientes;
• Projetos - apresenta projetos sociais e parcerias com cooperativas regionais.

Sua estrutura deve apresentar:

O Site deve estar criado em pasta com o nome no RA do aluno

A pagina inicial deve se chamar index.html

Link de e-mail para dúvidas de clientes;

Banner (gif animado) do grupo ao qual a empresa está associada

Fotos

Imagens interativas (links)
 Textos
Procedimentos:
1• Elaborar a estrutura do Site e o esboço do Layout, determinando o número de páginas
e seu esquema de navegação;
2• Executar o Layout no software adequado
3• Preparar textos, imagens e sons (se for o caso) a serem inseridos no Site.
4• Testar o funcionamento do Site e sua navegação (Internet Explorer, Firefox)
5• Corrigir as possíveis falhas e Validar
TAREFA
Gerar conteúdo XHTML
XHTML
Incluir as seguintes funções:
Manter a consistência dos documentos web disponibilizar estes documentos atraves
do Firefox e/ou Internet Explorer
Os itens seguintes fazer parte das habilidades a serem avaliadas
Editar o Layout XHTML – O conteúdo do documento deve ser visualizado
apropriadamente
Mídia Apropriada – Imagem,Arquivos de Som, e Inserção de Vídeo
Imagem
Otimizar imagens importadas em formato adequado para web (compreender e diferenciar
JPG,GIF,PNG)..
Os seguintes itens de avaliação de habilidades
o Compreendendo e otimizando imagens para o padrão web para aplicação em
Home Page
o Utilizando imagem apropriadamente considerando a velocidade de
carregamento
Seu site deve funcionar em um monitor 800x600
Você e livre para utilizar no seu site qualquer habilidade que vc possua, IE site estático –
banco de dados dirigido , .
Desqualificacao sera o resultado se o website produzido na opiniao dos avaliadores
for parecido com qualquer website existente.
01 – Tela de inicialização do Site.Trata-se da Primeira página a ser carregada para o
Internauta.Informações gerais sobre o objetivo do site.
02 – Menu Estático
Esta página deverá conter os seguintes itens.
1- Área de menu principal e Fale Conosco;
2- Área de submenus e itens adicionais;
3- Área onde serão carregados todos os links do menu, propagandas etc.
A – Área de menu principal deve conter conter obrigatoriamente:







Logo e URL – 120 x 100
Banners de parceiros e associados – 468 x 60
Conheça a Empresa
Jornal On-Line
Programas e Projetos
Produtos On-Line
Autor do Site
Os links do menu principal devem apontar para as respectivas páginas de cada um.
Links e o respectivo conteúdo das páginas
Conheça a Empresa: Inicializa a página de mesmo nome. Esta página contém informações
sobre as últimas atualizações do site, matérias em Jornais e Revistas etc.
Associação: Inicializa a página de mesmo nome. esta página, o internauta encontra uma lista
com o link www.assovepa.com.br
Programas e Projetos: Inicializa a página de mesmo nome. Nesta página que o internauta irá
encontrar links para os projetos que deverão ser disponibilizados para consulta on-line.
Produtos On-line: Inicializa a página de mesmo nome. Esta é a página onde serão colocados
os Produtos.
Autor: Inicializa a página de mesmo nome. Esta página salva sob mesmo nome em uma nova
janela. O internauta irá conhecer o autor do site, ou seja, é aqui que estarão contidas suas
informações pessoais do Autor, exemplo.:nome, Portfólio, empresa para a qual trabalha, etc.
2 – Área de itens adicionais
Exemplo: XHTML002.
Links e respectivo conteúdo das páginas
Submenu padrão
Contato : link para o e-mail: [email protected]
Mapa do Site: Inicializa a página de mesmo nome. Nesta página,existirá um mapa do site e
um esboço gráfico de como são as estruturas físicas da empresa.
Observações gerais
Resolução padrão para a criação das páginas será de 800 x 600 pixels.
Browser padrão é o Microsoft Internet Explorer.
Obs.:As páginas também deverão aparecer com clareza no browser firefox.
Modelos:
XHTML001
Logo e URL da
empresa.
Você deverá criar
toda esta parte
120 x 100
Escolha o fundo
que julgar mais
adequado para a
sua empresa
XTML002
Gif animado condizente com
a empresa especificada.
Se não houver um com estas
características, crie um.
125 x 125
Escolha o fundo
que julgar mais
adequado para a
sua empresa
Todos os links devem estar
funcionando adequadamente.
O foco dos links deve ser acessado
por meio da tecla ALT seguido da
primeira letra do nome de cada link
Ex: “ALT+M” deve mudar o foco
para o link Mapa. Esta regra serve
também para os links do Quadro1
XHTML003
Escolha o fundo
que julgar mais
adequado para a
sua empresa
Avaliação do produto
Grupo
Nome
Criterio
Descrição
A
Design
Planejamento
B
XHTML
Documento validado (w3c)
e com Meta tags no
cabecalho

Objetivos

Publico Alvo

Concorrência

Processos

Layout
meta tag:

author

copyright

keyword

Titulos

Fontes (Cor/Tamanho/Nome)
• banner (gif animado
• imagens interativas (links)
O site deve funcionar na resolução de
800 px by 600 px.
Incluir os links apropriados na área
adequada do Site. link de e-mail para
dúvidas de clientes;
Utilizacao de tabelas para diagramação e
organização da informacao
Utilizacao delistas para organização da
informacao
Textos
Imagens
Site adequado a
(800 x 600 minimo)
Links
Tabelas
Listas
Total possível: 2,50
Total de pontos obtidos =
Pontuação
Possivel
0,50
0,50
0,25
0,25
0,25
0,25
0,25
0,25
Tota