Busca Interna:
  Notícias Zone Masters
  03/09/2008 - Falha de segurança é detectada no Google Chrome
05/06/2008 - Internet ultrapassa TV paga em investimento public...
21/05/2008 - Crimes na internet rendem mais que tráfico de drog...
15/05/2008 - EUA condenam "spamers" a pagar US$ 230 milhões ao ...
14/05/2008 - Internet móvel ultrapassará web convencional, diz ...
09/05/2008 - Oscar da internet divulga os vencedores da 12ª edi...
09/05/2008 - Brasil tem 50 milhões de PCs em uso, aponta FGV
Zone Masters - A revolução da Internet ! - 2007
 
Tutoriais / Dreamweaver
 
em 23/01/2007
Estrutura de um site em tabela
-----------------------------------------------------
Nesse tutorial você aprenderá a utilizar tabelas.

A tabelas são utilizadas para você organizar sua página, com elas, seu site pode ficar milimetricamente perfeito, sem nenhum erro de alinhamento e de posição das imagens.

Para todos entenderem melhor, vamos montar a estrutura de um layout simples.

- Vamos inserir uma tabela, vamos chama-la de A.

- Clique no menu inserir / tabela ( ctrl+alt+t ).

- Uma janela aparecerá, e você deverá configura-la:




- Linhas: é o numero de linhas que a sua tabela terá,
nesse caso usaremos 3.

- Colunas: é o numero de colunas que a sua tabela terá,
nesse caso usaremos 3.

- Largura: é a largura da tabela (em pixels ou uma
porcentagem da página, ex: 90% da largura da página), nesse caso
usaremos 775px ou 78%.

- Preenchimento da célula: é o espaço
interno das células, nesse caso usaremos 0.

- Espacamento entre as células: é o espaço externo entre as células da tabela ( linhas e colunas ), nesse caso usaremos 0.

- Borda: é a largura da borda, nesse caso usaremos 0.

- Após inserir a tabela, você deverá arrastar a penúltima linha ( denominada linha A ) para baixo como mostra a figura:



- Feito isso, agora você irá arrastar as 2 colunas, a coluna B para a esquerda e a coluna C para a direita, como mostra a figura abaixo:



- Agora vamos fazer a parte do topo do site, para isso você irá unir as 3 células de cima da tabela e arrasta-las um pouco para baixo.

- Selecione as 3 células:



- Vá no menu Inspetor de propriedades ( Ctrl+F3) e clique em Mesclar as células selecionadas utilizando extensões:

- As 3 células se fundiram formando apenas uma célula.

- Faça o mesmo com as 3 células de baixo da tabela.

- Agora arraste-a um pouco para baixo:




Se você fez tudo certo, a estrutura do seu site ficou assim:



Apartir dessa estrutura você pode elaborar muitos sites com layouts diferentes.

-----------------------------------------------------
 
 
© Copyright 2001 - 2007
Zone Masters - Todos os direitos reservados
- Anuncie
- Expediente
- Na midia