Como colocar vários links em uma imagem no dreamweaver

Dreamweaver tornou-se o programa padrão da indústria para desenvolvedores da Web criação de páginas HTML. A razão Dreamweaver é tão popular é porque uma pessoa não precisa necessariamente ter um fundo em html para entender como criar páginas Web. Um dos recursos mais interessantes do Dreamweaver é que simplifica a criação de vários links em uma imagem.

instruções

    • 1

      Abra um documento no Dreamweaver ou indo para "Arquivo" e "Novo" ou abrindo um arquivo existente que você tenha vindo a trabalhar. Para abrir um arquivo existente, visite "Arquivo" e "Open", em seguida, navegue até o arquivo que deseja abrir.

    • 2

      Clique na página onde a imagem deve ser colocado. Se uma imagem será colocada dentro de uma tabela, use a ferramenta de seta para selecionar a área da caixa de texto onde a imagem será colocada. Coloque a imagem selecionando "Inserir" e "Imagem" na barra de ferramentas na parte superior da página. Se a imagem já está na página, basta clicar na imagem.

    • 3

      Observe a barra de ferramentas que aparece quando a imagem é selecionada. Dentro desta barra de ferramentas, existem três ferramentas de esboço que lhe permitem desenhar um esboço para um link em torno de uma determinada área em uma página. Se a área que será feita em um link é um quadrado ou retângulo, escolha a ferramenta quadrado. Se a área que terá um link colocado é redonda, escolher o círculo. Se a área vai ser o esboço de uma pessoa ou produto, escolha a ferramenta polígono hotspot.

    • 4


      Se você escolheu a ferramenta quadrado ou círculo, ir para a primeira área na imagem onde você quer um link para ser ativado e clique e arraste sobre esta área para criar um esboço da área a ser ligada. Se a área a ser vinculado é um esboço de uma pessoa ou um objeto, use a ferramenta de polígono hotspot para traçar ao redor da parte da imagem que se tornará o primeiro link na página. Clique cada poucas polegadas ou menos como você contorne a imagem. O traço deve ser fechado no ponto em que ele foi iniciado.

    • 5

      Vá para a caixa "Link" na barra de ferramentas. É para a direita das ferramentas de ponto de acesso que foram apenas utilizados. Excluir o símbolo # na caixa e digite o endereço URL do primeiro link que você deseja criar. Na caixa abaixo, digite um par de palavras que descrevem o link.

    • 6

      Testar o link, indo para a barra de ferramentas na parte superior da página e clicar no pequeno ícone que se parece com um globo. Isso abre a página em um navegador da Web e permite que você veja se o link está funcionando corretamente. Para testar o link, basta clicar na área da imagem onde o link foi criado. Se ele envia-lo para o endereço de URL que você acabou de digitar, você criou com sucesso um link.

    • 7

      Repita os passos 3 a 6 tantas vezes quanto necessário para criar todas as ligações que precisam de ser criada dentro de uma única imagem. Lembre-se de testar a página após a criação de cada link.

    • 8

      Clique no painel "Código" na janela e você vai ver o código html a página foi criada. Selecione e copie todo o código a partir da abertura " tag. Cole este código em sua página web para completar o processo de colocação de vários links em uma imagem.

dicas avisos

  • Esse recurso é especialmente útil para uma página Web da família. Cada membro da família em um retrato de família pode ser delineado e ligados. Quando o link é clicado, ele pode enviar o usuário a seção que um membro da família da página da Web.
  • Certifique-se de digitar o texto alternativo. Isto permite-lhe dizer mais facilmente qual link é que quando se olha para o código HTML da página.

recursos

De esta maneira? Compartilhar em redes sociais:

LiveInternet