novos programas de tic flash/dreamweaver. conceitos e 1º acesso ao flash conceitos e 1º acesso ao...

Novos programas de TIC Flash/Dreamweaver

Novos programas de TIC Flash/Dreamweaver

Conceitos e 1º acesso ao FLASH

Conceitos e 1º acesso ao DREAMWEAVER

Instalação

Bibliografia/Webibliografia

Flash 4 FCA

FLASH MX & 5 FCA

“Bíblias” de FLASH MX SAMS/McGraw/…

Treinamento DREAMWEAVER MX Básico- Unicamp

Macromedia Flash - PUCMinas

www.flashkit.com

www.criarweb.com

Livros de TIC 10º - Planeta das TIC/A. Azul/TICO/…Tutorial de FLASH MX - Macromedia

Instalação do STUDIOMX

Criação de Páginas Web – Flash

Projectos multimédia

Animações simples e complexas

Conceitos básicos

O Flash MX é uma ferramenta de criação de interfaces de navegação para a Web.

Integra, interliga e compatibiliza ferramentas para criação e edição de imagens, técnicas de animação, componentes de interface e interactividade.

Criação de Web sites com grande riqueza visual, com vídeos, logótipos animados, animações sincronizadas com sons, etc.

Objectivos

Reconhecer as potencialidades do programa para realização de projectos multimédia.

Descrever as principais características do programa.

Utilizar adequadamente as ferramentas de desenho.

Manipular imagens.

Aplicar elementos de animação simples e complexa.

Proceder à publicação do site num servidor Web.



Como Iniciar o programa Flash MX

Clicar sobre o botão Iniciar.

Seleccionar a opção Todos os

programas e, em seguida, Macromedia.

Seleccionar Macromedia Flash MX 2004.


Começar a trabalhar

Seleccionar Create New e, em

seguida, Flash Document.


Ambiente de trabalho

Barra de desenho

Níveis

Barra do tempo

Área de painéis

Área de trabalho (palco)

Lista de componentes

Área de propriedades


Barra de Ferramentas Padrão

Encaixar objectos (íman)

Suavizar linhas e contornos

Endireitar linhas e contornos

Rodar objectos

Redimensionar objectos

Alinhar objectos


Barra de Ferramentas de Desenho

Seleccionar, mover e redimensionar objectos

Seleccionar objectos

Desenhar linhas rectas ou curvas com grande precisão, manipulando os ângulos associados

Modificar a cor, espessura e estilo dos contornos

Colorir áreas vazias ou delimitadas

Mão que permite movimentar objectos na área de trabalho

Área de opções

Transformar objectos (orientação, forma, etc.)

Alterar o gradiente de um objecto

Controlo das cores dos contornos e preenchimentos


Área de opções das várias ferramentas


Cores

Para alterar as cores dos fundos ou linhas utiliza-se o painel Color Mixer, que se encontra na

parte superior direita da janela.

Cor da linha

Cor de preenchimento

Cor por defeito: linha preta e preenchimento branco

Definir linha ou preenchimento transparente

Trocar as cores da linha e do preenchimento Tipo de preenchimento

Espectro de cores

Definir escala de cores

Transparência da cor

Controlo de brilho e luminosidade


Tipos de texto

Dinâmico

Entrada

Estático Texto que se mantém inalterável durante todo o filme.

Caixa de texto cujo conteúdo sofre alterações ao longo do filme

como, por exemplo, a actualização de dados da meteorologia.

Texto inserido pelo utilizador, por exemplo, no preenchimento

de formulários. Esses formulários são criados com texto de

entrada, atribuindo-se a cada caixa de texto um nome.


Símbolos

São uma espécie de minifilmes independentes, que podem conter sons, animações, botões, etc. Têm uma linha de tempo totalmente independente da do filme principal.

Qualquer objecto que cries deve ser convertido em símbolo. Posteriormente, podes

usá-lo várias vezes no filme para o qual foi criado e também noutros documentos.

Imagens estáticas que serão reutilizadas ao longo do filme e que estão em sincronia com a linha de tempo do filme principal.

São objectos que reagem aos cliques do rato. Têm uma linha de tempo própria com quatro frames (Up, Over, Down, Hit).

Imagens

Botões

Clips de filme


Tipos de sons que podemos incorporar nos filmes

WAV (.wav)

Audio Interchange File Format (.aif)

MP3 (.mp3)

Sons de evento Sons associados a determinado evento.

Sons de fluxo Sons sincronizados com determinados objectos do filme.

Pode-se trabalhar com vários formatos de ficheiros de sons. Por exemplo:


Vídeos

Não fazem parte integrante do filme, mas o Flash mantém

um apontador para eles. Estes filmes não são visualizados

no formato .swf. São publicados no QuickTime.

Um vídeo é um dos elementos mais pesados que pode ser incorporado num filme, pois

ele próprio contém imagens, sons, texto, animações, etc.

Importação de vídeos – Os vídeos podem ser inseridos no Flash de duas formas:

Incorporados (embed)

Fazem parte integrante do filme.

Ligados (link)

Criação de Páginas Web – Dreamweaver

Macromedia Dreamweaver

Planeamento de um Web site

Construção de um Web site

Conceitos básicos

O Dreamweaver permite a criação de páginas Web utilizando o sistema

What You See Is What You Get (WYSIWYG).

Não é necessário conhecer linguagens de programação para elaborar

uma página. O aspecto da página no ambiente de trabalho do

Dreamweaver é o aspecto que esta terá no final.


Objectivos

Criar, abrir e guardar documentos HTML.

Utilizar ferramentas de desenho.

Identificar os componentes da área de trabalho.

Inserir e manipular objectos.

Trabalhar com formulários.

Manipular e formatar texto e objectos nas páginas.

Adicionar hiperligações.


Como Iniciar o Dreamweaver

Clicar sobre o menu Iniciar.

Seleccionar a opção Todos os programas e, em seguida, Macromedia.

Seleccionar Macromedia Dreamweaver MX 2004.


1º acesso ao Dreamweaver


Iniciar o Dreamweaver

Seleccionar no menu File a opção New.

Em Category seleccionar a opção Basic Page.

Em Basic Page seleccionar a opção HTML.

Clicar sobre Create.


Painel de propriedades

Painéis

Área de trabalho

Neste painel pode-se formatar todas as propriedades associadas a um objecto.


Identificação da página aberta

Visualização do código

Visualização do código e do projecto

Visualização do projecto

Título do documento

Depuração e visualização de erros

Gestor de ficheiros

Visualização da página no browser

Actualização da página

Opções de visualização

Criação de Páginas Web – DreamweaverPainéis de Objectos

Inserir hiperligações em texto

Inserir hiperligações para caixas de e-mail

Inserir tabelas

Inserir imagens e desenhos

Inserir elementos multimédia

Inserir frames

Inserir formulários

Inserir linhas de formulário

Inserir botões

Inserir e formatar texto

novos programas de tic flash/dreamweaver. conceitos e 1º acesso ao flash conceitos e 1º acesso ao...

Documents