Usando o Front Page Express - Parte 5

 

Amigos,
Colocando em texto algumas considerações sobre TABELAS.

Oitavo passo:
Com o FPE aberto, um novo arquivo deverá ser criado, pelo método que já conhecemos - vamos dar a ele o nome de "tabelas.htm" para que possamos achá-lo mais facilmente quando quisermos conferir o que aprendemos nesta etapa.

Procedimentos para criar uma tabela:

a) na barra de Menus, clique em Tabela/Inserir tabela;

b) na janela que se abrir (Inserir Tabela), no campo "Tamanho", defina sua tabela em quantas linhas e colunas quiser. Exemplo: 2 linhas e 2 colunas;

c) no campo "Layout" defina Alinhamento e Aparência. Exemplo:

-
se definir um valor de borda em "zero", estará criando uma tabela sem borda - primeiro passo para torná-la "invisível" (neste caso, se a cor de fundo da tabela for a mesma que a cor do background da página, sua tabela estará realmente "invisível", embora ativa);

-
defina um valor para o "enchimento da célula" para especificar com qual tamanho inicial ela será criada. A partir daí, o que for inserido na célula será acrescido em sua largura. Se você definir um enchimento em "20", por exemplo, e depois clicar na célula e começar a digitar, a célula vai manter automaticamente o 'enchimento 20' anteriormente definido, fora o texto que estará sendo digitado no momento, aumentando assim o tamanho final da célula. Se, por outro lado, definir um enchimento "1", a célula será inicialmente mínima e, adaptando-se ao tamanho do conteúdo que lhe será inserido, proporcionará um maior e melhor controle de suas dimensões finais;

-
em Espaçamento da célula defina a distância que a célula terá da borda interior da tabela. Maior o número definido, maior o distanciamento. Se definir "zero", nenhum distanciamento, ou seja: a tabela terá, na aparência, apenas as bordas exteriores (ou nenhuma borda, caso estas também tenham sido definidas em "zero"). Este é um exemplo de "invisibilidade total";

-
em Largura defina o volume da tabela em relação à página (em pixels ou em percentual). Exemplo: se sua tabela for definida em 200px. esse será o espaço que ela ocupará (sempre inicialmente) dentro de sua página - se sua página estiver definida em 600px, sua tabela ocupará 200px desses 600. Se definir 100% de volume para sua tabela (sempre considerando a largura), ela ocupará toda a largura útil de sua página - se 50%, ocupará a metade, e assim por diante, e não importando qual o tamanho definido para a página;


Faça a experiência criando uma tabela com um percentual qualquer, centralizada, e vá alterando o tamanho de visualização da janela do seu programa, e verá que a tabela acompanha essa mudança, adaptando-se a ela, e mantendo-se fiel às definições que lhe foram impostas;

d) nesse ponto você terá uma tabela inserida em sua página. Se clicar em uma de suas células, poderá inserir aí um texto ou uma imagem, e mesmo uma cor ou uma imagem de fundo. No caso da imagem de background, conforme a célula se expandir, a imagem vai se apresentando até seu limite máximo, depois do que começa a se repetir, criando assim um efeito ladrilhado dentro da célula. Exemplo: se a imagem tiver 10px x 10px e a célula 7px x 7px, apenas 70% do background será visualizado dentro da célula. Se, no entanto, a mesma imagem for inserida como fundo em uma célula de 30px x 30px, teremos então um ladrilho com três x três repetições da mesma imagem. Se quiser que a imagem de fundo ocupe toda a extensão da célula, nem mais nem menos, terá de ajustar imagem e célula para conseguir tal efeito.

e) para ajustar sua tabela a uma formatação posterior selecione ou toda a tabela (clicando em Tabela/Selecionar tabela) ou a célula que quer editar (clique na célula/Tabela/Selecionar célula). Clique novamente em Tabela/Propriedades da tabela (no caso de edição da tabela). Na janela que se abrir, terá à disposição as mesmas opções que já definiu anteriormente, acrescidas de outras bastante interessantes como a definição de uma imagem ou cor para segundo plano (de toda a tabela, neste caso), ou mesmo a definição das cores para as bordas da tabela.

-
se quiser editar apenas uma célula, na janela que se abrir após havê-la selecionado pelo método demonstrado acima, poderá definir as mesmas opções da tabela e, além disso, propriedades que lhe são exclusivas, como cabeçalho ou alcance. Faça a experiência, mudando parâmetros e observando o resultado. Pode-se definir um background diferente para cada célula; se ela será ou não uma célula de cabeçalho; qual o alinhamento (e posição) do texto dentro dessa célula, mesmo que diferente do alinhamento de texto de outras células... etc;


nota: se quiser selecionar mais de uma célula, estando as células distantes ou não entre si, clique na primeira/Tabela/Selecionar célula/ pressione a tecla ctrl ou shift e vá clicando dentro das outras células que quer selecionar, e edite esse conjunto conforme queira. Opcionalmente clique em uma célula e, pressionando uma das teclas descritas, clique nas outras células que queira selecionar junto com a anterior;.

f) selecione algumas células consecutivas e use a opção Mesclar células - todas se transformarão em apenas uma célula. Se mesclada, essa célula pode ser multiplicada usando-se o comando "Dividir células";
.

nota: uma célula mesclada não pode ser dividida em colunas uma vez que ela acabou de ser "mesclada", ou seja, várias colunas "perderam" sua identidade individual para se tornar um outro indivíduo, qual seja: uma célula mesclada. Seria um contra-senso mesclar, para, em seguida, criar colunas. Se mesclar e se arrepender, tecle ctrl + z ao mesmo tempo para desfazer.

g) você poderá inserir uma tabela dentro de outra tabela, dentro de outra tabela, dentro de outra tabela... Vai depender do que você pretende para a sua página. Exemplo: clique em uma célula/Tabela/Inserir tabela;

h) uma tabela pode ser constituída de apenas uma coluna e uma linha, o que equivaleria a uma célula apenas;

i) coloque quantas tabelas quiser dentro de sua página;

j) defina sua página inteira dentro de uma tabela, ou tabelas dentro de tabelas.

Faça suas experiências, trabalhe, teste os efeitos - as possibilidades são infinitas.
E não se esqueça de ir salvando o documento de tempos em tempos.
Para visualizar o resultado de seu trabalho: Abra a pasta onde ele se encontra, e clique duplo sobre ele. O browser vai se abrir com o documento.

 

Tutorial elaborado por Guacira Sampaio  Rocha

Direitos reservados

 

Mapa Site

Introdução

Parte1

Parte2

Parte 3

Parte 4

Parte 6

 

design by Angela Maria Pereira Glavam 

  Copyright © 2002 by Angela Maria P. Glavam ® 

Todos os direitos reservados