AD2 CPW 2013

Disponível somente no TrabalhosFeitos
  • Páginas : 12 (2764 palavras )
  • Download(s) : 0
  • Publicado : 1 de novembro de 2014
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 2013.

Observações importantes:
1. As questões a seguir continuam a implementação do site da Academia de
Dança. Algumas questões fazem referência às questões da primeira avaliação
a distância.
2. Você deve fazer asmodificações pedidas na implementação do site e incluílas no mesmo endereço onde ele foi publicado na primeira avaliação a
distância (caso tenha sido publicado) ou entregar os arquivos modificados
para o tutor.
3. 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 notaZERO!
4. Não serão aceitos trabalhos APENAS em papel. Se desejar o aluno pode
TAMBÉM entregar uma listagem da sua avaliação. É imprescindível que o
tutor receba todos os arquivos que compõem o site. A entrega destes arquivos
pode ser feita através de alguma mídia (CD preferencialmente), devidamente
identificada com o nome do aluno, ou postada na plataforma na forma de um
arquivo de extensãozip.
5. Não serão aceitos trabalhos em arquivos de texto DOC ou PDF. Os arquivos
HTML, JS ou CSS devem estar individualizados (mesmo que agrupados num
ZIP) para que o tutor possa testar seu site.
6. 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 cairna prova presencial
mesmo não tendo sido abordados nos vídeos ou no material escrito.

www.CompCEDERJ.com.br

1. Modifique a página aberta com a seleção do link “Turmas” (questão 3 da AD1) para a
aparência mostrada na fig. 1. As listas foram retiradas e foram criadas três tabelas com
aparência de botão.

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

No interior de cada umadestas tabelas foi colocado um link que, ao ser selecionado, ativa
um código javascript que preenche uma tabela posicionada abaixo dos botões com as
informações de Faixa Etária e Danças da turma selecionada.

Fig. 2 – Tabela preenchida com os dados da Turma Juvenil

www.CompCEDERJ.com.br

DICA: Acrescente os seguintes estilos ao arquivo de estilos:
.menuBotao {
width: 400px;
padding: 8px;border-spacing: 8px;
}
.tabBotao {
width: 100%;
border: 8px outset;
padding: 6px;
border-color: #B000B0;
border-collapse: separate;
}
.tabInfo {
width: 400px;
border-spacing: 6px;
}
.tabColInfo {
width: 110px;
padding: 10px;
font-weight: bold;
background-color: #FEBEBE;
vertical-align: top;
}
#idade {
padding: 10px;
font-weight: bold;
background-color: #FEBEBE;
}
#danca {height: 90px;
padding: 10px;
font-weight: bold;
vertical-align: top;
background-color: #FEBEBE;
}

www.CompCEDERJ.com.br

DICA: Utilize o código abaixo para criar os botões e a tabela:



Infantil


Juvenil


Adulto


Faixa Etária

Danças



a) Utilize vetores em javascript para armazenar as informações da faixa etária e das
danças de cada turma. [1 ponto].
b)Escreva uma função em javascript (MostraTurmas) que escreva nas células
“idade” e “danca” as informações da turma selecionada. [1 ponto].
OBS. IMPORTANTE: No Firefox é necessário incluir na tag o atributo target com
valor "_self" para que se possa executar uma função a partir da seleção de um link.
DICA: Pesquise o funcionamento do método getElementById() para descobrir como
obter o objetocorrespondente à célula que terá seu conteúdo modificado. 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.

www.CompCEDERJ.com.br

2. Modifique a página aberta com a seleção do link “Cursos” (questão 4 da AD1) para
que a tabela seja substituída por três botões com type de valor image,...
tracking img