Como mudar estilos de link com as propriedades da página em dreamweaver

Se você é como muitos designers que usam o Dreamweaver, você provavelmente não gostaria o sublinhado que aparece automaticamente em todo o texto ligada em uma página web. É realmente fácil de remover que sublinhado e mudar a cor, 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 e página, na caixa de diálogo Propriedades da página.

Video: Dreamweaver Criando sub-páginas e âncoras de links

A maneira mais fácil de alterar todos os seus estilos de link de uma vez é para mudá-los na caixa de diálogo Propriedades da página. Quando você usa 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 na caixa de diálogo funcionam de forma semelhante, e você pode editar todas estas opções usando as ferramentas de CSS.

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

  1. Escolha Modificar → Propriedades da página.

    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.

    Video: Dreamweaver - Links diferentes - mxmasters.com.br

  3. Especificar uma fonte e tamanho para seus links.

    Se você quiser usar o mesmo tamanho da fonte e rosto para seus links 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. Especificar cores para cada estado hiperlink clicando a cor correspondente bem e selecionando uma cor na caixa de diálogo Cor.

    Video: Curso de CSS - Aula 8 (Efeitos com o Atributo Hover)

    Você pode alterar qualquer uma ou todas as definições de ligação de cor. Se você não especificar uma cor 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 suas ligações mudar para depois de um navegador já visto a página vinculada. A tag HTML correspondente é.

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

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

  9. Selecione um estilo na lista suspensa 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 Rollover.

  10. Clique em OK.

    A caixa de diálogo Propriedades da página se fecha, as configuraçõ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 web ou clique no botão Exibição ao vivo na parte superior do espaço 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.


Publicações relacionadas