FIREWORKS – Plano de fundo de TEXTURA

Nesta aula vamos desenvolver um plano de fundo que ocupe a página por completo, repetindo-se a imagem quantas vezes necessárias e sem a impressão de emenda.

VAMU LA!!! VALENDO!!!!

Solicite um novo documento com as seguintes caracteristicas:

Largura: 20 px
Altura: 20 px
Resolucao: 72 px/inch
Cor do CANVAS: #000000

Selecione a ferramenta RETANGULO e trace na tela em qualquer dimensão.

Agora altera as características para:

W=20

H= 20

X= 0

Y= 0

Aplique uma cor chapado ao retângulo. Dê preferência cores suaves, lembre-se que esta será a cor do plano de fundo do seu site, logo, não deve incomodar visualmente.

Agora vamos adicionar textura no objeto:

Procure o campo TEXTURE (TEXTURA) na barra de propriedades, logo abaixo do campo de cores do objeto.

Clique no botão GRAIN (GRANULADO) e escolha a opção CROSSHATCH 2 (TRANSVERSAL 2) e em seguida muda a intensidade para 30% no campo a frente, como na imagem abaixo:

Veja o resultado:

Agora salve seu trabalho como plano_de_fundo.

Vamos visualizar no DRAMWEAVER para conferir o resultado:

Abra o DREAMWEAVER e solicite um documento novo, clicando no item HTML,  conforme imagem abaixo:

Para evitarmos problemas na hora de inserir as imagens deste documento, vamos salvá-lo na mesma pasta onde as imagens se encontram, com o nome de testando_plano_fundo.

Depois de iniciado e salvo o novo documento vamos personalizar o plano de fundo deste. Clique no botão PAGE PROPERTIES (PROPRIEDADES DA PAGINA), localizado na barra de propriedades:

Encontre o campo BACKGROUND IMAGE (IMAGEM DO PLANO DE FUNDO) e clique no botão para procura de imagens, conforme imagem abaixo:

Localize e selecione a imagem que você criou no FIREWORKS (plano_de_fundo) e em seguida, dê “OK” em todas as janelas que surgirem.

Pronto!

Agora vamos visualizar o resultado final, verificando na internet como ficou nosso plano de fundo.

Pressione a tecla “F12” no DREAMWEAVER e clique em “SIM” para salvar e visualizar.

__________________________________________________________________________________
DICAS>>>>>>>>
Voce pode criar planos de fundo onde as emendas aparecam, basta colorir o RETANGULO do fundo com duas cores ou utilizando DEGRADE.

Experimente outras texturas com outras intensidades para variar seu plano de fundo.

Lembre-se que talvez pessoas trabalhem o dia todo no seu site, portanto, utilize cores e texturas suaves.

_________________________________________________________________________________

FUIOS!