É possível executar JavaScript e também editar mapas de imagem usando o Design View no Dreamweaver?

Question

Estou usando o Dreamweaver CS5.5 para um protótipo de HTML criado com capturas de tela mapeadas por imagens. Estou usando JavaScript para incluir dinamicamente a imagem principal apropriada e a navegação é feita com mapas de imagem.

Encontrei algumas referências ao recurso "Exibição ao vivo" , que executa JavaScript com sucesso, mas não consigo ver ou editar mapas de imagens em "Live View". Eu só sou capaz de editar os mapas de imagem usando "Design View", que não mostra a imagem adequada, que é definida usando JavaScript.

É possível que o "Design View" do Dreamweaver execute o JavaScript inicialmente (que definirá a imagem principal) e também permitir que eu edite os mapas de imagem no local (para que eu possa vê-los posicionados sobre a imagem principal correta)?

Se isso não for possível no Dreamweaver, existe outro editor de código WYSIWYG (possivelmente pago) que possa executar JavaScript (pelo menos no carregamento da página) e editar mapas de imagem com o conteúdo gerado por JavaScript? Eu estou procurando por software de desktop para Mac OS, não ferramentas on-line, para fazer isso, pois é um grande protótipo (780-screen).

    

Answer 1

Para garantir que o mapeamento de imagem esteja correto, a maneira mais fácil é usar um dos inúmeros sites on-line gratuitos que permitem a criação interativa de mapas de imagens.

Aqui estão dois desses que eu encontrei via google, o primeiro dos quais eu usei pessoalmente. Nenhum deles é perfeito, mas eles permitem que um faça o trabalho e exporte o HTML gerado.

Ao alternar a imagem via Javascript, você pode ao mesmo tempo alterar o innerHTML da tag <map> para conter as novas coordenadas.

Ferramenta básica de mapeamento de imagens on-line
Editor de mapas de imagens on-line