|
Esse é o seu primeiro
exercício prático. O objetivo é sedimentar conhecimentos e trabalhar
atributos de tabelas que serão utilizados nas lições
posteriores.
Não precisa enviar à lista
os seus testes, mas é importantíssimo que você leia e treine cada
parte. Que saiba acrescentar ou alterar os atributos de uma tabela,
acrescentar uma moldura, definir atributos de fonte específicos para
o texto de uma tabela, etc.
O exercício está dividido em
quatro partes seqüenciais que estão em arquivos .eml para você
abrir, ler e testar.
Tabelas - Parte I - Atributos Básicos - pegue
aqui
Tabelas - Parte II - Colocando cor na moldura - pegue
aqui
Tabelas - Parte III - Moldura com estilo - pegue
aqui
Tabelas - Parte IV - Atributos de fonte para o texto de tabela -
pegue aqui
Após os testes
prepare a formatação para envio à lista conforme orientações abaixo.
Material: um background (pode ser um tile), uma imagem
principal, uma imagem menor, um arquivo de som e um texto.
01
- Abra uma nova mensagem, clique na Origem, delete tudo e cole o
seguinte código:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD><TITLE>Meu
primeiro exercício prático</TITLE>
<META
http-equiv=Content-Type content="text/html;
charset=windows-1252">
<META content="MSHTML
6.00.6000.16608" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY
bgColor=#ffffff>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<TABLE
cellPadding=5 width="80%" bgColor=#9999ff
border=5>
<TBODY>
<TR>
<TD>
<DIV>Seu
texto
aqui</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV></TD></TR></TBODY></TABLE>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV></BODY></HTML> |
02 - No tag STYLE
aplique o código completo da moldura e da barra de rolagem colorida,
com margens, atributos de fonte.
03 - Mude a cor do bgcolor da mensagem.
04 - Na tag TABLE: altere a cor do plano de fundo da tabela. Crie
uma moldura com o estilo de borda que quiser (ridge, solid, etc.) e
defina os atributos para o texto da tabela. Centralize o texto.
05 - Centralize a sua tabela. Lembre-se que você pode fazer isso
pelo tag STYLE.
06 - Dê alguns ENTER para a tabela descer um pouco mais e insira
(acima da tabela) uma imagem principal também centralizada.
07 - Aplique o background.
08 - Na tabela: digite (ou cole) o seu texto. Não deixe muitos
espaços após o texto tornando a tabela comprida desnecessariamente.
09 - Na Origem, aplique o script da Lição 04. Não esqueça de fixar o
background. Se for necessário dê mais alguns ENTER para que fique
bem visível o movimento da tabela e da imagem.
10 - Aplique um som. Se preferir, use um dos scripts para som on
line (neste caso cole o script do som após o script principal).
11 - Aplique um script para mensagem de rodapé (após o script
principal ou após o script de som on line se tiver optado em
usá-lo).
12 - Confira na aba Visualizar se está tudo certinho, confira o
tamanho (em kb) da mensagem, aplique os recursos antibanner e envie
à lista.
 |
