Ad2 web 2012 2

Disponível somente no TrabalhosFeitos
  • Páginas : 5 (1237 palavras )
  • Download(s) : 0
  • Publicado : 28 de outubro de 2012
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
AD2 2° semestre de 2012.

Observações importantes:
1. Atenção: A avaliação é individual. Caso exista m duas ou mais
implementações coincidentes, independente de qualquer motivo,
todas as avaliações envolvidas receberão nota ZERO!
2. Asquestões a seguir continuam a implementação do site da livraria.
Algumas questões fazem referência a questões da primeira avaliação à
distância.
3. Você deve fazer as modificações pedidas na implementação do site e
incluí-las no mesmo endereço onde ele foi publicado na primeira
avaliação à distância (caso tenha sido publicado) ou entregar os
arquivos modificados para o tutor.
4. É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 o aluno pode TAMBÉM entregar uma listagem da sua
avaliação.

1. Crie um Array para guardar as informações da cada livro de sua livraria. Cada posição
do Array deve conter as seguintesinformações sobre o livro: tipo do livro (e-book ou
PDF), nome do livro, preço, nome do arquivo com imagem da capa, autor, editora e
ISBN. A criação e a inicialização deste Array devem ser feitas num arquivo de extensão
[1 ponto]
DICAS:
1. Você pode colocar as informações de cada livro em um Arra y também. Assim sua
lista de livros fica sendo um Array de Arrays.
2. Não esqueça que em javascript vocêpode misturar elementos de tipos diferentes
em um Array.

2. Modifique a página aberta com a seleção d

(questão 3 da AD1) para a

aparência mostrada na fig. 1. A tabela original desta página foi substituída por uma tabela
com duas linhas. A primeira linha é um menu de botões e a segunda linha é uma área
inicialmente vazia. O conteúdo da desta página deve corresponder à estruturamostrada no código HTML abaixo (cod. 1).

Fig. 1 - Nova aparência para a página do link Digitais













Cod. 1 - Conteúdo do da página de Livros Digitais

a) Escreva o código javascript para que quando um dos botões da primeira linha da
tabela for pressionado, seja mostrada na segunda linha uma lista de capas de
livros correspondente à categoria indicada pelo botão (fig. 2) [1ponto].
OBS.: O estilo livlnk foi definido e deve ser utilizado para que as imagens não
fiquem grudadas uma na outra (quadro 1)

Fig. 2

Tabela de livros digitais após seleção do botão E-BOOK

b) Cada imagem de capa de livro é, na verdade, um link que, ao ser selecionado,
deve causar a abertura de uma janela 240 pixels de altura e 440 pixels de largura
(fig. 3). O HTML desta janeladeve ter a estrutura mostrada em cod. 2, com a
informação sendo mostrada em três colunas (ser que seja necessário usar tabelas) .
Três classes de estilo foram criadas e acrescentadas ao arquivo rexlibris.css. A
especificação destas classes está no quadro 1.
selecionado, deve causar o fechamento da janela. [1 ponto].

Fig. 3

Janela com informações do livro Anhangá

livLnk

Margem esquerdae direita de 10px.

ilTitulo

Alinhamento centralizado.

ilColuna

Elemento colado na margem esquerda (float) e margem direita de 10px.

ilBotao

Alinhamento centralizado e elemento livre do float do elemento anterior
(DICA: clear com valor both).
Quadro 1

Rex Libris














Cod. 2 - Conteúdo do da página de Livros Digitais

DICA: Pesquise o funcionamentodo método getElementById() para descobrir como
obter o objeto correspondente ao local da tabela onde serão exibidas as capas de livros.
Pesquise o funcionamento da propriedade innerHTML para descobrir como modificar o
HTML do conteúdo de um elemento da página, após a página já ter sido criada.

3.
incluir a crítica ao campo senha e ao campo confirme (fig. 4).

Fig. 4

Senha e...
tracking img