Site com Fireworks - Parte 5

Vamos fazer uma página de produtos.
Abra o arquivo produtos.png.

01. Escreva o nome dos produtos que irão aparecer nessa página. Exemplos:
Auto Falante 01
Auto Falante 02
Auto Falante 03
Auto Falante 04
Auto Falante 05
Auto Falante 06

Selecione todos os textos, vá no menu Modificar / Alinhar / Esquerda.
Menu Modificar / Alinhar / Distribuir Alturas.

02. Vamos transformar os texto em botão, para isso selecione cada texto e pressione F8 um de cada vez...
Auto falante 01 - bt_af01 - botão
Auto falante 02 - bt_af02 - botão
Auto falante 03 - bt_af03 - botão
Auto falante 04 - bt_af04 - botão
Auto falante 05 - bt_af05 - botão
Auto falante 06 - bt_af06 - botão

03. Agora com a ferramenta Fatia,

Crie um retângulo de W=540, H=400, X=250 e Y=330.

04. Agora na janela Molduras copie mais 6 molduras. Clicando na primeira e arrastando para cima da folhinha branca. Depois renomeie cada moldura como na imagem abaixo.

05. Agora volte para a moldura VAZIA, clique no primeiro botão, depois clique na marcação branca e depois clique em "Adicionar comportamento Troca imagem..."

06. Na caixa que se abre selecione o quadro destacado com o número 1 e depois na opção da Moldura marque a moldura de nome 01 que equivalerá a de número 2, e OK.

07. Selecione o seu segundo botão depois clique na marcação branca e depois clique em "Adicionar comportamento Troca imagem..." Siga o passo anterior de primeiro selecionar o quadro marcado como 1º e na moldura marque agora a moldura de nome 02 que equivalerá a de número 3.

08. Repita para os outros botões trocando sempre a moldura correspondente.

09. Agora vamos aprimorar as molduras, selecione a moldura de nome 01 pressione Ctrl+R para inserir uma imagem selecione a imagem correspondente ao seu menu e posicione dentro da área verde.

10. Depois clique na moldura de nome 02, pressione Ctrl+R e insira outra imagem.

11. Repita para cada moldura uma imagem.

12. Salve com o nome de autofalante.png