DREAMWEAVER BÁSICO PASSO A PASSO – PARTE 4

 

Pré requisitos

Macromedia dreamweaver 6.1 ou equivalente

Conhecimento básico de Windows

 

Dreamweaver básico – parte 4

 

Este tutorial da continuação a estruturação de páginas através de tabelas.

 

Vamos começar inserindo uma tabelas de 3 linhas por uma coluna, e alterando as suas dimensões de altura e largura para 100 %, deverá ficar assim

 

 

Observe que a tabela toma todo o espaço de edição da tela, o que significa que irá ocupar toda a página, independente da resolução do usuário.

 

Agora iremos definir a altura da primeira linha da tabela onde ficará o nosso menu.

 

Para editar essas configurações individuais de linha devemos selecionar a linha , clicando no seletor de código abaixo da área de edição

 

 

Com a linha selecionada vamos alterar a altura para 150.

 

 

Vamos tambem , alterar a altura da 3ª linha para 50.

 

 

Vamos tambem alterar as cores : na primeira e Terceira linhas colocaremos algum tom de azul, e na Segunda vamos colocar branco.

 

 

Podemos ver como o design da página está, através da tecla de atalho F12, ou do menu  ARQUIVO\VIZUALIZAR NO NAVEGADOR|IEXPLORER

 

 

Agora iremos alterar mais algumas configurações dentro da primeira linha. Mudaremos o alinhamentos vertical e horizontal da linha como na figura a seguir:

 

 

Após isso podemos inserir uma tabela de 1 linha por 5 colunas, com 75% de largura

 

 

Em seguida iremos escrever o nome dos links na tabela...

 

 

No próximo tutorial iremos melhorar o design da página e colocar o links.

 

Até lá