Ad2 de construção de pagina web
1. Crie um Array para guardar as informações da cada livro de sua livraria. Cada posição do Array deve conter as seguintes informaçõ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 js que deverá ser incluído nas páginas “livros digitais” e “encomendas”. [1 ponto]
DICAS: 1. Você pode colocar as informações de cada livro em um Array 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 do link “Digitais” (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 à estrutura mostrada 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) [1 ponto]. 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 janela deve ter a estrutura mostrada em cod. 2, com a informação sendo mostrada em três colunas (ser