Dreamweaver MX - Básico

O modelo que criamos será a base para as demais páginas do site, onde será alterada apenas a região editável que denominamos de conteudo. Ao criar uma nova página a partir de um modelo é possível definir se ela permanecerá anexada ao modelo. Definindo essa opção, quando o modelo for alterado, todas as páginas anexadas a ele serão atualizadas.

A primeira página que criaremos a partir do modelo será a página inicial do nosso site denominada index.html. Na barra de menus escolha Arquivo > Novo, escolha a guia Modelos (1), serão exibidos os sites e modelos existentes, escolha o site Bioderm (2) e o modelo bioderm_modelo (3).
Mantenha a opção atualizar a página quando o modelo for alterado (4), dessa forma, ao atualizar o modelo, todos os documentos criados a partir dele serão atualizados.
Clique no botão Criar.

Salve o documento com o nome de index.html, na pasta raíz do site.

Na página index.html temos então uma tabela com 3 linhas e uma coluna. A 1ª e 3ª linhas da tabela estão bloqueadas pois serão elementos fixos em todas as páginas do site, vamos trabalhar na segunda linha da tabela, que é uma região editável.

Posicione o cursor na segunda linha da tabela e crie uma nova tabela dentro dessa linha: Painel Inserir Comuns > Inserir tabela, ou barra de menus Inserir > Tabela. A nova tabela terá as seguintes propriedades: 2 linhas, 2 colunas, largura de 760 pixels, preenchimento da célula = 0, espaçamento entre as células = 0 e borda = 0.
Defina a largura de cada coluna da tabela, selecione a primeira coluna e no campo L do Inspetor de propriedades digite 350, agora selecione a segunda coluna da tabela e no campo L do Inspetor de propriedades digite 410.
Na primeira célula da tabela insira a imagem foto1_home.gif (armazenada na pasta imagens)

Na barra de menus, selecione Arquivo > Salvar como. Salve com o nome de index.html na pasta raíz do site. Feche o documento.

Obs.: Clicando na Barra de menus: Arquivo > Verificar a página > Verificar Links, é possível testar se os links estão Ok.