Site com Fireworks - Parte 8

Vamos continuar fazendo as páginas de outros produtos agora.
Abra o arquivo autofalante.png.

01. Na janela Molduras, selecione a moldura de 01 pressione Shift e clique na moldura 06, todas as molduras ficarão selecionadas menos a moldura VAZIA. Clique na lixeirinha para apagar essas molduras.

02. Escreva o nome dos produtos que irão aparecer nessa página. Exemplos:
Twitter 01
Twitter 02
Twitter 03
Twitter 04
Twitter 05
Twitter 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...
Twitter 01 - bt_t01 - botão
Twitter 02 - bt_t02 - botão
Twitter 03 - bt_t03 - botão
Twitter 04 - bt_t04 - botão
Twitter 05 - bt_t05 - botão
Twitter 06 - bt_t06 - 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 twitter.png