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:
Módulo 01
Módulo 02
Módulo 03
Módulo 04
Módulo 05
Módulo 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...
Módulo 01 - bt_m01 - botão
Módulo 02 - bt_m02 - botão
Módulo 03 - bt_m03 - botão
Módulo 04 - bt_m04 - botão
Módulo 05 - bt_m05 - botão
Módulo 06 - bt_m06 - botão
03. Agora com a ferramenta Fatia,
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 modulo.png
Nenhum comentário:
Postar um comentário