Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
459
Assunto : FireWorks
Titulo: Mapeando Imagens

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon


Um recurso muito utilizado por design é o de mapeamento de imagens. Esse recurso permite que “quebremos” a imagem em várias partes, disponibilizando links em cada uma delas.

Um exemplo prático é quando trabalhamos com um mapa de regiões e ao mapearmos a figura, damos ao usuário a oportunidade de escolher a região aonde se encontra a informação desejada.

Utilizar o sistema de mapeamento de imagens usando puro código HTML é uma tarefa ingrata e bem trabalhosa. O Fireworks nos oferece ferramentas e uma interface bem simples, facilitando muito o trabalho.

Inicialmente abrimos uma imagem dentro do Canvas, usando File – Open;

Depois, utilizando uma das ferramentas de mapeamento disponíveis no programa -
são três os tipos:

1) A Rectangle Hotspot Tool - que permite um mapeamento de uma área retangular;
2) A Circle Hotspot Tool – que permite um mapeamento de uma área circular;
3) A Polygon Hotspot Tool – que permite um mapeamento de uma área irregular – Clicando em torno da área desejada.

Escolhida a ferramenta e só mapear a imagem. O próximo passo agora é a colocação dos Links.

Para isso clique em Window – URL – uma paleta será aberta e você deverá digitar na caixa de texto aonde está escrito No URL (No Href), o endereço e o nome da página. Depois clique no sinal de mais (+) ao lado, para incluir o link na biblioteca da imagem.

Repita o procedimento para todas as áreas mapeadas.

Agora exporte sua imagem e teste no navegador.

Observe que o próprio programa gera uma cópia da imagem no formato HTML, o que permite uma edição no Dreamweaver.

Patricia Daltro


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 1/31/2017 11:01:00 PM
nome: nVMWZHyeLnt
email: derby451@hotmail.com
comentário:
6guvny http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/31/2017 10:29:00 AM
nome: vQJNkAqjGm
email: derby451@hotmail.com
comentário:
mglF5n http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 10:01:00 PM
nome: TKDcjEKshpby
email: derby451@hotmail.com
comentário:
ssZtJt http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 9:00:00 PM
nome: VZimqgmDhenS
email: jogcbfn@hotmail.com
comentário:
twqrAG http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

data: 1/29/2017 7:46:00 AM
nome: sIGSNVdUIWkxJJwJ
email: jogcbfn@hotmail.com
comentário:
ZVL4lg http://www.y7YwKx7Pm6OnyJvolbcwrWdoEnRF29pb.com

 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br