Ad de web

Disponível somente no TrabalhosFeitos
  • Páginas : 8 (1884 palavras )
  • Download(s) : 0
  • Publicado : 28 de fevereiro de 2013
Ler documento completo
Amostra do texto
Fundação CECIERJ - Vice Presidência de Educação Superior a Distância

Curso de Tecnologia em Sistemas de Computação
Disciplina Criação de Páginas de WEB
AD1 1° semestre de 2013.

Observações importantes:
1. Esta avaliação consiste no desenvolvimento do site de uma agência de viagens
especializada em mochileiros, onde o usuário pode pesquisar pacotes de
viagem, se cadastrar e fazerreservas.
2. As imagens utilizadas nas páginas de exemplo estarão disponíveis para
download na plataforma em breve. Você pode utilizar outras imagens desde
que respeite o layout estabelecido em cada questão.
3. A resolução do monitor ou o tamanho da janela do navegador onde as
páginas serão exibidas não tem importância. Nas figuras ilustrativas das
questões, a janela do navegador foi dimensionadapara exibir um efeito
visual que sua página deve reproduzir, quando dimensionada de forma
semelhante.
4. Fazer as ADs é muito importante, não apenas pela nota, mas principalmente
pela experiência que permitirá um melhor desempenho nas avaliações
presenciais. Os assuntos abordados na AD podem cair na prova presencial
mesmo não tendo sido abordados nos vídeos ou no material escrito.
5.ATENÇÃO: A avaliação é individual. Caso existam duas ou mais
implementações excessivamente coincidentes, independente de qualquer
motivo, todas as avaliações envolvidas receberão nota ZERO!
6. É imprescindível que o tutor receba todos os arquivos que compõem o site
em alguma mídia (CD ou disquete), devidamente identificada com o nome do
aluno. Não serão aceitos trabalhos APENAS em papel. Se desejar oalu no
pode TAMBÉM entregar uma listagem da sua avaliação.

PÁGINA COM LAYOUT BASEADO EM TABELA
1. Escreva o código necessário para criar esta página mostrada na Fig. 1. O
posicionamento dos elementos na página deve ser feito utilizando uma tabela de bordas
invisíveis. Os textos da página devem utilizar o fonte “verdana” ou, caso este não esteja
presente (como no Linux), o fonte“liberation” (fonte mostrado na figura). As referências
do menu apontam respectivamente para as páginas: destinos.html, pacotes.html,
cadastro.html e reservas.html. Os links do menu estão numa lista não numerada, com
cada item indicado por um círculo. A seleção de um link deve causar a abertura da página
correspondente em uma nova janela do navegador. Use uma tag para as
informações de localização(endereço, telefone e e-mail). Uma imagem no formato PNG
(PeNaEstradaDeitado.png) foi utilizada para o logotipo da agência exibido no canto
superior esquerdo da página. As cores utilizadas foram: Fundo - #FFFFFF, Texto #2255AA, Link - #FF0000 e Link Visitado - #DD0000. [1,5 pontos]

Fig. 1 – Página do Site da Agência Pé na Estrada

PÁGINA COM CSS E ESTRUTURA HTML5
O futuro chegou ao seu site.Leia o texto “Caminho até o HTML5” disponibilizado na
seção “textos” da primeira semana para que você possa implementar uma nova versão de
sua página inicial e todas as demais páginas do trabalho. É recomendável também que
você tenha lido o material “Folhas de Estilo”.

2. Faça uma nova implementação da página inicial da agência, desta vez utilizando as
novas tags de estrutura do HTML5 (Fig.2). A aparência deve ser definida por estilos
armazenados em um arquivo de extensão css (não devem ser usada na página atributos e
tags obsoletas). Para esta página foram criadas seis classes de estilo: ender, textoNormal,
apres, imgLogo e menu. Além disso, as tags , , , ,
e tiveram sua aparência modificada. A descrição do estilo que deve ser
aplicado a estas classes e tags está no quadro1 logo abaixo. [1,5 pontos]

Fig. 2 - Página do site na nova implementação

DICA: As tags foram substituídas pela definição de bordas.
DICA: A página precisa conter as novas tags header, nav, footer e uma section.



Cor de fundo #FFFFFF, cor de texto #2255AA, tamanho de fonte de
16px e fontes Verdana e Liberation.



Sem sublinhado, cor de link #FF0000 e link visitado...
tracking img