PESQUISA: 

 

Fórum de Flash
Fórum de discussão sobre Flash moderados por especialistas.

tutoriais
Os melhores tutoriais de Flash escritos em Português.

open sources
Milhares de "open sources" devidamente catalogadas e classificadas.

jogos
Centenas de viciantes jogos desenvolvidos em Flash.

websites
Selecção dos melhores websites em Flash.

bibliotecas
Bibliotecas de software, componentes, fontes e sons para Flash.

artigos
Artigos técnicos indispensáveis para profissionais em Flash.

Newsletter
Receba todos os dias a newsletter do Flash Web Training com as principais notícias sobre tecnologia e informática.
 
Curso Online
Curso de Flash 5 e MX com acompanhamento de formadores especializados.
 
flash shopping
Online Store com os melhores produtos dedicados ao Flash.
 
conferências
Principais conferências e eventos sobre Internet e Novas Tecnologias.
 
job opportunities
Anúncios de emprego para empresas que procuram profissionais de Flash.
 
suporte técnico
Caso tenha alguma dificuldade, contacte o nosso suporte técnico.

 

 
Página:  
Homepage Tutoriais Avançados

Ficha Técnica
Autor: Flash Web Training
Versão: Flash Mx
Dificuldade: Avançado
Data de Publicação: 27/08/2002


Introdução

A criação de sites completamente em Flash é uma boa indicadora do grau de experiência que alguém pode ter com este software. Escusado será dizer que a criação de sites completamente "flashados" poderá ser um processo frustrante e muito cansativo. Este tutorial não ajudará no design do site, mas ajudará na parte técnica, nos detalhes de utilização (tais como ligações entre páginas, criação de uma boa navegação) e outros problemas comuns na criação de um site em Flash.

Antes de continuarmos com este tutorial, certifica-te que estás minimamente familiarizado com os seguintes conceitos:

  • LoadMovie (carregar filme)
  • Layers (camadas)
  • Actions (acções)
  • Botões (botões)

Neste tutorial vamos utilizar um site previamente criado e modificá-lo para que este funcione correctamente.

Ficheiro Swf

Downloads:

Flash Player icon Ficheiro Fla Tutorial em PDF
 

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.

 
 
 
« Anterior  página 3 de 2  
 
Copyright ©2002-2008 Desenvolvimento de Sites , Serviços de Web Design Todos os direitos reservados