Passos para criar um site completamente em Flash:
Os passos seguintes vão ajudar-nos na criação de
um site completamente em Flash:
1. Estrutura de um site em Flash
A estrutura de um site completamente em Flash, neste tutorial, consiste
no seguinte:
- Animação de Index
A animação de index é nada mais do que a base onde
as "verdadeiras" animações vão ser construidas.
A animação de index vai conter apenas o menu de navegação
e um movie clip vazio para carregamento (loading) de ficheiros SWF externos.
- Animações de Contexto
As animações de contexto contêm o "verdadeiro"
conteúdo a ser carregado na animação de index.
Como se pode compreender, um site completamente em flash é composto
por vários ficheiros swf individuais. A animação
de index é carregada primeiro. Clicando num dos links da navegação
vai fazer com que a respectiva animação de conteúdo seja
carregada para o movie clip em branco, situado na animação
de index. Se estás familiarizado com o loadMovie de certeza que
te vais lembrar que podes carregar animações num movie clip
ou num nível.
Provavelmente tudo isto poderá ser um pouco confuso. E se em vez
de aprendermos algo abstracto, começassemos a meter a mão
na massa? Foi criado um exemplo onde faltam muitas coisas, para que sejam
adicionadas por ti.
Vamos então começar a criar o site a que nos referimos
à pouco:
Começamos por fazer o download
do ficheiro fonte, que contém tudo o que é necessário
para começar.
Depois de teres feito o download, abre o ficheiro chamado inicio.fla.
Surgirá a estrutura básica do site, onde serão
adicionados os botões, links e o código necessário
(tudo em instruções contidas neste tutorial).
De que serve um site sem navegação? Vamos adicionar um
menu de navegação. Já existe uma base do menu de
navegação desprovida de qualquer código. Escolhe
a layer "navigation". Pressiona a tecla F11
ou vai até Window | Library.
Arrasta o simbolo "nav_background" da Library
e larga-o no stage.
Certifica-te que o objecto está perfeitamente alinhado no topo-esquerdo.
Para isso, basta seleccionar no painel Properties em baixo, e escrever
0 (zero) em ambos os campos X e Y.
Agora precisamos de criar um lugar onde os SWFs externos vão
ser carregados. Lembra-te que para usares o loadMovie, precisas de um
alvo para onde carregar o movie clip pretendido. Vai até Insert
| New Symbol. Dá um nome ao clip, escolhe Movie
Clip, e clica em OK. Verás então o clip aberto
na área de trabalho. Simplesmente clica onde diz Scene
1, para saires do mesmo (Scene 1 situa-se mesmo por baixo do
nome das layers).
Estamos de volta à timeline principal.Criamos o movie clip mas
não o adicionamos em nenhum local da nossa animação.
Clica na layer "action". Pressiona a tecla
F11 ou vai até Window | Library.
A caixa Library aparece e selecionamos o movie clip recém criado,
arrastando-o para a timeline principal. Mais uma vez, as coordenadas
para X e Y são 0(zero) e 0(zero), tal e qual como na criação
do menu de navegação. Deverá de ser visível
um pequeno circulo vazio no topo-esquerdo da timeline.
Seleciona o movie clip e dá-lhe o nome de instância (instance
name) "contents". Se não lhe for dado
este nome, o movie simplesmente não vai funcionar.
Agora, que temos o nosso movie clip no local correcto, clicamos na
layer "action" e arrastamo-la para baixo
da layer "navigation".
Agora já temos o interface da animação completo.
Mas ainda temos de adicionar as acções, e mais tarde aprender
as bases da criação do teu próprio site em Flash.
Clica em seguinte para prosseguires para a segunda parte deste tutorial. |
