|
Existem vários scripts
para dar movimento no background. Escolhemos um deles que nos parece
simples e de fundamental importância, pois iremos testar alterações
no movimento do background conforme o nosso interesse: horizontal,
vertical ou em diagonal.
Pegue AQUI os modelos ilustrativos da
lição.
Inicialmente faremos testes para compreender as equações do
movimento. Pegue AQUI as orientações e modelos para fazer os testes.
Salve o arquivo compactado em uma pasta de fácil acesso,
descompacte, leia atentamente as orientações e faça os testes
propostos.
Já fez os testes? Então vamos ao seu exercício. Peque
AQUI o código
da tabela e os scripts para fazer o exercício.
Materiais: um background tile, uma imagem principal, um texto e um
arquivo de som
1 - No Outlook abra uma nova mensagem e aplique o background (menu
Formatar/Plano de Fundo/Imagem)
2 - Clique na aba Origem, copie o código da tabela e cole no BODY,
nesta parte:
<BODY bgColor=#ffffff>
<DIV> </DIV>
Cole aqui o código da tabela
</BODY></HTML>
3 - Indique o caminho até a pasta onde está a sua imagem principal.
4 - Ainda na Origem, delete a linha <STYLE></STYLE> e cole um novo
tag STYLE contendo os códigos da moldura colorida, barra de rolagem
colorida, margens, atributos de fonte e alinhamento conforme lição
20 da fase iniciante. Por exemplo:
<STYLE>BODY {
BORDER-RIGHT: #dcd2ee 3px inset; BORDER-TOP: #dcd2ee 3px outset;
MARGIN-TOP: 30px; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 10pt;
SCROLLBAR-HIGHLIGHT-COLOR: #dcd2ee; MARGIN-LEFT: 20px; BORDER-LEFT:
#dcd2ee 3px outset; SCROLLBAR-SHADOW-COLOR: #dcd2ee; COLOR: #442d5b;
SCROLLBAR-3DLIGHT-COLOR: #ffffff; MARGIN-RIGHT: 20px;
SCROLLBAR-ARROW-COLOR: #dcd2ee; SCROLLBAR-TRACK-COLOR: #ffffff;
BORDER-BOTTOM: #dcd2ee 3px inset; FONT-FAMILY: Verdana;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; TEXT-ALIGN: center
}
</STYLE>
5 - Faça todas as alterações nas cores, estilo de borda, atributos
de fonte, etc. tanto no tag STYLE, quando no código da tabela (bgcolor
e bordercolor), adequando à sua formatação.
6 - Ainda na Origem, logo abaixo do tag </TABLE> nesta
parte:
<DIV> </DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
Cole aqui o script
</BODY></HTML>
Cole o código do script na Origem como mostrado acima. Fica a seu
critério usar o script do modelo-teste 01 ou o do modelo-teste 02.
Altere a equação do movimento para que o background movimente-se
em diagonal.
7 - Não esqueça de digitar a sua mensagem de rodapé no local
especificado no script.
8 - Na aba Editar digite (ou cole) o seu texto e aplique o som.
9 - Confira se o tamanho da mensagem (em kb) está dentro do limite
permitido, aplique um recurso anti-banner e envie à lista para
conferência.
Observações importantes:
1 - Após uma das atualizações de segurança do Windows XP, ocorrida
no final de 2006, percebemos que os scripts que possibilitam dar
movimento ao background, passaram a causar interferência na mensagem
de rodapé, quando utilizados com o script da mensagem fixa, para os
usuários do IE 6.0.
Quem tem o IE 7.0 não percebe interferência na leitura da mensagem
de rodapé.
Caso o seu IE seja o 6.0 e você não esteja conseguindo visualizar
corretamente a mensagem de rodapé, delete do código do script essa
parte:
window.status="..... sua mensagem de rodapé
..... "
E acrescente algum outro script de mensagem de rodapé que não
apresente problema para visualizá-la.
2 - Observe também que introduzimos na tabela um comando que permite
definir atributos de fonte para o texto diferentes daqueles que
estão definidos no tag STYLE.
 |
