Vídeo: Curso de Dreamweaver CC. 3.2. Las propiedades de la pagina. 2024
Se você é como muitos designers que usam o Dreamweaver, provavelmente não gosta do sublinhado que aparece automaticamente em todo o texto vinculado em uma página da Web. É realmente fácil remover esse sublinhado e alterar a cor, a fonte e o tamanho de seus links com a caixa de diálogo Propriedades da página do Dreamweaver. Você também pode alterar outras configurações de toda a página, como a cor de fundo e as margens da página, na caixa de diálogo Propriedades da página.
A maneira mais fácil de alterar todos os seus estilos de link ao mesmo tempo é alterá-los na caixa de diálogo Propriedades da página. Quando você usa essa opção, o Dreamweaver cria os estilos de seletor de tags correspondentes automaticamente e os lista no painel Estilos CSS. Outras configurações de toda a página nesta caixa de diálogo funcionam da mesma forma, e você pode editar todas essas opções usando as ferramentas CSS.
Para alterar o hiperlink e outros estilos com a caixa de diálogo Propriedades da página, abra uma página existente ou crie uma nova e siga estas etapas:
-
Escolha Modificar → Propriedades da página.
Como alternativa, você pode clicar no botão Propriedades da página no Inspetor de propriedades. A caixa de diálogo Propriedades da página é exibida.
-
À esquerda da caixa de diálogo Propriedades da página, selecione a categoria Links (CSS).
-
Especifique uma fonte e tamanho para seus links.
Se você quiser usar o mesmo tamanho de fonte e face para seus links conforme você usa no restante do texto em sua página, é melhor deixar essas opções em branco. Então, se você alterar as configurações de texto da página, não terá que se lembrar de as alterar também para seus links.
-
Especifica cores para cada estado de hiperlink clicando no poço de cores correspondente e selecionando uma cor na caixa de diálogo Cor.
Você pode alterar qualquer ou todas as configurações de cor do link. Se você não especificar uma cor de link, o navegador usa a cor do link padrão. Aqui está uma explicação de cada um dos quatro estados de link:
-
Cor do link: A cor em que seus links aparecem quando a página é carregada pela primeira vez e a página vinculada ainda não foi visitada pelo navegador. A tag HTML correspondente é.
-
Links visitados: A cor em que seus links mudam depois que um navegador já visualizou a página vinculada. A tag HTML correspondente é.
-
Rollover Links: A cor de um link muda para que um usuário rola um cursor sobre um link. A tag HTML correspondente é.
-
Links ativos: A cor de um link muda para um usuário clicar ativamente em um link. A tag HTML correspondente é.
-
-
Selecione um estilo na lista suspensa Estilo sublinhado.
Por padrão, os links exibidos em um navegador da Web estão sublinhados. Muitos designers preferem remover o sublinhado que aparece automaticamente em texto vinculado escolhendo Never Underline. Você pode dar aos visitantes a sugestão visual do sublinhado, mas apenas quando rodam um cursor sobre um link, então escolha a opção Mostrar sublinhado somente na opção Rollover.
-
Clique em OK.
A caixa de diálogo Propriedades da página 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 completamente os estilos do link, visualize sua página em um navegador da Web ou clique no botão Live View na parte superior do espaço de trabalho. É uma boa prática testar as configurações de link em um navegador quando faz mudanças como as do exercício anterior. Dê uma olhada em como seus links aparecem.
Por exemplo, verifique se as cores do link ativo e visitado ficam bem contra a cor de fundo da página. Lembre-se de que todos os estilos que você cria usando a caixa de diálogo Propriedades da página afetam todos os links na sua página, a menos que você aplique especificamente um estilo diferente a um link individual que substitua o estilo de etiqueta redefinida.
Se você quiser usar diferentes estilos de links em diferentes partes da mesma página, você pode criar estilos compostos para criar diferentes estilos de link.
