Fazendo um site em Fireworks e exportando para Dreamweaver parte 4

Terminando a série de matérias sobre Fazendo um site no Fireworks e exportando para o Dreamweaevr veremos aqui como fatiá-lo e como montamos ele no Dreamweaevr.

Utilizando a ferramenta Slice Tool (K)

Dreamweaver.

Começaremos definindo o Topo;

Slice, mas de que forma isso acontece? Boa pergunta, note que do lado direito da área do Fireworks você tem todas as camadas da sua imagem, e a medida que você fatia o site vai aparecendo mais camadas na parte superior da aba Layer denominadas Web Layer, de um duplo clique em cima do nome e digite o nome que a sua imagem fatiada vai asumir, isso é muito importante.

Rodapé e a imagem dos edifícios no centro do layout.

Dreamweaver colocamos a mesma em tres cédulas diferentes. Faremos uma atia na parte posterior das notícias e uma no local onde irá ficar em branco ao exportar para o Dreamweaver.

Dreamweaver para começar a brincadeira de montar o nosso layout. Crie uma tabela com 3 linhas e 3 colunas:

Export Selected Slice… salvando-a com o mesmo nome que você atribui no Fireworks.

CTRL+ALT+M).

CTRL+ALT+I) e navegue até a pasta onde estivera miagem e de um duploclique nela. Adicione uma linha abaixo da primeira da seguinte forma:

#F5EAC2). O próximo passo é mesclar as duas colunas da terceira linha, e criar três colunas para inserirmos as tabelas de notícias.

#F6EAC2). O nosso layout está montado, agora vamos adicionar links ao nosso menu, usando a opção Image Map, localizado na aba Properties abaixo e a esquerda da tela do Dreamweaver.

Fazendo um site no Fireworks e exportando para o Dreamweaver.

Dúvidas.