### 15.2. Image Map

#### 15.2.1. Visão Geral

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].

#### 15.2.2. Activating the Filter

This filter is found in the main menu under Filters → Web → Image Map….

#### 15.2.3. Opções

Figura 17.423. Image Map filter options

Image map window

##### 15.2.3.1. A barra de menu

The menu bar is similar to the main menu, only a few menus or menu entries are different:

Arquivo
  Save, Save As

    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
    Com a opção de Visualizar → Fonte 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.

  Open, Open recent

    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.

Editar
  Editar área de informação

    Figura 17.424. Editing an image map area

    Na caixa de diálogo configurações que você pode editar as informações de uma área selecionada. Esta caixa de diálogo aparecerá automaticamente sempre que você criar uma nova área.

Visão

  Este menu lhe oferece funções especiais:

  Area List

    Aqui você pode ocultar ou mostrar a área de seleção.

  Source…

    Aqui você vê os dados brutos como se fosse salvá-los para um arquivo.

  Color, Gray

    Você pode selecionar o modo de imagem aqui e trabalhar com uma exibição em tons de cinza.

Mappings

  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.

  Seta

    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.

  Rectangle, Circle, Polygon

    Estas ferramentas permitem que você crie várias áreas de forma: clique sobre a imagem, mova o ponteiro e clique novamente.

  Edit Map Info…

    Figura 17.425. Editing the image map data

    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).

Ferramentas

  Com o Menu “Ferramentas” você pode criar guias e até mesmo áreas retangulares regularmente espaçadas.

  Grid, Grid Settings…

    Figura 17.426. opções da Grade

    Aqui você pode ativar e desativar a grade de imagem ou configurar algumas propriedades da grade.

  Use GIMP Guides…, Create Guides…

    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.

  Criar guias

    Figura 17.427. Opções de Guia

    As opções da guia

    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.

##### 15.2.3.2. A Barra de Ferramentas

A maioria das entradas aqui são apenas atalhos para algumas funções já descritas. Exceções:

Move Area to Front, Move Area to Bottom

  Here you can move an area entry to the bottom or top of the area list.

##### 15.2.3.3. A Área de Trabalho

Figura 17.428. A Área de Trabalho

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
Note que as áreas não devem se sobrepor.

##### 15.2.3.4. A área de seleção

À 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.

15. Filtros para a Web |  | 15.3. Semi-Achatar

Report a bug in GIMP Report a documentation error