| 15.2. Image Map | ||
|---|---|---|
|
15. Filtros para a Web |  |
| 15.2. Image Map | ||
|---|---|---|
|
|
15. Filtros para a Web | |
In Web sensitive images are frequently used to get some effects when defined areas are enabled by the pointer. Obviously the most used effect is a dynamic link to another web page when one of the sensitive areas is clicked on. This “filter” allows you to design easily sensitive areas within an image. Applications for website design have this as a standard function. In GIMP, you can do this in a similar way.
Este plug-in permite projetar de forma gráfica e amigável todas as áreas que você deseja delimitar sobre sua imagem. Ele gera a parte relevante das tags HTML que devem ser incorporada nos lugar apropriado no código da página HTML. Você pode definir algumas ações ligadas a essas áreas também.
This is a complex tool which is not completely described here (it works about like Web page makers offering this function). However we want to describe here some of the most current handlings. If you want, you can find a more complete description in Grokking the GIMP with the link [GROKKING02].
This filter is found in the main menu under → → .
O filtro é praticamente um outro programa completo que funciona por dentro do GIMP. A janela é pequena, mas você pode ampliá-la. As principais áreas úteis são:
completely on the left are vertically displayed icons, one for pointing, three for calling tools to generate various shape areas, one to edit zone properties, and finally one to erase a selected zone; you can call these functions from the Mappings menu,
Logo a direita desses ícones está sua área de trabalho onde você pode desenhar todas as formas que quiser com as ferramentas relevantes,
a direita dessa área de trabalho é exibido um conjunto de ícones verticais, o seu uso é óbvio, mas uma ajuda flutuante lhe fornece algumas informações sobre cada função,
finally, even on the right is a display area, as a property list of the created areas. A click on one item of the list selects automatically the corresponding shape in the working area.
The menu bar is similar to the main menu, only a few menus or menu entries are different:
Ao contrário de outros filtros, este plug-in não salva ou exporta um arquivo de imagem, mas um arquivo de texto. Portanto, você deve salvar seu trabalho em um formato de texto.
![[Dica]](images/tip.png)
|
Dica |
|---|---|
|
Com a opção de → você pode ver o conteúdo de arquivo de texto, antes de salva-lo. Uma vez que o arquivo gerado só faz sentido como parte de um modelo ou uma página HTML, você pode copiar o conteúdo a partir daí e cola-lo em sue destino final, sem nunca precisar da opção de salvar do plug-in. |
No plug-in você pode abrir o arquivo de texto salvo. As áreas definidas em seu arquivo serão carregadas e ainda exibidas, se a imagem exibida não é a original ou não tem o mesmo tamanho, o GIMP irá pedir-lhe para a adaptar a escala.
Este menu lhe oferece funções especiais:
Aqui você pode ocultar ou mostrar a área de seleção.
Aqui você vê os dados brutos como se fosse salvá-los para um arquivo.
Você pode selecionar o modo de imagem aqui e trabalhar com uma exibição em tons de cinza.
Você raramente vai usar este menu, já que você pode acessar mais facilmente as ferramentas de seleção clicando nos ícones do lado esquerdo da área de trabalho.
A seta representa aqui a ferramenta Mover. Quando ativada a ferramenta está selecionada, você pode selecionar e mover uma área na imagem.
Com um polígono, você pode usar a seta para mover um dos pontos vermelhos. Clique com o botão direito do mouse em um segmento entre dois pontos vermelhos para abrir um menu flutuante que oferece, junto com algumas outras, a possibilidade de adicionar um novo ponto. Se você clicar com o botão direito em um ponto vermelho, você pode removê-lo.
Estas ferramentas permitem que você crie várias áreas de forma: clique sobre a imagem, mova o ponteiro e clique novamente.
Com esta simples janela você pode inserir alguns itens, que serão gravados no arquivo de saída resultante; quer como comentários (Autor, Descrição) ou como valores de atributos das tags HTML (nome da Imagem, Título, URL padrão).
Com o Menu “Ferramentas” você pode criar guias e até mesmo áreas retangulares regularmente espaçadas.
Aqui você pode ativar e desativar a grade de imagem ou configurar algumas propriedades da grade.
As linhas-guia são criadas na fronteira da imagem, mas pode ser movida clicando sobre os quadrados vermelhos em cada linha algo parecido com as linhas de orientação do GIMP. Usando as guias você poderá criar retângulos ativos na imagem.
Em vez de criar formas geométricas para selecionar as áreas ativas que você pode usar uma série de retângulos, cada um representando uma área ativa, clicando em “Criar guias”. No menu flutuante você define a largura e a altura dos retângulos, o espaço entre eles, o número de linhas e colunas, e o ponto inicial superior a esquerda para a matriz. Todas as medidas estão em pixels. Se você não estiver satisfeito com o resultado, é possível ajustar cada retângulo movendo os quadrados vermelhos, como de costume.
A maioria das entradas aqui são apenas atalhos para algumas funções já descritas. Exceções:
Here you can move an area entry to the bottom or top of the area list.
In the main area of the image map window, on the left side, you will find your working area where you can draw all the shapes areas you want with the relevant tools.
Beside the working area there are vertically displayed icons, one for pointing, three for calling tools to generate various shape areas, one to edit zone properties, and finally one to erase a selected zone; you can call these functions from the Mappings menu too.
![[Cuidado]](images/caution.png)
|
Cuidado |
|---|---|
|
Note que as áreas não devem se sobrepor. |
À direita está uma área de exibição, como uma lista de propriedades das áreas criadas. Um clique em um item da lista seleciona automaticamente a forma correspondente na área de trabalho, então você pode modificá-la.
Ao lado da tela está um conjunto vertical de ícones, sua utilização é óbvia, mas uma ajuda flutuante fornece algumas informações sobre cada função,
Infelizmente, os símbolos de seta para mover uma entrada da lista para cima ou para baixo não funcionam aqui. Mas é claro que você evitou cuidadosamentecriar áreas de sobreposição, de modo que você não precise usar essas funções de qualquer forma.
