Na WEB desde 11/04/97 mais um site associado à: SuperDICAS

Tutorial do FrontPage Editor
Atualizada em: 07/07/03
© 1997-2008 by Francisco Panizo Beceiro

Lição # 10: Inserindo Linhas e Colunas + Juntando Células numa Tabela

Manipulando a Formatação de Tabelas

Uma das coisas que uma tabela tem de pior é que ela costuma ver seus dados se "movendo" constantemente. É algo inerente aos dados, eles realmente se movem. Seja porque é uma tabela com a classificação de pessoas, ou coisas, seja porque novos dados devem ser agregados aos anteriores, mas por razão de espaço na página, outros deverão ceder lugar para os mais novos.

Uma outra necessidade que ocorre freqüentemente é quando novas informações devem ser agregadas às anteriores, devendo-se para isso inserir uma nova coluna ou linha entre as já formatadas.

Também ocorre muito que um layout estritamente retangular, com linhas e colunas homogêneas, é muitas vezes pesado. Para se melhorar o layout de uma tabela pode-se lançar mão da união de algumas células, de tal sorte a que a visualização de uma série de células fique muito mais facilitada e graciosa ao olhar do visitante.

Esta lição trata desse problema, e como podemos usar o FrontPage Editor para nos ajudar a realizar essa tarefa, que se fôssemos mexer no código HTML se tornaria uma tarefa digna de um Hércules moderno.

Inserindo Linhas e Colunas:

Imaginemos a tabela original ao lado, e imaginemos a necessidade de se inserir duas novas linhas, para mostrar as vendas de fevereiro e abril. Imaginemos ainda que apareça um novo produto em nosso estoque, que denominaremos de Prod BA, e portanto temos que inserir uma coluna entre a 2ª e a 3ª colunas atuais.
Produtos Prod A Prod BC Prod BD
Vendas Jan 123 234 345
Vendas Mar 134 245 356
tabela original (3 linhas x 4 colunas)
Para obtermos tal resultado primeiro iremos inserir as linhas, uma antes da linha Vendas Mar, e outra logo depois:
  1. Selecione toda a linha Vendas Mar
    use o mouse apontando no canto esquerdo da tabela na altura da linha, até que vire uma seta preta e apontando para a direita, para selecionar toda essa linha;
  2. Vá ao menu e selecione a opção Table * Insert Rows or Columns;
  3. Certifique-se que está pré-selecionada a opção ROWS e que a quantidade de linhas esteja marcando 1;
  4. Marque a opção ABOVE Selection para inserir uma linha ACIMA da linha selecionada;
  5. Repita o processo agora selecionando BELLOW Selection para inserir uma linha ABAIXO da linha selecionada;
Produtos Prod A Prod BC Prod BD
Vendas Jan 123 234 345
       
Vendas Mar 134 245 356
       
tabela após inserir 2 linhas mais (5 linhas x 4 colunas)
Agora vamos inserir uma coluna adicional, logo após a 2ª coluna, a coluna Prod A:
  1. Selecione toda a Coluna Prod A
    use o mouse apontando na borda superior da tabela na altura da coluna, até que vire uma seta preta e apontando para baixo, para selecionar toda essa coluna;
  2. Vá ao menu e selecione a opção Table * Insert Rows or Columns;
  3. Certifique-se que está pré-selecionada a opção COLUMNS e que a quantidade de colunas esteja marcando 1;
  4. Marque a opção RIGHT of Selection para inserir uma coluna À DIREITA da coluna selecionada;
  5. Você também poderia ter selecionado a coluna Prod BC e marcado a opção LEFT of Selection para inserir uma coluna À ESQUERDA da coluna selecionada;
Produtos Prod A   Prod BC Prod BD
Vendas Jan 123   234 345
         
Vendas Mar 134   245 356
         
tabela após inserir 1 coluna a mais (5 linhas x 5 colunas)

Juntando Células numa Tabela:

