Nesta aula vamos aprender a utilizar SLICES para mostrarmos/ampliarmos uma imagem, a fim de apresentar uma galeria de fotos, por exemplo.VAMU LA!!! VALENDO!!!!Primeiramente, busque e salve na sua maquina 03 logotipos de sua preferencia, buscando imagens com largura e altura semelhantes e quadradas.Agora solicite um documento com as caracteristicas abaixo:Largura: 350 pxAltura: 350 pxResolucao: 72 px/inchCor do CANVAS: WhiteImporte as imagens que voce salvou da internet, clicando no MENU FILE (ARQUIVO) e em seguida na opcao IMPORT (IMPORTAR).Escolha uma imagem por vez e em seguida de apenas um clique na area de trabalho do FIREWORKS.Apos ter inserido todas as imagens modifique o tamanho das mesmas para:W: 50Y: 45Agora aplique as posicoes X e Y, como segue abaixo:Imagem 1:X: 39 e Y: 25Imagem 2:X: 151 e Y: 25Imagem 3:X: 256 e Y: 25Veja como ficou ate o momento:Depois das imagens, vamos criar um texto simples no topo de nosso documento, acima de nossas imagens, apenas para indicar ao usuario como proceder para visualizar nosso proposito.Digite: Escolha um NAVEGADOR (ou a empresa, ou o programa, ou a pessoa, conforme suas imagens escolhidas na internet).Utilize uma fonte simples na cor preto como eu fiz:Arial Black Tamanho 12Agora vamos inserir SLICES ao redor da imagens inseridas.Pegue a ferramenta SLICE e em seguida clique, segure e arraste ao redor da 1a imagem para gerar um retangulo ou quadrado sobre ela e faca o mesmo nas demais fotos.Cuidado nesta fase para nao sobrepor este SLICES, o que prejudicaria o clique do internauta.Veja como estamos:Agora vamos inserir um slide na parte debaixo das imagens com as seguintes caracteristicas:W: 270Y: 250X: 39Y: 86Veja o resultado:Agora chegou a hora de programarmos as acoes destes SLICES, fazendo com que assim que o Internauta passar o mouse sobre uma das imagens, automaticamente ela amplie no SLICE abaixo.Com a ferramenta de Selecao, clique uma vez no SLICE da 1o imagem. Note que ele ficara selecionado e um ALVO aparecera no centro dele como segue na imagem abaixo:Clique neste ALVO e escolha a opcao ADD SWAP IMAGE BEHAVIOR (ADICIONAR COMPORTAMENTO DE TROCA DE IMAGEM). Veja abaixo:Na tela que aparecera, clique uma vez na miniatura do SLICE grande que criamos para que ela fique selecionada. Veja na imagem abaixo:Agora clique na opcao IMAGE FILE (ARQUIVO DE IMAGEM) e busque sua 1a imagem salva da internet. Veja:Apos localizar e inserir a imagem, desmarque a opcao RESTORE IMAGE ONMOUSEOUT (RESTAURAR A IMAGEM DO SLICE QUANDO O MOUSE SAIR DE SOBRE O SLICE ATIVO). Desta forma, mesmo que o internauta tire o mouse do botao-slice que criamos, a imagem ainda permanece sendo mostrada ate que ele passe o mouse em outro botao-slice ou atualize a pagina. Veja:Clique em OK e note que aparecera um vinculo entre o SLICE da 1a imagem e o SLICE maior:Repita os passos para as outras imagens colocando o vinculo com a imagem respectiva.Agora visualize no navegador utilizando a tecla F12 e confira se esta funcionando.__________________________________________________________________________________DICAS>>>>>>>>O SLICE pode ser aplicado a imagens, textos, fotos, vetores mesmo sem transforma-los em botoes._________________________________________________________________________________FUIOS! Nesta aula eu vou ficar "de boa"... e hora de voce recriar um logo, utilizando