Tutorial básico do Mapedit




Eis as etapas para criar essas regiões:

  • Antes de mais nada é preciso criar uma página em HTML que contenha uma imagem a ser mapeada, para isso pode-se utilizar qualquer proprama para edição de HTML

    O código para se colocar uma imagem é:

    < IMG SRC="localização da imagem" >   Esta é a imagem a ser mapeada
    Após pode-se utilizar o programa para edição de mapas Mapedit.

    Esta ferramenta permite:
    1. Definir as áreas que poderão ser clicadas pelos usuários.
    2. Criar um conjunto de coordenadas a ser associado à figura, contendo as definicoes de regiões (retângulos, círculos ou polígonos).
    3. Salvar esta definição no arquivo .htm onde a figura será incluída

    Opções do Mapedit:
    1)Para criar/editar mapas: File -> Open/Create
    2)Carrega o código em HTML que contém a imagem a ser mapeada/editada: Map or HTML File: -> Browse
    3)Ao abrir o código em HTML, aparecerá uma listagem das imagens contidas nele, bastando somente selecionar a imagem que se deseja mapear.
    4)Novas opções serão visiveis neste momento, opções que permitem definir a região a ser mapeada, como Tools -> Polygon, Circle, Rectangle, Test+Edit, Move, Add Points e Remove Points.
    Para definir um circulo basta a coordenada do ponto central e o raio. Para definir um retângulo bastam as coordenadas dos pontos diametralmente opostos. Para definir um polígono há que specificar as coordenadas de cada ponto que o forma. À cada área definida corresponderá um URL
    5)Cabe agora ao usuário definir a(s) região(ões) a ser(em) criadas, especificando após a criação uma atitude a ser tomada, ou seja, quando aparecer:
    ->URL for clicks on this object: Permite especificar uma ação a ser tomada quando for clicada a região definida. Por exemplo:
    http://penta.ufrgs.br -> irá criar um link para a página acima. mailto:liane@penta.ufrgs.br -> irá abrir a janela de e-mail para o endereço acima especificado. ...
    ->Alternate text: Permite especificar o texto que será mostrado ao se passar em cima da região definida (em novas versões de browsers) ou caso a opção de visualizar imagem esteja desabilitado, será mostrado somente este texto definido.
    ->File -> Save/Save As Salva o que foi criado/editado em formato HTML.