Como alterar estilos de link com Propriedades da página no Dreamweaver

Se você é como muitos designers que usam o Dreamweaver, você provavelmente não gostam do sublinhado que aparece automaticamente em todo o texto vinculado em uma página da web. É realmente fácil de remover essa sublinhado e mudar a cor, a fonte e tamanho de suas ligações com a caixa de diálogo Propriedades da página do Dreamweaver. Você também pode alterar outras configurações de largura de página, como as margens cor de fundo de página e, na caixa de diálogo Propriedades da página.

A maneira mais fácil de alterar todos os seus estilos de link de uma vez é para alterá-los na caixa de diálogo Propriedades da página. Quando você usar esta opção, o Dreamweaver cria os estilos seletor de tags correspondentes automaticamente e os lista no painel Estilos CSS. Outras configurações de largura de página nesta caixa de diálogo funcionam de forma semelhante, e você pode editar todas essas opções usando as ferramentas CSS.

Para alterar hyperlink e outros estilos com a caixa de diálogo Propriedades da página, abrir uma página já existente ou criar um novo e siga estes passos:

  1. Escolha Propriedades Modificar páginas.

    Alternativamente, você pode clicar no botão Propriedades da Página no Inspetor de propriedades. A caixa de diálogo Propriedades da página aparece.

  2. No lado esquerdo da caixa de diálogo Propriedades da página, selecione o Links (CSS) categoria.

    image0.jpg
  3. Especificar uma fonte e tamanho para seus links.

    Se você quiser usar o mesmo tamanho da fonte e rosto por suas ligações como você usar no resto do texto na sua página, é melhor deixar estas opções em branco. Então, se você alterar as configurações de texto para a página, você não tem que se lembrar de mudá-los para seus links também.

  4. Especifique as cores para cada estado hiperlink clicando a cor correspondente bem e selecionando uma cor na caixa de diálogo Cor.

    Você pode alterar qualquer uma ou todas as definições de ligação de cor. Se você não especificar uma cor do link, o navegador usa a cor do link padrão. Aqui está uma explicação de cada um dos quatro estados de link:

  5. Cor do link: A cor na qual as ligações aparecem quando a página é carregada pela primeira vez e a página vinculada ainda não foi visitado pelo browser. A tag HTML correspondente é.

  6. Links visitados: A cor seus links mudar depois de um navegador já viram a página vinculada. A tag HTML correspondente é.

  7. Ligações de rolagem: A cor um link muda como um usuário rola o cursor sobre um link. A tag HTML correspondente é.

  8. Links ativos: A cor um link muda como um usuário é clicando ativamente um link. A tag HTML correspondente é.

  9. Selecione um estilo a partir da lista drop-down Sublinhado Style.

    Por padrão, links exibidos em um navegador da web estão sublinhados. Muitos designers preferem remover o sublinhado que aparece automaticamente em texto vinculado ao escolher Nunca Sublinhado. Você pode dar aos visitantes a sugestão visual do sublinhado, mas apenas como eles rolam o cursor sobre um link, para escolher a opção Mostrar Sublinhado Apenas na opção de Rollover.

  10. Clique em OK.

    A caixa de diálogo Propriedades da página se fecha, as definições de estilo são aplicadas automaticamente a todos os links na página, e os estilos correspondentes são adicionados ao painel Estilos CSS.

Para testar totalmente estilos de link, visualizar a página em um navegador da Web ou clique no botão Exibição ao vivo na parte superior da área de trabalho. É uma boa prática para testar configurações de link em um navegador quando você faz alterações como as que no exercício anterior. Dê uma olhada em como seus links aparecem.

Por exemplo, verificar se as cores dos links ativos e visitou uma boa aparência contra a cor de fundo da página. Lembre-se que todos os estilos que você criar usando a caixa de diálogo Propriedades da página afetar todos links em sua página, a menos que se aplicam especificamente um estilo diferente para uma ligação individual que substitui o estilo tag redefinido.

Se você quiser usar diferentes estilos de link em diferentes partes da mesma página, você pode criar estilos de compostos para criar diferentes estilos de link.

menu