Como usar uma imagem como fundo no Adobe Dreamweaver CS6

Criação de fundos para páginas no Adobe Dreamweaver CS6 é divertido e pode ser perseguido em mais maneiras do que a maioria das pessoas imagina. Você pode criar um teste padrão de repetição com uma única imagem pequena, criar uma marca d'água, ou usar uma grande imagem para preencher um fundo inteiro.

Como padrão, um fundo HTML repete a imagem selecionada até preencher a tela. Em conjunto com as propriedades CSS, você pode controlar ou eliminar a repetição de comportamento e até mesmo definir um posicionamento preciso para uma imagem de fundo único.

Se você está preenchendo um fundo com um padrão, certifique-se de criar uma imagem padrão que não tem arestas discerníveis.

Para usar a sua vantagem do padrão, ladrilhos repetido para uma imagem de fundo, siga estes passos:

  1. No Photoshop, escolha Arquivo-Novo para criar uma nova imagem.

  2. Na caixa de diálogo Novo que aparece, criar uma imagem que é muito mais ampla do que é alta, escolha RGB, escolha 72 dpi, e clique em OK.

    Por exemplo, digite 1000 no campo de texto de largura e 20 no campo de texto Altura.

  3. Selecione um plano e cor de fundo para criar uma Blend, em seguida, usar a ferramenta Gradiente para Shift + arraste a partir do topo para o fundo da área de imagem para criar um preenchimento de gradiente.

  4. Escolha Arquivo-Salvar para a web, salve a imagem como um arquivo JPEG na pasta de conteúdo web do seu site, em seguida, fechar a imagem.

  5. No Dreamweaver, escolha Propriedades Modificar-página ou clique no botão Propriedades da Página no Inspetor de propriedades para colocar a imagem como imagem de fundo na sua página web.

    Se o botão Propriedades da página não estiver visível, clique na página - não se esqueça de selecionar outro elemento, tal como uma imagem.

    A caixa de diálogo Propriedades da página aparece.

    image0.jpg
  6. Na caixa de diálogo Propriedades da página, clique no botão Procurar à direita da imagem de fundo. Na janela que aparecer, navegue até o local de sua imagem de fundo salva, e clique em OK.

  7. Voltar na caixa de diálogo Propriedades da página, clique em OK.

    A imagem aparece no fundo, repetição e criando um gradiente de fundo legal em toda a página!

Dependendo do tamanho e resolução de um monitor do usuário, sua imagem de fundo pode ser forçado a repetir. Repetindo uma imagem de fundo pode produzir alguns resultados criativos.

image1.jpg

Em certos casos, você pode não ver o seu fundo até que você clique no Preview / Debug no botão do navegador e visualizar a página em seu navegador padrão.

menu