SCROLL CONTÍNUO DE UM FICHEIRO HTML

Documentos relacionados
CTIONSCRIPT. Painel Action

MOTOR DE BUSCA USANDO FLASH+ASP

Copiar e colar movimentos

Quando acabares de fazer a tua imagem precisas de a gravar em png. Clica em File > Save for Web

GUESTBOOK UTILIZANDO INTERAÇÃO FLASH+PHP

Na janela que se abrirá, escolha o arquivo de web page que será editado com o NVU.

CRIAÇÃO DE UM SITE COMPLETO EM FLASH

CRIAÇÃO DE ANIMAÇÕES. 5.1 Tipos de animação. Frame-by-frame

Criar um recurso para QIM com ActivInspire - Studio

Dreamweaver CS5 -5- CAPÍTULO 1... Iniciando e conhecendo o dreamweaver...8 Interfaces...23 Criando e confi gurando sites...24 Exercícios...

Background em Movimento

LÓGICA DE PROGRAMAÇÃO PARA ENGENHARIA TUTORIAL OPENWATCOM: CRIANDO O PRIMEIRO PROGRAMA

LÓGICA DE PROGRAMAÇÃO PARA ENGENHARIA TUTORIAL OPEN WATCOM: CRIANDO O PRIMEIRO PROGRAMA

1 - Ambiente de desenvolvimento

De seguida vamos importar a imagem da lupa File > Import e abrir a imagem Lupa.png que está no Cd-rom.

FORMAÇÃO DE MICROSOFT WORD Mário de Almeida Pedro, M. Sc. Janeiro 2014

O Microsoft PowerPoint PASSO Botão do Office: 2. Barra de ferramentas de acesso rápido: 3. Barra de título: 4. Friso: 5.

CRIAR EFEITO DE LASER

Explorador do Windows (manipulação de ficheiros)

LÓGICA DE PROGRAMAÇÃO PARA ENGENHARIA TUTORIAL OPEN WATCOM: CRIANDO O PRIMEIRO PROGRAMA

Manual de Formação. Elaborado por: Carina Castro

INTRODUÇÃO AO ACTIONSCRIPT

Exercício 1 - Resolução do ecrã. Tecnologias da Informação e Comunicação

Produção de tutoriais. Suellem Oliveira

Manual de Utilizador do Backoffice

IMAGEM REFLECTIDA NA ÁGUA

MODELAR UM OBJECTO COM RASTO ATRAVÉS DO SWIFT 3D

SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 CAPÍTULO 2 CAPÍTULO 3 CAPÍTULO 4 CAPÍTULO 5 CAPÍTULO 6. Adobe Flash Professional CC 5

Flash 8. M14 Trabalhar com Sons

Introdução ao SolidWorks (V): Tabelas de Desenho

Dicas p ós gráficos InDesign

Tutorial Imprimir em 3D com Inkscape e Tinkercad

Produção de tutoriais. Suellem Oliveira

Programação 2017/2018 2º Semestre

Capítulo 4 Criando uma animação

Tutorial sobre Activity: Como carregar um fragmento do mapa para a tela do celular

Módulo de Aprendizagem I

Introdução O que irá mudar? Por onde começar? Para que serve cada camada (layer)? Inserindo a ClickTag...

Teclados Virtuais. Março 2012.

Elementos visuais com ActionScript 3.0. Vamos chamar ao Action Script 3.0, AS3 a partir de agora

Criar sequências/sucessões/progressões com alça de arrastamento

Dicas de utilização AULA DE APLICAÇÃO

Manual do Utilizador

Produção de tutoriais. Suellem Oliveira

3 Cabeçalho/ logótipo 4 Menu principal 5 Autenticação

Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)

Uso do Easy Interactive Tools

MANUAL DE INSTALAÇÃO E TUTORIAL BÁSICO DE UTILIZAÇÃO DO PROGRAMA YASARA VIEW

FORMAÇÃO DE MICROSOFT EXCEL 2010

Departamento de Engenharia Electrotécnica e de Computadores Instituto Superior Técnico Universidade Técnica de Lisboa Sistemas Digitais

Animação 2D. Sistemas de Informação e Multimédia Módulo 5

CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX

DISCIPLINA GEOPROCESSAMENTO E SISTEMAS AMBIENTAIS OFICINA: APRESENTAÇÃO FINAL DE MAPAS

1 o º ciclo. Índice TUTORIAL

Produção de tutoriais. Suellem Oliveira

Versão 2.0. Manual do Utilizador Para Windows Vista, 7 e 8

Flash PreLoader. Selecione o primeiro keyframe da layer script, clique no lo local indicado na imagem e cole o seguinte actionscript:

Nesta menu que abriu, clique na opção de baixo, Título Animado.

Vejamos agora as ferramentas mais utilizadas para criação de imagens:

Anexar ficheiros no exe (versão 1.0x)

777 Processador de Texto

Barra de tarefas no Windows 7 (continuação)

CRIAÇÃO RÁPIDA DE PROGRAMAS (SHOWS)

Modulo 2 Gestão de Base

GUIA DE INÍCIO RÁPIDO PARA FORT AD PAYS

Transcrição:

SCROLL CONTÍNUO DE UM FICHEIRO HTML Introdução Com este tutorial vais aprender a criar um scroll para uma text field cujo seu conteúdo é código html que está num ficheiro.txt. Criar os botões de control do scroll Cria dois botões para comandar o scroll da forma que quiseres e coloca-os no stage no local que achares mais apropriado. Dá à layer onde colocás-te os botões o nome "botões". Carregar o ficheiro.txt

