DREAMWEAVER BÁSICO PASSO A PASSO – PARTE 3

 

Pré requisitos

Macromedia dreamweaver 6.1 ou equivalente

Conhecimento básico de Windows

 

Dreamweaver básico – parte 3

 

Este tutorial tem como tema principal a estruturação de páginas , utilizando tabelas.

 

Podemos considerar as tabelas como uma das mais importantes técnicas para a estruturação de páginas em html.

 

Vamos aos passos iniciais:

 

Existem várias formas de se inserir uma tabela no dreamweaver  utilizaremos o menu inserir / tabela:

 

 

Teremos então a seguinte guia:

 

 

Sendo que:

 

Linhas: define o numero de linhas horizontais da tabela.

 

Colunas: define o numero de colunas da tabela.

 

Preenchimento da célula: define o espaço de preenchimento da célula.

 

Espaçamento entre células: define o espaço entre uma célula e outra.

 

Largura: define a largura total da tabela, pode ser colocada em pixel (px) ou em porcentagem (%).

 

Borda: define o tamanho da borda da tabela..

 

Agora vamos criar uma tabela com as seguintes dimenções :

 

Linhas:  5

Colunas: 3

Preenchimento da célula: 0

Espaçamento entre células: 0

Largura: 100

Borda: 0

 

 

Uma vez criada a tabela terá o seguinte aspecto :

 

 

Clicando em qualquer linha ou coluna da tabela teremos o inspetor de propriedades.

 

 

Neste inspetor, alem das configurações que já sabemos, temos uma nova propriedade a ser ajustada, a altura da tabela.

 

 

Vamos colocar essa propriedade tambem em 100%

 

 

Agora a tabela terá o tamanho completo da tela do navegador, independente da resolução que o usuário estiver utilizando....

 

Isso nos dá a opção de gerar ou não a barra de rolagem, e torna o site auto-ajustável a resolução do usuário.

 

No próximo tutorial, estaremos ajustando essa tabela e colocando tabela dentro de tabela....

 

Até lá.