Como alterar cores de plano de fundo e texto no Dreamweaver - dummies

No Dreamweaver, você pode alterar o plano de fundo e as cores de texto disponíveis nas categorias Aparência. Observe que as opções CSS são recomendadas em opções HTML. Quando você usa as opções de Aparência (CSS), o Dreamweaver cria estilos correspondentes para a etiqueta do corpo automaticamente. Quando você usa qualquer opção CSS na caixa de diálogo Propriedades da página, o Dreamweaver cria estilos correspondentes automaticamente e os lista no painel Estilos CSS.

Embora você possa aplicar configurações globais, como tamanho e cor de texto, na caixa de diálogo Propriedades da página, você pode substituir essas configurações por outras opções de formatação em instâncias específicas. Por exemplo, você pode configurar todo seu texto para Helvetica em Propriedades da Página e, em seguida, alterar a fonte para manchetes para Arial usando CSS.

Para alterar as configurações de fonte, cor de fundo, cor do texto e margens de página para uma página inteira, siga estas etapas:

1. Escolha Modificar → Propriedades da página.

   A categoria Aparência (CSS) da caixa de diálogo Propriedades da página é exibida.

2. Na lista suspensa Fonte da página, especifique as fontes que deseja para o texto na sua página.

   Neste exemplo, o rosto da fonte está configurado para a coleção que começa com a fonte Cambria. Se você não especificar uma fonte, seu texto será exibido na fonte especificada no navegador do usuário, que geralmente é Times.

3. Se desejar que todo o texto da sua página apareça em negrito ou em itálico, escolha as opções de fonte correspondentes nas listas suspensas à direita das opções de Fonte de página.

   Se você selecionar uma dessas opções, todo o texto aparece em negrito ou itálico na página. A maioria dos designers deixa esses dois campos em branco porque eles querem limitar o uso de negrito ou itálico para chamar atenção especial para uma palavra ou palavras.

4. Na lista suspensa Tamanho, especifique o tamanho da fonte que deseja para o texto em sua página.

   Novamente, você pode substituir essas configurações por texto específico na página, como manchetes.

5. Clique na caixa de texto da amostra de cores para revelar a paleta de cores. Escolha qualquer cor que você gosta.

   A cor que você seleciona preenche a caixa de amostra de cores, mas não alterará a cor do texto em sua página até clicar no botão Aplicar ou OK.

6. Clique na caixa de amostra Cor de fundo para revelar a paleta de cores. Escolha qualquer cor que você gosta.

   A cor que você seleciona preenche a caixa de amostra de cores, mas a cor não enche o fundo até você clicar no botão Aplicar ou OK.

7. Se você deseja inserir um gráfico ou uma fotografia no fundo da sua página, clique no botão Procurar ao lado da caixa Imagem de fundo e selecione a imagem na caixa de diálogo Selecionar origem da imagem.

   Quando você insere uma imagem de fundo, ele repete automaticamente, ou telhas, em toda e para baixo da página, a menos que você escolha uma opção na lista suspensa Repetir. No-Repeat impede a imagem de fundo de repetir. Repeat-X e Repeat-Y repetem a imagem verticalmente (eixo x) ou horizontalmente (eixo y), respectivamente, na página.

8. Use as opções de margem na parte inferior da caixa de diálogo para alterar as margens esquerda, direita, superior ou inferior da sua página.

   A maioria dos navegadores da Web adiciona um pouco de espaço para os lados superior e esquerdo da janela do navegador em torno de qualquer página da web. Ao inserir 0 em todos os quatro desses campos remove qualquer espaço de margem padrão, permitindo que você crie projetos que começam a nivelar a borda de um navegador.

9. Clique no botão Aplicar para ver como as cores se parecem na sua página.

10. Clique em OK para finalizar e fechar a caixa de diálogo Propriedades da página.