As imagens de fundo podem adicionar profundidade e riqueza ao design de uma página do Dreamweaver. Usada de forma inteligente, uma imagem de fundo cujo download é rápido e eficiente ajuda a criar a ilusão de que a página inteira é uma imagem grande.
O truque é usar uma imagem com um tamanho de arquivo pequeno que crie a impressão de uma imagem grande. Uma maneira como isso funciona na web é usar as configurações padrão para uma imagem de fundo, que causam a imagem a telha (repetição) através de e para baixo da página.
Crédito: Foto de Casey Stoll
O texto colocado em determinados fundos pode ser difícil de ler. Escolha suas imagens de fundo com cuidado e certifique-se de que seu fundo e seu texto tenham bastante contraste. Ler na tela do computador já é bastante difícil.
Com CSS, você pode ter um controle muito maior sobre a exibição de uma imagem de fundo. Ao criar um estilo de fundo CSS, você pode inserir uma imagem de fundo que não se repete ou que se repete apenas no eixo Y ou no eixo X da página.
Para inserir uma imagem de plano de fundo no Dreamweaver, escolha Modificar → Propriedades da página, clique no botão Procurar à direita do campo Imagem de plano de fundo e selecione a imagem que deseja usar como plano de fundo. Se a imagem ainda não estiver na pasta do site local, o Dreamweaver se oferece para copiá-la quando você clicar em OK.
Ao inserir uma imagem usando o recurso Propriedades da página do Dreamweaver, você pode usar a lista suspensa Repetir para especificar como a imagem se repete na página. Quando você especifica uma opção de repetição, o Dreamweaver cria automaticamente um estilo para a página com essas configurações de fundo. Se você usar a caixa de diálogo Definição de CSS para editar as opções de fundo no estilo do corpo, poderá especificar onde a imagem de fundo é exibida.