Vídeo: [Inserindo Links em Imagens] Fazendo Mapeamento de Imagens no Dreamweaver 2024
Além de fazer qualquer elemento em uma página editável, você também pode tornar editáveis os atributos de qualquer elemento no Dreamweaver. Esta etapa é necessária apenas se você deseja tornar um atributo editável quando a própria tag não é editável (por exemplo, quando você quer a capacidade de mudar a imagem de fundo de uma etiqueta, mas não a própria etiqueta).
Os atributos editáveis são especialmente úteis quando você deseja identificar a página aberta de um site alterando o cor do link para essa página. Por exemplo, suponha que todos os seus os links são azuis na barra de navegação, mas você quer que cada link de página seja alterado para a cor vermelha quando essa página estiver aberta.
Fazendo apenas o atributo de cor do link editável, você pode mudar a cor azul de, digamos, o link Sobre nós ao vermelho quando um visitante está no corr. correspondente a nossa página.
Para criar atributos editáveis em um modelo, siga estas etapas:
-
Em qualquer modelo do Dreamweaver, selecione um item para o qual você deseja dar um atributo editável.
Para ter certeza de que você selecionou um link e não apenas o texto, clique em qualquer lugar no texto vinculado e, em seguida, use o Seletor de tags na parte inferior do espaço de trabalho para selecionar a etiqueta.
-
Escolha Modificar → Modelos → Criar atributo editável.
Aparece a caixa de diálogo Editable Tag Attributes.
-
Na lista suspensa Atributo, escolha o atributo que deseja editar.
As opções de atributo variam de acordo com se você seleciona uma imagem, um link, texto ou outro elemento na página.
A tag de link é uma das tags HTML mais confusas porque é conhecida como a marca de âncora e exibida como apenas no seletor de tags. No entanto, a tag completa é, e na caixa de diálogo Editable Tag Attributes, ela é identificada como HREF.
Se o atributo que você deseja não estiver listado, clique no botão Adicionar e digite o nome do atributo.
-
Selecione a caixa de seleção Make Attribute Editable.
As opções para esse atributo se tornam ativas na parte inferior da caixa de diálogo.
-
Na lista suspensa Tipo, selecione um tipo de atributo.
A tag do link possui vários atributos.
-
Clique em OK para tornar o atributo editável e fechar a caixa de diálogo.
Para alterar um atributo editável em uma página criada a partir de um modelo, siga estas etapas:
-
Crie uma nova página a partir do modelo ou abra qualquer página que foi criada com o modelo.
-
Escolha Modificar → Propriedades do modelo.
A caixa de diálogo Propriedades do modelo é aberta, listando todos os atributos editáveis.
-
Selecione o atributo que deseja editar para ver suas opções na parte inferior da caixa de diálogo.
Para alterar a cor do link, selecione href para exibir as propriedades do modelo. Em seguida, clique na amostra de cores na parte inferior esquerda da caixa de diálogo Propriedades do modelo e selecione uma cor.
-
Clique em OK para fechar a caixa de diálogo e salvar a configuração.
A nova configuração é aplicada quando a caixa de diálogo fecha.