Vídeo: HTML Aula 10 Inserindo plano de fundo na página 2024
As imagens em segundo plano podem adicionar profundidade e riqueza ao design da página Dreamweaver. Usado habilmente, uma imagem de fundo que baixa rapidamente e de forma eficiente ajuda a criar a ilusão de que toda a página é uma imagem grande.
O truque é usar uma imagem com um pequeno tamanho de arquivo que cria a impressão de uma imagem grande. Uma maneira que isso funciona na web é usar as configurações padrão para uma imagem de plano de fundo, o que faz com que a imagem seja tile (repetir) em toda a página.
O texto colocado em determinados planos pode ser difícil de ler. Escolha suas imagens em segundo plano com cuidado e certifique-se de que seu plano de fundo e seu texto tenham muito contraste. Ler na tela do computador é bastante difícil.
Com o CSS, você pode ter um controle muito maior sobre a exibição de uma imagem de plano de fundo. Quando você cria um estilo de fundo CSS, você pode inserir uma imagem de fundo que não repete ou que se repita somente no eixo Y ou no eixo X da página.
Para inserir uma imagem de fundo no Dreamweaver, escolha Modificar → Propriedades da página, clique no botão Procurar à direita do campo Imagem de fundo e selecione a imagem que deseja usar como fundo. Se a imagem ainda não estiver na sua pasta do site local, o Dreamweaver oferece para copiá-lo quando você clicar em OK.
Quando você insere 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 CSS para editar as opções de fundo no estilo do corpo, você pode especificar onde a imagem de fundo é exibida.