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

NEWSLETTER USANDO FLASH+ASP

Agora vamos decidir para cada layer loops de diferentes maneiras. A seguir exemplo:

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

FLASH 5 E XML. XML - Simples

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

ActionScript ACTIONSCRIPT ACTIONSCRIPT -1-

ANEL ROTATIVO. Introdução

Escola Sec. do Padrão da Légua OE: TIC Ano: 2008/2009

Manual de Gestão do site

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

Tecnologias da Informação e Comunicação

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

CURSORES PERSONALIZADOS 2

INTRODUÇÃO AO ACTIONSCRIPT

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

Produção de tutoriais. Suellem Oliveira

COMO UTILIZAR ESTE LIVRO... VII índice... IX 1 - INTRODUÇÃO 1

UNIVERSIDADE REGIONAL DO NOROESTE DO ESTADO DO RIO GRANDE DO SUL DEPARTAMENTO DE FÍSICA, ESTATÍSTICA E MATEMÁTICA

Manual de Utilizador do Backoffice

IMAGEM REFLECTIDA NA ÁGUA

Tecnologias da Informação e Comunicação

Prática 14 Componentes II

UNIVERSIDADE REGIONAL DO NOROESTE DO ESTADO DO RIO GRANDE DO SUL DEPARTAMENTO DE FÍSICA, ESTATÍSTICA E MATEMÁTICA

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

Criando uma animação simples em Flash CS5

a) Comece um novo arquivo Flash. No Properties Inspector modifique as dimensões do filme para 780 x 100 px.

PROGRAMANDO NO FLASH. Prezado(a) aluno(a), 1. ActionScript. Painel Ações. UnidadeD

Flash 8. M14 Trabalhar com Sons

Guia de procedimentos para construir um programa java no IDE Sun One Studio 4 update 1, Community Edition

Impressão e acabamento: Inova 1ª edição: Junho de 2006 ISBN: Depósito legal:

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

Doga L3. As formas para o corpo estão na categoria (Type) Body 1 ou Body 2.

Dicas p ós gráficos InDesign

MANUAL DO UTILIZADOR PROFESSOR(A)

Ferramentas Web, Web 2.0 e Software Livre em EVT

Tutorial Imprimir em 3D com Inkscape e Tinkercad

Estrutura da timeline

Produção de tutoriais. Suellem Oliveira

Programação 2017/2018 2º Semestre

Q3 Qual a opção do menu Modify que permite separar cada letra de uma caixa de texto (TextField) no palco (Stage)? A. Divide B. Separte C.

Capítulo 4 Criando uma animação

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

imax Concepção Centrada no Utilizador 2007/2008 Manual do Utilizador

Módulo de Aprendizagem I

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

Nome: n.º 3º AT, BT, CT WEB Barueri, 18 / 08 / ª Postagem Disciplina: PRMD

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

Trabalho com Cenas. Páginas 203, 204 e 205

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

Ferramentas Web, Web 2.0 e Software Livre em EVT

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

A construção das páginas faz-se dentro de uma janela com 3 janelas flutuantes:

Introdução a Programação

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

Guião de trabalho do aluno

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

Ferramentas Web, Web 2.0 e Software Livre em EVT

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:

CRIANDO SITES EM FLASH

Ferramentas Web, Web 2.0 e Software Livre em EVT

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

Tecnologias da Informação e Comunicação

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!!!