DREAMWEAVER BÁSICO PASSO A PASSO – PARTE 5

 

Pré requisitos

Macromedia dreamweaver 6.1 ou equivalente

Conhecimento básico de Windows

 

Dreamweaver básico – parte 5

 

Hoje vamos melhorar o design básico do nosso site, e começar a inserir o conteúdo.

 

Por enquanto nosso site está dessa maneira :

 

IMPORTANTE :

 

O layout de um  site esta diretamente ligado ao uso de imagens, para saber mais sobre como trabalhar imagens, veja na categoria Design, na seção tutoriais do site  www.juliobattisti.com.br, ou pelo seguinte endereço eletrônico: 

 

https://juliobattisti.com.br/tutoriais/default.asp?cat=0022

 

vamos agora alterar a fonte e a cor dos itens do menu:

 

para selecionar as linhas da tabela, basta segurar Ctrl e dar um clique com o botão esquerdo do mouse, teremos a seguinte tela:

 

 

agora basta alterar, no inspetor de propriedades, a fonte para verdana o tamanho para 2, e a cor para #0033CC.

 

 

Vamos agora criar uma tabela na parte central da página com 1 linha 3 colunas...

 

 

Agora vamos definir a largura e a altura da tabela em 100% 

 

 

É importante saber que o dreamweaver nem sempre atualiza na área de edição as mudanças, por isso é importante estar sempre testando a página no navegador.

 

Vamos agora definir 100px para  a largura da primeira coluna da tabela no centro da pagina.

 

 

E na terceira coluna vamos definir 200px de largura:

 

Agora na coluna do meio podemos inserir uma tabela de 2 linhas por 1 coluna.

 

 

Agora iremos inserir a primeira linha uma imagem, e na Segunda um pequeno texto.

 

 

No próximo tutorial vamos ver como colocar os links...

 

Não perca!