Imaginemos a tabela original ao lado, e imaginemos a necessidade de se melhorar seu layout de sorte a criar uma nova linha acima da 1ª (para colocar a palavra Produtos acima dos nomes dos produtos), e criar uma nova coluna, à esquerda da tabela atual (para colocar a expressão Vendas Mensais dos Produtos).
Produtos Prod A Prod BC Prod BD
Vendas Jan 123 234 345
Vendas Mar 134 245 356
tabela original (3 linhas x 4 colunas)
Os dois primeiros passos já sabemos fazer:
  1. inserir uma linha ANTES da linha 1;
  2. inserir uma coluna A ESQUERDA da coluna 1;

Agora vemos que a tabela já tem as linhas e colunas necessárias, porém como podemos fazer para que a palavra produto apareça numa célula única com o tamanho das 3 colunas de produtos, e a coluna à esquerda tenha o espaço para escrever a expressão, na altura de todas as linhas de meses?
         
  Produtos Prod A Prod BC Prod BD
  Vendas Jan 123 234 345
  Vendas Mar 134 245 356
tabela modificada (+1 linha e +1 coluna)
A solução é juntar várias células numa única...

Primeiro vamos juntar as 4 células, da linha 1, que estão sobre os nomes dos produtos

  1. com o cursor selecione todas as 4 células, da 1ª linha, que se iniciam na coluna 2;
  2. Selecione o menu Table * MERGE CELLS;

Finalmente vamos juntar todas as células da coluna 1:

  1. com o cursor selecione todas as 4 células, da 1ª coluna;
  2. Selecione o menu Table * MERGE CELLS;

Pronto o FrontPage Editor já uniu as diversas células em 2 blocos maiores. Agora é só escrever os títulos desejados, como indicado no exemplo ao lado.
Vendas Mensais dos Produtos Produtos à Venda
Produtos Prod A Prod BC Prod BD
Vendas Jan 123 234 345
Vendas Mar 134 245 356
tabela final (com 2 blocos compostos por ex-células individuais)

Movendo Linhas/Colunas de uma Tabela:

Imaginemos a tabela original ao lado, e imaginemos a necessidade de se mover a última coluna (Prod BD) para o início das colunas dos produtos (isto é: para antes da coluna Prod A).
A solução passa pelas seguintes etapas:
  • inserção de uma nova coluna:
    • selecione a coluna Prod A;
    • selecione o menu Table * Insert Rows or Columns;
    • certifique-se de marcar LEFT of Selection;
  • remoção da coluna Prod BD (guardando-a na memória, para colar depois no lugar certo):
    • selecione toda a coluna Prod BD;
    • pressione as teclas [CTRL]+[X];
  • colação dos dados na coluna em branco:
    • selecione toda a coluna que está vazia;
    • pressione as teclas [CTRL]+[V];
Produtos Prod BD Prod A Prod BC
Vendas Jan 345 123 234
Vendas Fev 345 123 234
Vendas Mar 356 134 245
tabela modificada (com a movimentação de uma coluna)

seta.gif (78 bytes) Se o objetivo fosse mover uma linha de lugar, as etapas seriam as mesmas, exceto que escolheríamos opções de linha

Para o caso de usarmos o FrontPage Editor 98 teríamos que pular as estapas de INSERIR linha/coluna em branco. Isto porque o FrontPage Editor 98 já executa essa operação automaticamente ao pressionarmos as teclas [CTRL]+[V], para colar os dados.

Na verdade a versão 98 tem um método AINDA MAIS PRÁTICO, que é o de ARRASTAR e SOLTAR:

  1. Selecione toda a linha/coluna à ser movida;
  2. Pressione o botão do mouse, estando dentro da primeira célula da linha/coluna, e mantenha-o pressionado até o fim;
  3. mova o mouse até que o cursor se posicionar sobre a linha que ficará após a linha à ser movida (ou sobre a coluna que ficará após a coluna a ser movida);
  4. solte o botão do mouse;

[Índice] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]

Aqui você sempre acha as respostas para suas dúvid