Neste módulo:

  • Usando Tabelas

  • Aplicando Efeitos e Java Scripts

 

 

 

 

1- Usando Tabelas na Formatação

O uso de tabelas nas formatações vira uma gostosa brincadeira no Front Page, pois independe de usar códigos ou mexer na Origem, nesta proposta simples.

Vá ao botão  Inserir/Tabela

 ou use o caminho do menu Tabela/Inserir

 

Se usar o botão, selecione quadradinhos para definir o número de colunas.  Se desejar uma tabela simples, selecione apenas o primeiro quadradinho, veja:

 

Se caminhar pelo menu, terá as opções para marcar:

 

Poderá também desenhar sua tabela indo ao menu Tabela/Desenhar tabela.  esta ação abre uma barra de desenho e ativa a possibilidade de desenhar com o mouse transformado em lápis, clicando na tabelinha realçada abaixo.

Para desativar o lápis, clique novamente na tabelinha e feche, se quiser, a barra de desenho.

Experimente as outras possibilidades de desenho e acione, para um layout mais elaborado, o Painel de tarefas. Use o menu Exibir/Painel de Tarefas e na seta escolha a opção de Tabelas.......

Aberto o painel, experimente as opções.

 

 

Voltando à opção mais simples, a tabela que estamos usando foi inserida pelo menu Tabela.

Por padrão, sua tabela será inserida com bordas de largura=1 e cor automática ( cinza) e plano de fundo vazado.  Significa que ela   vai aparecer com a cor que estiver no seu plano de fundo.

Clique com o botão direito na parte interna da tabela, em propriedades da tabela( ou vá em Tabela/Propriedades da tabela) e veja as opções para alinhamento e proporções:

 

Pode trabalhar com pixels ou porcentagem.

 

 

Na mesma caixa de Propriedades da Tabela escolha a cor ou imagem para o fundo da tabela e a cor e largura para bordas:

 

 

Você pode então aplicar texto ou inserir imagens na tabela, bastando colocar o cursor dentro dela e proceder às ações.

Para formatar elementos da tabela clique em

e em seguida em Formatar

Os elementos que mais nos interessam e que vamos detalhar são: Fonte e Bordas.

Escolha Fonte e verá as opções e o resultado das experiências no visualizador.

 

Escolha Bordas e Sombreamento e experimente as opções, configurando forma, espessura e cor das bordas:

 

 

 

Você pode também inserir tabelas dentro de tabelas, usando-as até como molduras para imagens.

Atenção:  tabelas formatadas com imagem de fundo só serão visualizadas no Front Page.  Quando salvas no email não aparecerão, ou aparecerão apenas no seu micro.

Portanto, para o sucesso das formatações no Front Page use e abuse das tabelas coloridas e contente-se com o background ilustrado com imagens.

:-)

Imagem no plano de fundo de tabelas são aplicadas com scripts, que serão tema de um próximo estudo.

E para simplificar: as tabelas feitas no Front Page podem ser copiadas e coladas no Outlook Express.

Procurando resultados práticos e pouca teoria, fiz exemplos de tipos de tabelas e seus respectivos screens para você aplicar.  Veja os modelos  em outra página, clicando aqui.

 

 

 

 

2- Aplicando Efeitos, Java Scripts e outras coisinhas

 

Gostaria de aprender a fazer um letreiro assim, bem rapidinho?  :-))

 

Se gostou e quer fazer um similar, vá em Inserir/Componentes da Web/Efeitos Dinâmicos/Letreiro Digital/Concluir

 

Quando clicar em Concluir aparecerá a caixa de diálogo para digitar ou colar seu texto e definir outras possibilidades, como direção e largura, sem contar as possibilidades em Estilo, que incluem bordas, como usei nos exemplos.

É simples e rápido, tente!

 

Vamos linkar no Front Page?

Para linkar uma palavra ( um nome, por exemplo), selecione a palavra e clique em Inserir/Hiperlink.  Ou use o botão direito/Hiperlink.  Digite ou cole o endereço web, se for o caso:

Se quiser usar um endereço de email, clique no botão à esquerda:

 

E pode então digitar o endereço e o assunto do email:

 

Defina a cor dos links em propriedades da Página/Formatação

 

Acione a palavra linkada com o botão direito em Propriedades do Hiperlink, e poderá formatá-la clicando no botão Estilo.

Para linkar uma imagem, um banner, por exemplo, o procedimento é o mesmo:  selecione a imagem, clicando nela e no botão direito/Hiperlink

É possível colocar mais de um link em uma imagem.

Selecione a imagem, clicando nela com o mouse.

Na barra de Imagens, clique no Retângulo ( ou outra forma que quiser):

 

 


Com o mouse, que tomou a forma de um lápis, trace um retângulo em volta da uma palavra  ou pedaço da imagem que deseja linkar, por exemplo uma florzinha.  Ao soltar o mouse abre-se uma caixa de diálogo para inserir hiperlinks.  Escreva ou cole o endereço e clique OK.

 

 

Repita os passos para linkar o outro nome, ou outro pedaço da imagem.

Observe que há opções de formas na barra e que este recurso permite fazer gracinhas como linkar várias pétalas de uma flor, ou diversas flores num canteiro, é um charme!

Se sua barra não estiver visível, clique em Exibir/Barras de ferramentas/Imagens.

 

 

 

Usando Java Scripts no Front Page

Para enfeitar ainda mais os emails podemos usar scripts.  Para colocar barras laterais coloridas ou molduras nos emails.  Também poderemos usar efeitos de movimento e cores.

Para usarmos efeitos básicos como as barras, efeitos no mouse, mensagens de rodapé e todos aqueles scripts que se aplicam no fim da Origem dos emails, faça o seguinte:  no modo Design, que equivale à aba Editar,  posicione o cursor no fim da página, depois do texto.  Vá em Inserir/Componente da Web/Controles Avançados ( o último da lista)/HTML e clique em Concluir.  Abres-se uma caixa em que você digita ou cola o seu script.  OK.  Vá para a aba Visualização e veja o resultado.

Para scripts com local específico de aplicação, como um relógio, posicione o cursor no local desejado e clique na aba Divisão.  Vai aparecer acima do seu texto o código e o local em que está o cursor estará selecionado. 

 

Com cuidado para não apagar nada, cole o texto do script e veja o resultado na aba Visualizar.  Veja nosso exemplo, em que colei o script WorldClock,  como ficou,  na aba Visualizar:

 

Lembrete: use a tecla Undo quando o resultado não for o esperado e tente novamente.

Em casos extremos, quando você tem aqueles scripts em que a orientação é apagar tudo na Origem e colar o texto, faça isso abrindo uma nova página e só depois complete a formatação.

 

Bom, se você estava esperando este roteiro, espero que ele tenha acrescentado informações.  Vá correndo experimentar as novidades!

Dúvidas?  Email me!

:-)

Se eu puder ajudar, responderei com prazer.

Beijosssssssss

Romy

 

 

 



Tutorial de  Romy Bastos 

para o

Caderninho

Março de 2006

Direitos Reservados
 

 

Voltar para o tutorial Front Page 1