[Tutorial] Mover Background

por **Tecnomm™** Ter Dez 16, 2008 5:45 pm

Mover Background

Mover o background (fundo)
de uma página, dá um pouco
de trabalho mas não é complicado.

Antes de começar
com o Dreamweaver tens de pensar em alguns
parâmetros:

Tipo de imagem que vais escolher, isto
é importante para o efeito que
queres aplicar e apontar a sua largura
e comprimento.
O sentido do movimento do fundo (cima
para baixo, esquerda para direita,...).
A largura e altura da página
html que irá ter o fundo a mover.

1. Este exemplo tem
esta imagem como padrão, tem
83px de largura e 79px de altura.
2. O sentido é de cima para baixo.
3. E a página terá 300px
de largura e 200 de altura

Agora que já temos
os parâmetros, pode-se abrir o Dreamweaver.

Comeces por criar uma layer (a sorte) na página.

Depois inseres uma tabela dentro da layer,
esta tabela será constituída
por uma única célula sem
borders.

Como o movimento é de cima para baixo,
a tabela deve ter uma largura igual a largura
da página, neste caso 300px; a altura
será igual a altura da página
+ altura da imagem, neste caso 200px+79px
= 279px.

A imagem é inserida como imagem de
fundo da tabela .

Agora vais utilizar a layer
onde está inserida a tabela, para posicionar
o fundo e dar-lhe movimento.

Nas propriedades da layer alteres o "left"
e o "top" para zero, isto é,
L=0 e T=0, isto será a posição
final da layer.

Com a layer seleccionada abres a janela da
timeline (window > timline) e crias
um objecto.

Seleccionas a 1ª keyframe (bolinha branca
no objecto) que corresponde a posição
inicial da layer, e nas propriedades alteras
a posição da layer para T =
- (altura da imagem) neste caso T= -79, para
L permanece o valor 0; não te esqueças
de activar o autoplay e o loop.

Para o efeito ser mais fluido, aumenta o tamanho
do objecto até 60 frames, e a velocidade
para 100 Fps.