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