Você está na página 1de 3

Cuso Profissional Tcnico

Energias Renovveis Sistemas


Solares

Ano Letivo 2014/2015

Cuso Profissional Tcnico de


Manuteno Industrial Mecatrnica
Automvel
TIC 11 E/11F
Mdulo 3
Ficha

Durao: 90 min.

Nome: __________________________________ N.: ___ Turma: ___ Data: __/__/_____

1. Crie uma pasta no ambiente de trabalho.


2. Faa uma pesquisa na Internet e selecione 4 imagens escolha
(dimenso 800x600 px). 2.
3. Grave-as na sua pasta imagens, atribuindo-lhes os nomes img1, img2,
img3, img4.
4. Crie, no seu site uma nova pgina html.
5. Na nova pgina criada, escreva um ttulo ao seu gosto e insira uma
tabela com 4 linhas e 2 colunas (Utilize a janela Window Insert).
6. Insira uma imagem em cada uma das clulas da primeira coluna da
tabela. Atribua uma altura igual a 100px (height = 100) e mantenha a
proporcionalidade em relao largura.

7. Na janela propriedades Properties - identifique cada imagem com um


dos seguintes IDs img1, img2, img3, img4.
8. Una as clulas da segunda coluna da tabela.
9. Faa novamente a insero da imagem img1 na pgina. Mova-a para a
coluna coluna 2 da tabela e atribualhe a altura 400px (Height = 400) e o
ID imggrande.
10.
Faa a previsualizao da pgina no Browser.
Associao de Comportamentos Behaviors s imagens
11.
Verifique se tem disponvel a janela Behaviors (Caso no se
encontre ativa, ative-a no menu window).
12.
Selecione a imagem img1.
13.
Na janela Behaviors, clique no sinal + e escolher a opo Swap
Image.
14.
Na janela Swap Image (figura seguinte) selecione a imagem
imggrande >> Browse >> e escolha a imagem img1.

15.
Na Janela Behaviors alterar o evento OnMouseOver para OnClick
(deixe apenas o comportamento Onclick).
16.
Faa os mesmos procedimentos para as restantes imagens (img2,
img3 e img4).
17.
Clique na imagem grande (imggrande).
18.
Na janela Behaviors clique no + e escolha a opo Effects >>
Appear/Fade

19.
20.
21.
22.
23.

Grave a pgina e previsualize-a no browser.


Altere o evento para OnLoad.
Configure o tempo de durao ao seu gosto.
Analise o cdigo gerado.
Zipe a pasta criada e envie para a plataforma Moodle.

Você também pode gostar