WFLORIPA – Prof. Willians Silva

PCC – PROJETO DE CONCLUSÃO DE CURSO

INÍCIO em 11/03, APRESENTAÇÃO em 26/03

OBJETIVOS: Criar um web site, contendo os requisitos técnicos abaixo,  e utilizando as competências desenvolvidas no curso, preparar documentação impressa (briefing, proposta, estruturação de preços, cronograma do projeto, layout gráfico) à ser entregue em mãos na apresentação do mesmo.

Requisitos técnicos mínimos:

1.     Tema livre (use bom senso);
2.    Layout gráfico do site em resolução de vídeo 1024×768;
3.     Estrutura em Template e tabelas;
4.     Inserção de conteúdos { textos, imagens, 2 videos;
5.    1 formulário de contatos{ 5 campos;
6.    Ferramentas do Google{ analyctics e maps;
7.    Menu de botões {Fireworks ou Flash;
8.    Mínimo de 3 flashs;
9.    Meta tags para facilitar as buscas nos buscadores;
10. Mínimo de 5 áreas;
11. Publicar na web.

Passos:

I – Elaborar o cronograma de tarefas;
II – Criar o Layout Gráfico no Fireworks!
III – Estruturar o template no Dreamweaver
IV – Criar as páginas de Conteúdos
V – Criar os Flashs e Multi-midias
VI – Correções ortográficas e ajustes
VII – Publicação

Abraços, Prof. Willians

dentro do Flash inserir uma caixa de txt dinamica com nome de instancia e variavel,

fora do flash, fazer um arquivo txt e salvar no mesmo diretório que esta salvo o arquivo em flash

nome instancia: campo_txt
nome variavel: carrega

colocar essas actions no frame 1:

//para carregar o txt externo para dentro do flash
System.useCodepage = true;
carrega = new LoadVars()
carrega.load(“noticia.txt”)
carrega.onData = function(dados) {
campo_txt.text = dados
}

//ação do botao subir
sobe_btn.onPress=function() {
onEnterFrame = function () { _root.campo_txt.scroll++;};
}
sobe_btn.onRelease=function(){
delete onEnterFrame;
}

desce_btn.onPress=function() {
onEnterFrame = function () { _root.campo_txt.scroll–;};
}
desce_btn.onRelease=function(){
delete onEnterFrame;
}

alve Galera!

a pedidos, vai a dica ai… especial para a turma de web…

Dicas de Atalhos:

F5 – Compartilhar os Frames,
F6 – Criar um novo KeyFrame, e copia os objetos do KeyFrame Anterior, no mesmo local.
F7 – Criar um novo KeyFrame vazio (em branco);
F8 – Converte o objeto em Symbol;
F9 – Abre o painel de Action;
F12 – Visualiza o flash no navegador através de um arquivo .html;
Shift + F5 – Quando selecionado os frames, apaga/deleta;
Ctrl + Shift + V – colar no mesmo local da Cópia.
Ctrl + L – Abrir o painel Biblioteca;
Ctrl + 1 – Visualiza o Estage em zoom de 100%;

————————————————————

Técnica de Pré-Load com: percentual, kbytes e barra

ifFrameLoaded(“anima”,50){
gotoAndPlay(“anima”,1);
}
bytes = int(this.getBytesLoaded() / 1024) + “KB”;
A = this.getBytesLoaded() / this.getBytesTotal() * 100;
porcentagem = int(A) + “%”;
setProperty(“_root.bar”, _xscale, A);
————————————————————

Substituir o ponteiro do Mouse

Tipo 1:
I – faça um desenho de uma seta (por exemplo: >), converta em MovieClipe (F8), e coloque nome de Instância como: cursor_mc

II – no primeiro frame adicione a ação de script abaixo:

import mx.effects.Tween;
import mx.transitions.easing.*

var objRetorno:Object = new Object()
var objList:Object = new Object();

objRetorno.onTweenUpdate = function(Valor) {

cursor_mc._x = Valor[0];
cursor_mc._y = Valor[1];

};

objList.onMouseMove = function() {

Mouse.hide()

var animacao = new Tween(objRetorno, [cursor_mc._x, cursor_mc._y], [_root._xmouse, _root._ymouse], 800);
animacao.easingEquation = Elastic.easeOut;

};

Mouse.addListener(objList);

Mouse.hide() ;

————–

Tipo 2:

I – faça um desenho (exemplo uma seta), convert em movie clip (f8), e dê um nome de instancia de : mover_mc;

II – no primeiro frame da scene 1 coloque a action abaixo:

startDrag(“mover_mc”, true);
Mouse.hide();

boa sorte,

Abração

Profe.

Salve Galera!

A pedidos segue a receitinha do Motion Tween, no Flash 8..

Alguns Atalhos:
F5 => Compartilha os Frames (extende);
F6 => Cria um novo KeyFrame (quadro Chave) e copia os objetos que estão no KeyFrame anterior;
F7 => Cria um novo KeyFrame em Branco;
F8 => Converte o ítem selecionado em Symbol ( Graphic, Bottom ou Movie Clipe);
Shift + F5 => Excluir os frames selecionados;
Ctrl + Shift + V => Colar no mesmo local;

I – Desenhe uma elipse (pode ser uma foto, ou um texto.. também);

II – com a Seta preta, selecione o objeto(a bolinha desenhada) e acione a tecla F8 para converter em Graphic;

III – Após converter em Graphic, clique no frame 50 (na Timeline) e acine a tecla F6 ;

IV – Com a seta preta, selecione (na timeline) o frame 1 até o frame 50;

V – na parte inferior do software, vá no painel de properties, opção: Tween / Motion (processo de interpolação de Movimento);

VI – Clique (na timeline) no frame 25, acione a tecla F6 e mova (com a seta preta) o objeto (a bolinha) para cima,

 VI – Acine as teclas: ctrl + Enter, para visualizar a animação;

 

Exemplo 1:

Exemplo 2: 

Obs.: Para fazer mais de uma animação concomitante, deve-se criar outra layer, ou seja, uma layer correspondente para cada animação.

Boa Sorte!