Revendo Tabelas

Hoje vamos rever tabelas e fazer um email no capricho
Vamos precisar de:
* Uma pattern
*Tabela
*Texto
*Música
*Imagem
*Assinatura
*Bordas coloridas
*Script de Rodapé
Vamos começar?

1- Primeiro vamos escolher uma imagem jpeg e abrir ela no psp. Eu escolhi essa.
Se quiser pode salvá-la

2- Vamos colocar uma ou 2 bordas e assinar
Veja como ficou a minha

3- Volte ao psp e abra um transparente de 300 por 300.
Vá na imagem trabalhada e Edit/copy e no transparente Select all e depois Past into selection.
Não tem importância se ficou deformada a imagem, pois iremos fazer uma pattern. Select none
4- Vai em Plugin/Simple/Quick Tile e clique em apply.

5- New layer. Pinte essa layer com uma cor clarinha que combine com a imagem.
Deixe a opacidade dessa layer em 60%. Merge all

6- Salve em jpeg

Agora no Front Page

1- Abra o FrontPage. Vá em Formatar/Plano de Fundo. Procure onde você salvou sua imagem.

2- Na caixinha de Diálogo qe abrir, configure como abaixo, observe o print:

 

4- Agora vá em Tabela/Inserir/Tabela e configure como no print, observando todas as configuraçães:

5- Clique no meio, como no passo 3 e vá em Tabela/Inserir/Tabela e configure assim:

6- Continue configurando:

7- Clique na aba Visualizar para ver o resultado, gostando, volte para a aba Designer para continuarmos

8- Vá em Tabela/Inserir/Tabela e faça a configuração: Observe bem, pois não há mais
necessidade de marcar tudo:

8-Selecione as células de cima e com o lado direito do mouse vai em Mesclar células, assim:

9-Clique na aba do meio e dê alguns Enter para dar forma à tabela. Depois com o mouse do lado direito
vá em Propriedades da Tabela e vamos formatar o estilo da Tabela. Veja:

10- Agora clique do lado direito de nossa tabela e vamos colocar um mini gif que será nosso anti banner

11- Agora vamos colocar nossa imagem, mas acima da tabela, veja:

12- Agora vou escolher um texto bem bonito e colocar lá...

13- Agora eu resolvi colocar um título trabalhado, veja como:

14- Na caixinha que abriu eu escolho o WordArt que gostei e dou 2 cliques nele, que vai abrir uma
caixa de texto para mim digitar o meu título. Veja como ficou o meu:

15-Depois coloque sua assinatura

16- Agora vamos trabalhar com as células debaixo, aquelas 3 que ficam lá no finalzinho da tabela. Elas
podem ser usadas para colocar seu endereço de email, para colocar uma página sua na web ou também
para recomendar um site. Vamos trabalhar com uma auma:

** A primeira: vou colocar meu endereço de email , primeiro procuro uma imagem que descreva email,
assim:

Agora seleciona a imagem e vou na aba Inserir/Hiperlink e configuro assim:

**Agora vou para 2ª célula e nela vou colocar miha página na web. Primeiro procuro uma imagem
compatível e depois vou na aba Inserir/Hiperlink e configuro assim:

** Agora na 3ª célula vou colocar um site que quero indicar, procuro uma imagem compatível e vou
na aba Iserir/Hiperlink e faço a mesma configuração da 2ª célula, veja:

E está prontinho nossas 3 células, você pode também, ao invés de colocar hiperlink, colocar
simplesmente uma mini gif, isso é opcional

17- Agora vamos colocar nossa mensagem de rodapé, (aqui)

<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 450; // milliseconds between scrolls
ScrollChars = 4; // chars scrolled per time period

function SetupTicker() {
// add space to the left of the message
msg = " ·.¸¸.·´¯`·.¸¸¸¸.·´¯`·.¸¸.·´¯ Art By Peketita's Designer ·.¸¸.·´¯`·.¸¸¸¸.·´¯`·.¸¸.·´¯";
RunTicker();}

function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

<!-- end -->
</SCRIPT>

o lugar é o mesmo dos códigos = lá no inicio, depois do <head>

18- Depois escreva seu texto no devido lugar e está pronto nossa mensagem.
19- Agora vamos salvar nosso trabalho lá na Pasta de Papel de carta, igual ensinei na aula 9.
20- Depois abre no OE, como já foi ensinado e preencha o campo Assunto e envia para correção

Exemplo da aula

Exercício

Mandar a mensagem que acabou de formatar para correção e não esqueça da música.
Do jeito que foi ensinado no tutorial

Tenha um ótimo trabalho

Peketita's Designer
Maio/2010