Cria uma nova layer e dá-lhe o nome texto. Nesta layer cria 4 frames em branco seleccionando cada uma delas e pressiona a tecla F7. Dá á label da frame #2 o nome "load" e á #4 end. Duplo clique na frame #1 na layer "texto", e aparece a janela "Action Properties". Insere o seguinte código: loadvariablesnum ("./teutexto.txt", 0); Onde está "teutexto" deverás por o nome do teu ficheiro. Move a janela "Action Properties" até conseguires ver a frame #2 da layer "texto" e clica nela. A janela "Action Properties" agora mostra as actions desta frame. Insere as seguintes actions: if (texto ne "") { gotoandstop ("end"); Clica na frame #3 da mesma layer e insere o seguinte código: gotoandplay ("load"); Clica na frame #4 da mesma layer e insere o seguinte código: stop (); Criar a Text Field Continuando na mesma frame (#4 da layer "texto") clica na ferramenta "Text Tool" e cria uma text field no local onde queres que o teu texto apareça. Na janela "Text Options" selecciona "Dynamic Text" e "Multiline". Escreve "texto" na caixa "Variable".

Marca as Check Box "HTML" e "Word Wrap". Agora selecciona a ferramenta "Arrow Tool" e a tua text field aparecerá com uma linha azul á volta, podes colocá-la onde quiseres. Duplo clique na text field e aparecerá um quadrado branco que serve para a redimensionar, se necessário fá-lo. Se quiseres mudar o tipo de letra, tamanho, ou cor, selecciona a janela "character" e muda o que pretenderes. Se usares fontes especiais terás que voltar á janela "Text Options" e activar o botão "[...]" abaixo de "Embed fonts". Atenção que isto vai aumentar o tamanho do filme. Criar dois filmes em branco Precisamos agora de criar 2 Movie Clips em branco com actions nas 3 primeiras frames. Estes filmes vão conter as actions para o teu filme subir ou descer. Primeiro filme Faz Insert» New Symbol, dá-lhe o nome "uptrigger" e o behavior Movie Clip. Clica OK. Dentro do Movie Clip cria as frames #2 e #3 em branco através da da tecla F7. Duplo clique na Frame#1 para abrir a janela "Action Properties" e insere as seguinte action: stop (); Clica na Frame #2 e insere a action set variable com os parametros mostrados na imagem

ou então copia o seguinte código: /text:scroll = /text:scroll-1; Clica na frame #3 e insere a seguinte action: Segundo filme Faz Insert» New Symbol, dá-lhe o nome "downtrigger" e o behavior Movie Clip. Clica OK. Dentro do Movie Clip cria as frames #2 e #3 em branco através da da tecla F7. Duplo clique na Frame#1 para abrir a janela "Action Properties" e insere as seguinte action: stop (); Clica na Frame #2 e insere a action set variable com os parametros mostrados na imagem ou então copia o seguinte código: /text:scroll = Number(/text:scroll)+1; Clica na frame #3 e insere a seguinte action: Vamos voltar á Scene #1 e colocar estes 2 filmes no stage em qulquer sitio pois como não tem gráficos não são vistos. Para possiveis alterações futuras do código é conveniente colocar o MovieClip "uptrigger" junto do botão para cima e o "downtrigger" junto do botão para baixo. Depois de colocados verás dois pequenos circulos, isto é suposto acontecer. Selecciona o "uptrigger" e na janela "instance" dá o nome "uptrigger". Faz o mesmo para o "downtrigger" mas agora dá o nome "downtrigger"

Inserir código nos botões Seleccionar o botão para cima a abre a janela "Action Properties". Insere este código: on (press) { telltarget ("uptrigger") { on (release) { telltarget ("uptrigger") { gotoandstop (1); Selecciona agora o botão para baixo e insere este código: on (press) { telltarget ("downtrigger") { on (release) { telltarget ("downtrigger") { gotoandstop (1); Agora grava todo o teu trabalho e exporta o filme. Criar o ficheiro txt que contém código html O último passo é criar o ficheiro que vai ser carregado para dentro do nosso filme de Flash.

Na frame #1 da layer "texto" colocá-mos: loadvariablesnum ("./teutexto.txt", 0); Para o tutorial vamos criar o ficheiro "teutexto.txt" no mesmo directório do teu filme Flash. Basta abrires o notepad ou outro editor de texto e colocar "texto=" no inicio do ficheiro e escrever o texto que te apetecer. Além de texto podes inserir também código HTML. Podes criar o teu texto num documento HTML e carregá-lo para dentro do filme Flash. O Flash reconhece tags de HTML mas ignora tabelas e imagens. O fantástico de utilizar esta tecnica é o facto de poderes utlizar, por exemplo, o código Java Script "open browser window" para abrir uma janela nova a partir do teu filme Flash. Para tal basta colocares no head da página onde está o teu swf o seguinte script: <SCRIPT LANGUAGE="JavaScript"> function newwinlink() { newwin = window.open("newwindow.htm","newwindow","height=220,width=400,resizable") // end hiding --></SCRIPT> e no ficheiro a carregar pelo filme Flash o link: <a href="javascript:newwinlink()">click HERE</a> E é tudo!!!