AGRUPAMENTO DE ESCOLAS DE ALMEIRIM

CURSO PROFISSIONAL: TÉCNICO DE MULTIMÉDIA

Ano letivo
DISCIPLINA: TÉCNICAS MULTIMÉDIA | MÓDULO 4 2018/2019

2.ºANO

Nome: _____________________________________________ Nº_______ Turma: ______

Ficha nº12
Objetivos específicos da sessão: Inserir hiperligações entre páginas web; Criação de
barras de navegação e mapeamento de imagens.

À medida que vai que se vai construindo um site, surge a necessidade de criar
hiperligações nas páginas. No Dreamweaver, é possível criar hiperligações para
páginas, imagens, ficheiros multimédia e software para download. As hiperligações
podem ser criadas em qualquer tipo de texto ou imagem numa página, incluindo texto
e imagens localizadas em tabelas, layers ou frames.

Barras de navegação
Uma barra de navegação consiste numa imagem (ou num conjunto de imagens) que
apresentam alterações de acordo com as ações do visitante de um site. As barras de
navegação permitem facilmente ao visitante mover-se entre as páginas de um site.
Inserir uma barra de navegação – Antes de criar uma barra de navegação no
Dreamweaver, deverá criar um conjunto de imagens para os estados dos elementos
da barra de navegação. No entanto, não é obrigatório a incluir imagens para todos os
estados de um elemento da barra de navegação.
O elemento de uma barra de navegação pode ter os seguintes estados:
Up – Apareência predefinida do elemento quando não existe nenhum evento;
Over – É o estado quando o ponteiro do rato passa por cima do elemento;
Down – Quando é efetuado um clique sobre o elemento;
Over While Down – Aparência do elemento quando o utilizador move o ponteiro do
rato sobre um elemento que está no estado Down.

Exercício nº1
Para inserir uma barra de navegação numa página deverá:
1. Na barra de menus, escolher Insert seguido da opção Image Objects e o
comando Navigation Bar.
2. Entretanto surge uma caixa de diálogo para configurar a barra de navegação.
3. Na caixa de texto Element Name, definir o nome para o elemento da barra de
navegação.
 4. Na caixa de texto Up image, pressionar o botão Browse e selecionar a
imagem para ser visualizada inicialmente. Deve preencher obrigatoriamente
este estado. Os restantes estados são opcionais.
5. Na caixa de texto Over Image, pressionar o botão Browse e selecionar a
imagem pretendida.
6. Na caixa de texto Down image, pressionar o botão Browse e selecionar a
imagem pretendida.
7. Na caixa de texto Over while down image, pressionar o botão Browse e
selecionar a imagem pretendida.
8. Opcionalmente, poderá definir na caixa de texto Alternate texto um texto
alternativo.
9. Na caixa de texto When clicked, Go o URL, pressionar o botão Browse e
selecionar o ficheiro que pretende abrir. No item ao lado, definir o local onde o
ficheiro irá abrir. A opção Main Windows faz com que o ficheiro seja aberto na
mesma janela. Se estiver a trabalhar com frames, poderá definir o frame
pretendido.
10. Ativar a opção Preload image para que as imagens dos diferentes estados
sejam carregadas assim que a página abrir.
11. Se pretender apresentar o elemento atual no estado Down assim que a página
abrir no browser, ativar a opção Show “Down image” initially.
12. No menu pop-ip Insert, definir a orientação da barra de navegação.
13. Para inserir a barra de navegação numa tabela, ativar a opção Use tables.
14. Fazer clique no botão + no topo da janela para adicionar novos elementos à
barra de navegação e repetir os passos anteriores.
15. Pressionar o botão Ok opôs concluída a barra de navegação.
Para pé-visualizar a barra de navegação no browser, na barra de menus, escolher File
seguido da opção Preview in Browser ou pressionar a tecla F12.

Modificar uma barra de navegação – Para modificar uma barra de navegação

deverá:
1. Na barra de menus, escolher Modify seguido da opção Navigation Bar.
2. Na lista Nav bar elements, escolher o elemento da barar de navegação que
pretende modificar.
3. Efetuar as alterações pretendidas.
4. Pressionar o botão Ok.

Página 2 de 4
Mapas de imagens
Um mapa de imagem é uma imagem que se encontra dividida em regiões ou hotspots.
Quando o visitante de um site faz clique no hotspot, é executada uma ação. Por
exemplo, a abertura de uma nova página.

Criar um mapa de uma imagem – A criação de um mapa de imagem implica que se

tenha selecionado uma imagem anteriormente e que depois utilize as ferramentas
para a criação de hotspots para definir as áreas das hiperligações. Os hotspots devem
ser criados em cima da imagem.

Exercício nº2
Para criar um mapa de imagem deverá:
1. Selecionar a imagem na qual pretende criar um mapa de imagem.
2. No painel Properties, utilizar as ferramentas para criação de hotspots.

3. Depois de criados os hotspots pretendidos, selecionar um a um e especificar a

sua hiperligação.

4. Após ter criado o mapa de imagem, fazer clique numa área em branco da
página.

Modificar um mapa de imagem

Os hotspots criados num mapa de imagem podem ser editados. Pode-se mover e
ajustar o tamanho de um hotspot.
Para mover um hotspot num mapa de imagem deverá:
1. Selecionar o mapa de imagem.

2. Com a ferramenta Pointer Hotspot selecionar o hotspot pretendido.

3. Arrastar o hotspot para o local pretendido. Poderá ainda utilizara s teclas de
direção para mover o hotspot.
Para ajustar o tamanho de um hotspot num mapa de imagem deverá:
1. Selecionar o mapa de imagem.

2. Com a ferramenta Pointer Hotspot , selecionar o hotspot pretendido.

3. Arrastar os pontos que constituem o hotspot para alterar o seu tamanho.
Bom Trabalho!

Página 3 de 4
 Professora:
Teresa Marcelino

Página 4 de 4