WEB DESIGN ELEMENTOS GRÁFICOS

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamanho: px
Começar a partir da página:

Download "WEB DESIGN ELEMENTOS GRÁFICOS"

Transcrição

1 ELEMENTOS GRÁFICOS Parte 6 José Manuel Russo 2005

2 35 Introdução Uma das formas como criar os elementos gráficos para a Web, é utilizar o Corel Draw para produzir os diversos objectos em formato Vectorial e seguidamente exportá-los para o formato Bitmap. Este método permite explorar a versatilidade, em termos da fácil edição das formas, que o Corel Draw permite. Configurar o Sistema Quando se desenvolve um trabalho para a Web é conveniente configurar primeiramente o sistema gráfico do computador para se obter uma perspectiva igual à pretendida. Esta operação, apesar de não ser obrigatória, facilita o testar dos objectos criados, já que poderão ser visualizados no browser na resolução aconselhada. Para alterar a Resolução do Écran: Clique com o botão direito do rato no Ambiente de Trabalho (Desktop); Seleccione a opção Propriedades (Properties); Clique no separador Definições (Settings); Altere a Resolução do Écran (Screen Resolution) para a definida nos objectivos do Site por exemplo, para 800x600. Configurar o Corel Draw Igualmente, quando se utiliza o Corel Draw para produzir objectos para a Web, também é necessário configurá-lo para os obter com as dimensões desses objectos tão próximas quanto possível das desejadas. Assim, para configurar o Ambiente e a Página de Trabalho: Seleccione o menu Tools Options; Seleccione as opções Document Page Size; Altere em Resolution o valor da Resolução para 72 dpi; Altere em Units a unidade para Pixels; Altere as suas dimensões: Width para 800 e Height para 600 (por exemplo).

3 36 Active a Barra de Ferramentas para Internet: Seleccione o menu Tools Options; Seleccione as opções Workspace Costumization Command Bars; Active a barra Internet. Active a Web-Safe Colors Palette: Seleccione o menu Window Color Palettes; Active a Web-Safe Colors; Definir a Paleta de Cores De acordo com os estudos propostos na Parte 3 relativamente às cores a utilizar no Site, pode-se criar amostras de cor para facilitar a sua utilização posterior, sem necessitar de andar à sua procura na desordem da Paleta de cores: Crie uma nova página; Desenhe um quadrado com cerca de 80 pixels de lado; Copie e duplique-o 5 vezes (utilize o CTRL para que fiquem alinhados na horizontal); Aplique a cada um deles, e pela ordem definida anteriormente, uma cor retirada da Web-safe Colors Palette. Para criar uma paleta personalizada: Active o Docker em menu Tools Color Styles; Arraste para a área do docker cada um dos quadrados desenhados e coloridos; Pode guardar esta Paleta em: Window Color Palettes Create Palette from Document. A partir de agora, com o sistema devidamente configurado, poderá começar a criar as componentes da página html: Guarde o trabalho (File Save) com um nome apropriado, como: wd_modelo.cdr.

4 37 Desenhar um Banner Comece por elaborar um Banner: Abra o ficheiro (File Open) wd_modelo.cdr; Crie uma nova página (página 3); nota: a primeira página será destinada a compor uma página virtual Desenhe um um rectângulo com cerca de 775x80 pixels; Aplique uma cor de fundo e retire o contorno; Desenhe um motivo, podendo modelar as formas com a Shape Tool; Disponha o(s) motivo(s) sobre o rectângulo; Escreva o nome do seu Site e formate-o; Seleccione o conjunto de formas e exporte (CTRL+E) em formato TIFF: active a opção Selected only; em File Name escreva o nome do ficheiro: banner.tif; na janela Bitmap Export, activar Anti-aliasing, Size 1x1, Resolution 72 dpi; clique em OK. Seguidamente é necessário editar o Banner num programa bitmap: Execute o Corel PhotoPaint; Abra o ficheiro (File Open) banner.tif; Aplique a ferramenta Crop para recortar os excessos da imagem; Guarde a imagem em formato JPEG: File Save As e seleccione em Files of Type o formato JPEG (Joint Photographic Experts Group); Clique em OK. Escola da Alfarrobeira

5 38 Desenhar uma Barra de Navegação Vamos agora criar uma Barra de Navegação gráfica, onde não será necessário criar botões: Execute o Corel PhotoPaint; Abra uma fotografia digital ou uma imagem digitalizada; Reduza a sua dimensão: Image Resample... para um valor desejado; Aplique a ferramenta Crop com cerca de 140x360 pixels para recortar uma parte da imagem; Converta a imagem em Grayscale: Image Color Mode Grayscale (8 bits); Converter de novo a imagem em cor: Image Color Mode RGB Color (24 bits); Manipule a cor em: Image Adjust Color Balance e altere os cursores dos 3 canais até obter a coloração pretendida; Guarde a imagem (File Save As) no formato TIF e atribua o nome nav_bar.tif. Vamos acrescentar alguns elementos à imagem base, recorrendo ao Corel Draw: Importe (CTRL+I) a imagem anteriormente criada; Aplique sobre a imagem elementos como: o logotipo, contactos, , etc.; Desenhe os items de navegação: desenhar um rectângulo com 105x22 pixels, p.e.; alinhar à direita com a imagem (utilizar as linhas-guia para o alinhamento); escrever um item (p.e. Gestão) com alinhamento à direita; trabalhar os elementos para obter um melhor efeito, como: combinar o texto com o rectângulo (Arrange Combine), aplicar um Drop Shadow, etc. Exporte o conjunto de formas em formato TIFF e, seguidamente, corrija-o no Corel Photopaint e guarde-o em formato JPEG.

6 39 Desenhar Botões de Navegação Para além da Barra de Navegação (que dará acesso às páginas principais), serão necessários outros botões de acesso às páginas secundárias: Abra o ficheiro (File Open) wd_modelo.cdr; Crie uma nova página (página 4); Desenhe um rectângulo com cerca de 100x22 pixels; aplique uma cor de fundo e retire o contorno; Escreva o nome a que o botão dará acesso (home, p.e.) com alinhamento centrado e formate-o; Alinhe os dois elementos: Arrange Align and Distribute e seleccione horizontal center e vertical center; Para obter um efeito volumétrico: desenhe uma linha à esquerda e acima do rectângulo e aplique um contorno de tonalidade clara, e à direita e abaixo com tonalidade escura, espessura 0,353, ou aplique o efeito Extrude ao rectângulo: tipo Back Parallel, coordenadas -2 pixels, aplique luzes; Seleccione cada botão criado e exporte em formato GIF, sem o anti-aliasing activado. Também se pode trabalhar o texto no Photopaint para, apenas a este, se aplicar o antialiasing. Desenhar Rollovers A partir da versão 10, o Corel Draw incluiu nas suas ferramentas opções adequadas à criação de objectos para Internet, como os Rollovers (objectos dinâmicos que, quando são apontados e clicados com o cursor do rato, mudam de forma). Deverá ter a Internet Toolbar activa (pág. 36): Tools Options Customization Comand Bars Internet. Para, por exemplo, desenhar um botão Rollover: Seleccione os elementos do segundo botão criado anteriormente e faça uma cópia; Com os elementos seleccionados, clique no botão Create (1º) e Edit Rollover (2º); Seleccione a opção Over e aplique ao texto o estilo Bold (Negro) ou aumente 1 ou 2 pontos ao tamanho da letra ou altere a cor; Seleccione a opção Down e aplique uma tonalidade escura à linha superior e esquerda e clara à linha inferior e direita; alterar a cor do rectângulo, se pretender; Clique em Finish editing Rollover (4º) Para ver o efeito clique em Live preview...

7 40 O Rollover deverá ser exportado em formato Flash (SWF), e ser utilizado em aplicações apropriadas (como o Front Page 2003). Desenhar Marcas Finalmente, vamos construir uma Marca, para assinalar items de texto: Abra o ficheiro (File Open) wd_modelo.cdr; Crie uma nova página (página 5); Crie um rectângulo com a cor de fundo utilizada na página; Desenhe um objecto com 10 a 15 pixels de lado; Exporte o conjunto em formato GIF, com o antialiasing activado. Em GIF Export, activar a opção Transparency Image Color, clique no conta-gotas e capture na zona esquerda (Original) a cor de fundo. Edite o ficheiro no Corel Photopaint: Abra o ficheiro exportado; Elimine o contorno, formado pelo anti-aliasing, do rectângulo com a ferramenta Crop,Paint ou Clone; nota: a utilização do fundo sob a forma serve para o anti-aliasing interagir com essa cor e não com o branco Guarde as alterações do ficheiro: File Save.

8 41 Previsualizar a Página Poderá ter uma antevisão da página no ambiente do browser no Corel Draw: Abra o ficheiro (File Open) wd_modelo.cdr; Seleccione a página 1; Abra o Browser que utiliza habitualmente (como o Internet Explorer) e faça uma captura de écran (utilize a tecla PrtScn); nota: poderá limpar o seu interior no Corel PhotoPaint e guardar em ficheiro Cole a imagem capurada (CTRL+V) e redimensione-a às dimensões da página; Copie os elementos entretanto criados (poderão ser os objectos vectoriais ou os bitmap editados) para a página 1; Disponha-os na área de visualização do browser segundo a estrutura de página previamente estudada. Escola da Alfarrobeira Seja bem-vindo à Escola da Alfarrobeira. A Escola da Alfarrobeira integra-se no ensino Técnico-Profissional e destina-se ao ensino das Técnicas agrícolas da Alfarrobeira e das Técnicas gastronómicas da Alfarroba. Consulte no nosso site a organização curricular dos Cursos disponíveis e informe-se das nossas actividades. Poderá ainda efectuar a sua pré-inscrição on-line. Ou contacte connosco em contactos: Escola da Alfarrobeira Est. Nacional 125 FARO Tel.: Fax: Escola da Alfarrobeira Estrada Nacional nº 125 FARO Tel.: Fax:

WEB DESIGN ELEMENTOS GRÁFICOS

WEB DESIGN ELEMENTOS GRÁFICOS ELEMENTOS GRÁFICOS Parte 4 José Manuel Russo 2005 24 A Imagem Bitmap (Raster) As imagens digitais ou Bitmap (Raster image do inglês) são desenhadas por um conjunto de pontos quadrangulares Pixel alinhados

Leia mais

COREL PHOTO-PAINT 10. Editar uma imagem digitalizada. Rodar ou Cortar uma imagem. Corrigir a Luminosidade e o Contraste de uma imagem

COREL PHOTO-PAINT 10. Editar uma imagem digitalizada. Rodar ou Cortar uma imagem. Corrigir a Luminosidade e o Contraste de uma imagem 10 Editar uma imagem digitalizada Após a digitalização de uma imagem pode-se fazer uma série de correcções no Photo-Paint rodar ou cortar a imagem, trabalhar a luz ou a cor, converter para outro formato,

Leia mais

DESENHO BITMAP EM COMPUTADOR COREL PHOTO-PAINT! 10

DESENHO BITMAP EM COMPUTADOR COREL PHOTO-PAINT! 10 DESENHO BITMAP EM COMPUTADOR COREL PHOTO-PAINT! 10 Textos de José Manuel Russo Escola Secundária Padre Alberto Neto 2002 2 Introdução e princípios básicos O Corel Photo-Paint 7 (integrado numa Suite gráfica)

Leia mais

Os elementos básicos do Word

Os elementos básicos do Word Os elementos básicos do Word 1 Barra de Menus: Permite aceder aos diferentes menus. Barra de ferramentas-padrão As ferramentas de acesso a Ficheiros: Ficheiro novo, Abertura de um documento existente e

Leia mais

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

CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX Introdução Este tutorial vai-te ajudar a compreender os princípios básicos do Flash MX - tal como layers, tweens, cores, texto, linhas e formas. No final deste tutorial

Leia mais

Microsoft Office FrontPage 2003

Microsoft Office FrontPage 2003 Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft

Leia mais

Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/

Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/ Crie uma pasta (0) no ambiente de trabalho com o seu nome. Inicie o Internet Explorer através do: W O R K S H O P Menú Iniciar -> Programas -> Internet Explorer Entre no site da uarte: http://www.uarte.mct.pt/ajuda/manuais/

Leia mais

Curso de Adobe Illustrator CS2

Curso de Adobe Illustrator CS2 Curso de Adobe Illustrator CS2 Sessão 1: Desenhar logótipos e botões O Adobe Illustrator disponibiliza uma grande variedade de ferramentas para criar formas geométricas, logótipos e símbolos, com muitos

Leia mais

Apostila de CmapTools 3.4

Apostila de CmapTools 3.4 Apostila de CmapTools 3.4 Índice Definição do software... 3 Criando um novo mapa... 3 Adicionando um conceito... 3 Alterando a formatação das caixas (Barra de Ferramentas Estilos Paleta Styles)... 7 Guia

Leia mais

O TUX VAI À ESCOLA: UMA INTRODUÇÃO À EDIÇÃO DE IMAGEM COM O GIMP

O TUX VAI À ESCOLA: UMA INTRODUÇÃO À EDIÇÃO DE IMAGEM COM O GIMP O TUX VAI À ESCOLA: UMA INTRODUÇÃO À EDIÇÃO DE IMAGEM COM O GIMP O GIMP (GNU Image Manipulation Program) (http://www.gimp.org/) é uma aplicação de Software Livre para desenho e edição de imagem digital.

Leia mais

[CURSO DE FÉRIAS FIREWORKS] JULHO / 2011

[CURSO DE FÉRIAS FIREWORKS] JULHO / 2011 Conteúdo 1. OBJETIVO DO FIREWORKS... 2 1.1 - Diferença entre imagem Vetorial e Bitmap... 2 1.2 - Formato de Arquivos... 3 2. AMBIENTE DO FIREWORKS... 3 2.1 - INICIANDO UM PROJETO... 4 3. DESENHANDO NO

Leia mais

PHOTOSHOP. Menus. Caixa de Ferramentas:

PHOTOSHOP. Menus. Caixa de Ferramentas: PHOTOSHOP Universidade de Caxias do Sul O Photoshop 5.0 é um programa grande e complexo, é o mais usado e preferido pelos especialistas em editoração e computação gráfica para linha PC. Outros programas

Leia mais

ATENÇÃO. Leitura Indispensável

ATENÇÃO. Leitura Indispensável ATENÇÃO Leitura Indispensável O Guia Rápido do Asure ID 2009 foi criado com base na versão Exchange, ou seja, a versão mais completa da linha Asure ID 2009, portanto, os usuários de outras versões ao utilizarem

Leia mais

Preparação do Autocad 2009

Preparação do Autocad 2009 Preparação do Autocad 2009 No ano 2009 a Faculdade de Engenharia da UEM recebeu o pacote de programas da Autodesk que inclui: Inventor 2009, AutoCAD Mechanical 2009, AutoCAD 2009 e outros. Para facilitar

Leia mais

WEB DESIGN LAYOUT DE PÁGINA

WEB DESIGN LAYOUT DE PÁGINA LAYOUT DE PÁGINA Parte 1 José Manuel Russo 2005 2 Introdução Quando se projecta um Web Site é fundamental definir com o máximo rigor possível os Objectivos a atingir no projecto, para que a sua concepção

Leia mais

Para iniciar a construção de WebQuest no Servidor PHP de webquests do Centro de Competência CRIE do CAPAG, aceda ao seguinte url:

Para iniciar a construção de WebQuest no Servidor PHP de webquests do Centro de Competência CRIE do CAPAG, aceda ao seguinte url: C e n tro d e C ompetênci a CRIE d o CA PAG Versão Beta 4 E l a b o r a d o p o r : M a r i a d e B a l s a m ã o M e n d e s G u i ã o d e P H P W e b Q u e s t V a m o s C r i a r W e b q u e s t s?

Leia mais

Imagens - Formatos. GIF (Graphics Interchange Format) JPEG (ou JPG) (Joint Pictures Experts Graphis)

Imagens - Formatos. GIF (Graphics Interchange Format) JPEG (ou JPG) (Joint Pictures Experts Graphis) Imagens - Formatos GIF (Graphics Interchange Format) - Muito popular na web. - Permite ter um máximo de 256 cores. - Indicado para cartoons, logos, imagens com áreas transparentes e animações. JPEG (ou

Leia mais

Criar um Aplicativo de Realidade Aumentada

Criar um Aplicativo de Realidade Aumentada Escola Superior de Educação de Santarém Criar um Aplicativo de Realidade Aumentada Exercício 2 Nuno Lopes Data 21 Maio 2013 26 Maio 2013 Passo 1: Criar um novo projeto 1- Dar o nome ao projeto de projeto_ra

Leia mais

Fluxo de trabalho no Picasa

Fluxo de trabalho no Picasa Fluxo de trabalho no Picasa Neste bloco serão abordados: Download e Instalação Aquisição de imagens Tratamento básico de imagem digital fotográfica Opções de impressão Tratamento para envio para a web

Leia mais

TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas

Leia mais

Apresentações dinâmicas e Interativas online. Tutorial

Apresentações dinâmicas e Interativas online. Tutorial Apresentações dinâmicas e Interativas online Tutorial Elsa Conde, MCarmo Cunha, MJosé Alves Março 2012 Como começar? - Aceder a http://prezi.com/ Efectuar o registo em Selecionar este tipo de licença Para

Leia mais

Oficina de Construção de Páginas Web

Oficina de Construção de Páginas Web COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Actividades de exploração Objectivo Explorar as funcionalidades essenciais do Programa, na perspectiva da construção/actualização

Leia mais

Conselho Geral da Ordem Dos Advogados Departamento Informático. Índice:

Conselho Geral da Ordem Dos Advogados Departamento Informático. Índice: Nota Introdutória: Este documento destina-se a guiá-lo(a) através dos vários procedimentos necessários para efectuar uma Cópia de Segurança do seu Certificado Digital. A exportação do seu certificado digital

Leia mais

WEB DESIGN LAYOUT DE PÁGINA

WEB DESIGN LAYOUT DE PÁGINA LAYOUT DE PÁGINA Parte 3 José Manuel Russo 2005 17 Introdução A Cor é um factor importante em qualquer Web Site não só reforça a identificação de uma Empresa como o ambiente psicológico pretendido (calma,

Leia mais

Centro de Competência Entre Mar e Serra. Guia

Centro de Competência Entre Mar e Serra. Guia SMART Notebook Software Guia O Software Notebook permite criar, organizar e guardar notas num quadro interactivo SMART Board (em modo projectado e não-projectado), num computador pessoal e, em seguida,

Leia mais

1. Criem um novo documento no Flash MX 2004. Atribuam as dimensões do filme, Width e Height para 300 e 200.

1. Criem um novo documento no Flash MX 2004. Atribuam as dimensões do filme, Width e Height para 300 e 200. Timeline Effects Uma das evoluções que se denotam logo à partida no Flash MX 2004, são os efeitos da timeline. Os efeitos da timeline são uma colecção de efeitos especiais que podem ser personalizados

Leia mais

Oficina de Construção de Páginas Web

Oficina de Construção de Páginas Web COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Microsoft FrontPage2002 Guião Elementar 1. Apresentação Geral do programa Programa Competências Básicas em

Leia mais

Introdução ao Fireworks CS4

Introdução ao Fireworks CS4 Introdução ao Fireworks CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Fireworks CS4 Design para Web Processor Alfamídia Criação de Sites: Layout e Projetos - Processor Alfamídia Crie, Anime e Publique

Leia mais

Índice: Tipo de Aplicações em Visual Basic Componentes do Visual Basic

Índice: Tipo de Aplicações em Visual Basic Componentes do Visual Basic O tutorial a seguir,é feito para iniciantes em Visual Basic, que no qual, pode ajudar alguns que querem saber algumas funcções. Que começe o Tutorial ^^ Índice: Tipo de Aplicações em Visual Basic Componentes

Leia mais

Colocar em prática. Tópicos para aprender. Colocar em prática. Utilizar as aplicações da Microsoft Windows num quadro interactivo SMART Board

Colocar em prática. Tópicos para aprender. Colocar em prática. Utilizar as aplicações da Microsoft Windows num quadro interactivo SMART Board Utilizar as aplicações da Microsoft Windows num quadro interactivo SMART Board Quando se encontra a trabalhar em contexto grupal, a utilização do quadro interactivo SMART Board poderá ajudá-lo a poupar

Leia mais

Centro de Competência Entre Mar e Serra. Guia

Centro de Competência Entre Mar e Serra. Guia SMART Notebook Software Guia O Software Notebook permite criar, organizar e guardar notas num quadro interactivo SMART Board (em modo projectado e não-projectado), num computador pessoal e, em seguida,

Leia mais

Introdução ao Fireworks CS4

Introdução ao Fireworks CS4 Introdução ao Fireworks CS4 Profa. Flávia Pereira de Carvalho Fontes: Adobe Fireworks CS4 Design para Web Processor Alfamídia Criação de Sites: Layout e Projetos - Processor Alfamídia Crie, Anime e Publique

Leia mais

Guião de Utilização do FrontPage 2002

Guião de Utilização do FrontPage 2002 Ambiente de Trabalho Criar um novo site 1. Na barra Nova página ou Web (à direita) escolher a opção Novo/Web vazia. Indicar a localização da nova web. Por exemplo: C:\..\..\sess3g01 para o computador 1...

Leia mais

MICROSOFT POWERPOINT

MICROSOFT POWERPOINT MICROSOFT POWERPOINT CRIAÇÃO DE APRESENTAÇÕES. O QUE É O POWERPOINT? O Microsoft PowerPoint é uma aplicação que permite a criação de slides de ecrã, com cores, imagens, e objectos de outras aplicações,

Leia mais

PDFCreator 0.93. Guia de Utilização. Luís Franco

PDFCreator 0.93. Guia de Utilização. Luís Franco PDFCreator 0.93 Guia de Utilização Luís Franco Função: Criar ficheiros PDF Grátis: Sim Em português: Sim Obter o Programa 1. Faça o Download do Programa de Instalação a partir de http://sourceforge.net/projects/pdfcreator

Leia mais

Imagem digital 2. Resolução x dimensão da imagem

Imagem digital 2. Resolução x dimensão da imagem Uma imagem bitmapeada é formada por um conjunto de pixels. gerados no momento da digitalização da imagem (através do scanner ou câmera digital). PRODUÇÃO GRÁFICA 2 Imagem digital 2 Resolução x dimensão

Leia mais

UNIDADE 2: Sistema Operativo em Ambiente Gráfico

UNIDADE 2: Sistema Operativo em Ambiente Gráfico Ambiente Gráfico Configurações Acessórios O Sistema Operativo (SO) é o conjunto de programas fundamentais que permitem que o computador funcione e que comunique com o exterior. Actualmente o Windows é

Leia mais

1.1. Clique no botão Iniciar, seleccione Todos os programas, Microsoft Office e no submenu aberto escolha o programa Microsoft FrontPage.

1.1. Clique no botão Iniciar, seleccione Todos os programas, Microsoft Office e no submenu aberto escolha o programa Microsoft FrontPage. Objectivos: Identificar os elementos do Ambiente de trabalho do Microsoft FrontPage Criar um website Fechar um website Abrir um website Modos de visualização de um website Criar, eliminar, abrir e fechar

Leia mais

COMO TRABALHAR COM O MICROSOFT FRONTPAGE 2003

COMO TRABALHAR COM O MICROSOFT FRONTPAGE 2003 COMO TRABALHAR COM O MICROSOFT FRONTPAGE 2003 O Microsoft FrontPage é uma aplicação que permite: A criação de páginas HTML (H ypertext Markup Language) num ambiente WYSIWYG (What You See Is What You Get)

Leia mais

O Stage onde estão os gráficos, videos, botões etc que irão aparecer durante o play back.

O Stage onde estão os gráficos, videos, botões etc que irão aparecer durante o play back. O que é o Flash? Copyright 2006/2007 Jorge Mota- Multimédia I/ISTEC O flash é uma ferramenta autor, que pode ser usada por designers, editores de conteúdos, engenheiros multimédia e programadores para

Leia mais

Desenho e Apresentação de Imagens por Computador

Desenho e Apresentação de Imagens por Computador Desenho e Apresentação de Imagens por Computador Conteúdo s: Aspetos genéricos sobre o trabalho com imagens computacionais. Imagens computacionais e programas que criam ou manipulam esse tipo de imagens.

Leia mais

Ferramentas Web, Web 2.0 e Software Livre em EVT

Ferramentas Web, Web 2.0 e Software Livre em EVT E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Cloud canvas

Leia mais

Ferramentas Web, Web 2.0 e Software Livre em EVT

Ferramentas Web, Web 2.0 e Software Livre em EVT E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Graffiti Creator

Leia mais

Configuração do Ambiente de Trabalho

Configuração do Ambiente de Trabalho pag. 1 Configuração do Ambiente de Trabalho 1. Utilização da Área de Trabalho Criação de Atalhos: O Windows NT apresenta um Ambiente de Trabalho flexível, adaptável às necessidades e preferências do utilizador.

Leia mais

Instituto Politécnico de Setúbal Escola Superior de Educação de Setúbal. Formação Contínua 1999/2000. Filomena Izidro

Instituto Politécnico de Setúbal Escola Superior de Educação de Setúbal. Formação Contínua 1999/2000. Filomena Izidro Instituto Politécnico de Setúbal Formação Contínua 1999/2000 Filomena Izidro Setúbal 2000 1. APRESENTAÇÃO DO PROGRAMA PAINT SHOP PRO 5 O PSP 5 é um programa que permite o tratamento de imagens. Nome do

Leia mais

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico. Vetorizar imagens Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico. Neste tutorial, você irá vetorizar uma imagem de bitmap para convertê-la

Leia mais

COFFEE BREAK!!: CRIAÇÃO DE UM CARTAZ COM INKSCAPE

COFFEE BREAK!!: CRIAÇÃO DE UM CARTAZ COM INKSCAPE COFFEE BREAK!!: CRIAÇÃO DE UM CARTAZ COM INKSCAPE O Inkscape (http://www.inkscape.org/) é uma aplicação de Software Livre para desenho e edição electrónica de imagem vectorial. É uma ferramenta para edição

Leia mais

Exemplo 5 Construção de um site básico (I)

Exemplo 5 Construção de um site básico (I) Vamos começar por criar um ficheiro html novo. MCM 2007 1 Vamos definir algumas características do nosso site em Page Properties: Modify > Page Properties ou No fundo da página clicar em Page Properties

Leia mais

Criar um formulário do tipo Diálogo modal ; Alterar a cor de fundo de um formulário; Inserir botões de comando e caixas de texto;

Criar um formulário do tipo Diálogo modal ; Alterar a cor de fundo de um formulário; Inserir botões de comando e caixas de texto; FICHA OBJECTIVO Construir Construir formulários na base de dados Diplomas em Diário da República Um formulário é utilizado, em primeiro lugar, para introduzir, eliminar ou apresentar dados numa base de

Leia mais

Aprendendo Corel Draw 2

Aprendendo Corel Draw 2 ÍNDICE Introdução Ferramentas do Trabalhando com cores Trabalhando com objetos Transformando objetos desenhados Clonagem de objetos Formatando objetos Preenchimentos e Contornos Preenchimento Gradiente

Leia mais

COMPETÊNCIAS BÁSICAS EM TIC NAS EB1. Oficina da Internet. Actividades de exploração

COMPETÊNCIAS BÁSICAS EM TIC NAS EB1. Oficina da Internet. Actividades de exploração COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina da Internet Actividades de exploração Actividade 1 - Navegar... a partir da página do portal Web1 Conheça o portal das escolas do 1º Ciclo do distrito de Évora,

Leia mais

Escola Superior de Tecnologias e Gestão Instituto Politécnico de Portalegre MS EXCEL. Fevereiro/2002 - Portalegre

Escola Superior de Tecnologias e Gestão Instituto Politécnico de Portalegre MS EXCEL. Fevereiro/2002 - Portalegre Escola Superior de Tecnologias e Gestão Instituto Politécnico de Portalegre MS EXCEL Fevereiro/2002 - Portalegre Introdução A necessidade de efectuar cálculos complexos de uma forma mais rápida e fiável,

Leia mais

ArcMAP (parte 2) Rodar o ArcMap teclar: Iniciar > Todos os programas > ArcGIS > ArcMap. Sobre a janela selecionar o item An existing map:

ArcMAP (parte 2) Rodar o ArcMap teclar: Iniciar > Todos os programas > ArcGIS > ArcMap. Sobre a janela selecionar o item An existing map: ArcMAP (parte 2) Nesta parte do tutorial, você irá mapear cada tipo de uso da terra dentro do noise contour. Você adicionará dados ao seu mapa, desenhará feições baseadas em atributos, selecionará feições

Leia mais

Motic Images Plus Versão 2.0 ML Guia de Consulta Rápida. Português

Motic Images Plus Versão 2.0 ML Guia de Consulta Rápida. Português Motic Images Plus Versão 2.0 ML Guia de Consulta Rápida Português Índice Instalação do Software... 1 Instalação do Controlador e Actualização do Controlador... 4 Motic Images Plus 2.0 ML...11 Calibração

Leia mais

PROGRAMAÇÃO Microsoft WINDOWS XP

PROGRAMAÇÃO Microsoft WINDOWS XP Mais que um Sistema Operativo, o MS-Windows é um ambiente de trabalho que simula no ecrã o trabalho diário sobre uma secretária. A ideia base do MS-Windows foi a de esconder a organização do MS-DOS e apresentar

Leia mais

Quatro para três (4:3): vou virar freguês!

Quatro para três (4:3): vou virar freguês! Uma breve introdução ao Photoshop. Embora várias ferramentas de manipulação de imagens sejam mais baratas e um pouco mais fáceis de utilizar, o Photoshop é a ferramenta mais importante de manipulação de

Leia mais

ESCOLA EB2,3/S Dr. ISIDORO DE SOUSA

ESCOLA EB2,3/S Dr. ISIDORO DE SOUSA ESCOLA EB2,3/S Dr. ISIDORO DE SOUSA Passos para Ligar 1. Verificar se o projector de Vídeo está ligado à corrente tomada do lado esquerdo do quadro, junto à porta, caso não esteja ligue a ficha tripla

Leia mais

Migrar para o Access 2010

Migrar para o Access 2010 Neste Guia Microsoft O aspecto do Microsoft Access 2010 é muito diferente do Access 2003, pelo que este guia foi criado para ajudar a minimizar a curva de aprendizagem. Continue a ler para conhecer as

Leia mais

Domine o Word 2007. Professor: Rafael Henriques. Ano Lectivo 2010/2011

Domine o Word 2007. Professor: Rafael Henriques. Ano Lectivo 2010/2011 Domine o Word 2007 1 Professor: Rafael Henriques Ano Lectivo 2010/2011 Sumário Introdução aos Processadores de texto; Microsoft Word 2007 O ambiente de trabalho O Friso Os Tabuladores do Word 2007; Realização

Leia mais

Escolas de Montalegre Escola Básica e Secundária de Montalegre (sede) 347680 Montalegre. Utilizar o WordPad

Escolas de Montalegre Escola Básica e Secundária de Montalegre (sede) 347680 Montalegre. Utilizar o WordPad Escolas de Escola Básica e Secundária de (sede) 347680 ACTIVIDADES DE ENRIQUECIMENTO CURRICULAR TIC (TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO) ESSCCOOLLAA: : EB 1 de ANNOO DDEE ESSCCOOLLAARRI IIDDAADDEE:

Leia mais

Clique no menu Iniciar > Todos os Programas> Microsoft Office > Publisher 2010.

Clique no menu Iniciar > Todos os Programas> Microsoft Office > Publisher 2010. 1 Publisher 2010 O Publisher 2010 é uma versão atualizada para o desenvolvimento e manipulação de publicações. Juntamente com ele você irá criar desde cartões de convite, de mensagens, cartazes e calendários.

Leia mais

EXPORTAR E IMPORTAR ASSINATURA DIGITAL

EXPORTAR E IMPORTAR ASSINATURA DIGITAL EXPORTAR E IMPORTAR ASSINATURA DIGITAL Este documento destina-se a guiá-lo(a) através dos vários procedimentos necessários para que efectue uma cópia de segurança do Certificado Digital para depois a exportar

Leia mais

Planificação Anual 2015/2016

Planificação Anual 2015/2016 Planificação Anual 015/01 CURSO: PROFISSIONAL TÉCNICO DE MULTIMÉDIA DISCIPLINA: TÉCNICAS DE MULTIMÉDIA (TM) ANO: 10.º TURMA: I 1º Período º Período 3º Período Set Out Nov Dez Jan Fev Mar Abr Mai Jun 3ª

Leia mais

Microsoft Windows. Aspectos gerais

Microsoft Windows. Aspectos gerais Aspectos gerais É um sistema operativo desenvolvido pela Microsoft Foi desenhado de modo a ser fundamentalmente utilizado em computadores pessoais Veio substituir o sistema operativo MS-DOS e as anteriores

Leia mais

Como criar uma página WEB

Como criar uma página WEB Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou

Leia mais

GERADOR DE RELATÓRIOS WINREPORT VERSÃO 2.0. Conteúdo

GERADOR DE RELATÓRIOS WINREPORT VERSÃO 2.0. Conteúdo GERADOR DE RELATÓRIOS WINREPORT VERSÃO 2.0 Este manual foi desenvolvido com o objetivo de documentar as principais funcionalidades do Gerador de Relatórios WinReport versão 2.0. Conteúdo 1. Tela Principal...

Leia mais

Slice Tool - Ferramenta Fatia

Slice Tool - Ferramenta Fatia Faculdade de Tecnologia da Paraíba CURSO CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA A INTERNET DISCIPLINA DESENVOLVIMENTO DE APLICAÇÕES WEB ESTÁTICAS PERÍODO: P2 Semestre: 2008.2 PROFESSOR Geraldo Rodrigues

Leia mais

Software de Edição e Output ADOBE ILLUSTRATOR E SILHOUETTE STUDIO. File > Open > Escolher a pasta ou local onde se encontre o ficheiro

Software de Edição e Output ADOBE ILLUSTRATOR E SILHOUETTE STUDIO. File > Open > Escolher a pasta ou local onde se encontre o ficheiro TUTORIAL CORTADORA DE VINIL Software de Edição e Output ADOBE ILLUSTRATOR E SILHOUETTE STUDIO 1. Abrir o programa ADOBE ILLUSTRATOR localizado na barra de tarefas 2. Abrir o ficheiro a cortar no ADOBE

Leia mais

PACWEB Módulo de Pesquisa MANUAL DO UTILIZADOR

PACWEB Módulo de Pesquisa MANUAL DO UTILIZADOR MANUAL DO UTILIZADOR Versão 1.3 ÍNDICE 1. INTRODUÇÃO 2 2. INSTALAÇÃO E CONFIGURAÇÃO 3 2.1 INSTALAÇÃO 3 Instalar o Pacweb 3 Alterar o Ficheiro Default.htm 3 Criar um Virtual Directory 3 2.2 CONFIGURAÇÃO

Leia mais

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011 Manual Profissional BackOffice Mapa de Mesas v2011 1 1. Índice 2. Introdução... 2 3. Iniciar ZSRest Backoffice... 3 4. Confirmar desenho de mesas... 4 b) Activar mapa de mesas... 4 c) Zonas... 4 5. Desenhar

Leia mais

TRATAMENTO DE IMAGEM

TRATAMENTO DE IMAGEM Projecto Escola Inter@ctiva As Tecnologias no Ensino 4ª sessão: 17 de Novembro de 2005 TRATAMENTO DE IMAGEM A. PAINT SHOP PRO 8.0 (introdução) O PSP é um Software de edição e tratamento de imagem digital,

Leia mais

Guião de Exploração. Introdução

Guião de Exploração. Introdução Guião de Exploração Introdução Ter o Mundo em 3D dentro de um computador e visualizar a superfície terrestre como se de uma viagem aérea se tratasse é a experiência que todos os professores já tiveram.

Leia mais

Squeak Componente Livro. Luís Valente, 2009

Squeak Componente Livro. Luís Valente, 2009 Squeak Componente Livro Luís Valente, 2009 No projecto, abra o catálogo de objectos (pode utilizar o ícone na barra de menus ou o item catálogo de objectos,no menu Projecto). No catálogo de objectos escolha

Leia mais

Oficina de Construção de Páginas Web

Oficina de Construção de Páginas Web COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Guião Páginas WWW com o editor do Microsoft Office Word 2003 1. Introdução. 2. Abrir uma página Web. 3. Guardar

Leia mais

Fotografia Digital. Aula 1

Fotografia Digital. Aula 1 Fotografia Digital Aula 1 FOTOGRAFIA DIGITAL Tema da aula: A Fotografia 2 A FOTOGRAFIA A palavra Fotografia vem do grego φως [fós] ("luz"), e γραφις [grafis] ("estilo", "pincel") ou γραφη grafê, e significa

Leia mais

MANUAL DE UTILIZADOR Aplicativo: Análise do Estudo da Lição da Escola Sabatina. 0. INTRODUÇÃO... 2 1. ARRANQUE DO APLICATIVO... 2 1.1. Início...

MANUAL DE UTILIZADOR Aplicativo: Análise do Estudo da Lição da Escola Sabatina. 0. INTRODUÇÃO... 2 1. ARRANQUE DO APLICATIVO... 2 1.1. Início... Índice 0. INTRODUÇÃO... 2 1. ARRANQUE DO APLICATIVO... 2 1.1. Início... 2 1.2. Perguntas de segurança... 2 2. FORMULÁRIO PRINCIPAL DO APLICATIVO... 4 2.1. Caixa de Texto: Nome da Igreja... 4 2.2. Botão:

Leia mais

Ambiente de trabalho. Configurações. Acessórios

Ambiente de trabalho. Configurações. Acessórios Ambiente de trabalho Configurações Acessórios O Sistema Operativo (SO) é o conjunto de programas fundamentais que permitem que o computador funcione e comunique com o exterior. Actualmente, o Windows é

Leia mais

Banner Flutuante. Dreamweaver

Banner Flutuante. Dreamweaver Banner Flutuante Dreamweaver Começamos com um arquivo em branco no Dreamweaver MX. Para que o banner apareça sobre a página, precisamos inserir uma camada a mais no arquivo HTML. Selecione o menu Inserir

Leia mais

1. Ligar o Computador Ambiente de Trabalho

1. Ligar o Computador Ambiente de Trabalho 1. Ligar o Computador Ambiente de Trabalho O Ambiente de trabalho é a imagem que nos aparece no ecrã quando ligamos o computador. As imagens e as cores no ambiente de trabalho variam, mudam de computador

Leia mais

Editor HTML. Composer

Editor HTML. Composer 6 Editor HTML 6 Composer Onde criar Páginas Web no Netscape Communicator? 142 A estrutura visual do Composer 143 Os ecrãs de apoio 144 Configurando o Composer 146 A edição de Páginas 148 Publicando a sua

Leia mais

Aplicações de Escritório Electrónico

Aplicações de Escritório Electrónico Universidade de Aveiro Escola Superior de Tecnologia e Gestão de Águeda Curso de Especialização Tecnológica em Práticas Administrativas e Tradução Aplicações de Escritório Electrónico Folha de trabalho

Leia mais

VRMLWorld Manual e Guia de exploração do VRMLWorld para utilização em contexto de Educação Visual e Tecnológica currículo.

VRMLWorld Manual e Guia de exploração do VRMLWorld para utilização em contexto de Educação Visual e Tecnológica currículo. Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica VRMLWorld Manual e Guia de exploração do VRMLWorld para utilização em contexto de Educação

Leia mais

Ferramentas Gratuitas de Fotografia e de Pesquisa

Ferramentas Gratuitas de Fotografia e de Pesquisa Ferramentas Gratuitas de Fotografia e de Pesquisa Passo-a-passo para Professores Galeria de Fotos Windows Live Obtenha a Galeria de Fotos Windows Live 1. Visite o site http://explore.live.com/windows-live-photo-gallery

Leia mais

Alguns truques do Excel. 1- Títulos com inclinação. 2- Preencha automaticamente células em branco

Alguns truques do Excel. 1- Títulos com inclinação. 2- Preencha automaticamente células em branco Alguns truques do Excel 1- Títulos com inclinação No Excel é possível colocar o conteúdo das células na vertical. Para além disto, pode-se escolher o grau de inclinação. Para isto, seleccione as células

Leia mais

Photoshop 6.0 91. - BMP (.bmp) - Formato Bitmap. Este é o formato padrão do Windows.

Photoshop 6.0 91. - BMP (.bmp) - Formato Bitmap. Este é o formato padrão do Windows. Photoshop 6.0 91 Salvando Arquivos O Photoshop permite que você salve seus trabalhos em diversos formatos, que poderão ser utilizados para exibição na Web, impressão ou exibição em diferentes plataformas.

Leia mais

Sistema Operativo em Ambiente Gráfico

Sistema Operativo em Ambiente Gráfico Sistema Operativo em Ambiente Gráfico Sistema Operativo Conjunto de programas fundamentais que permitem que o computador funcione e comunique com o exterior; Windows: sistema operativo mais utilizado nos

Leia mais

Criação de web sites com o Microsoft Frontpage

Criação de web sites com o Microsoft Frontpage Criação de web sites com o Microsoft Frontpage Fernando Ferreira 1. Iniciação do Frontpage Porquê criar páginas web? A World Wide Web é a melhor forma das pessoas comunicarem umas com as outras. É Nos

Leia mais

Introdução aos Sistemas Informáticos

Introdução aos Sistemas Informáticos I 1. Dentro da janela da ferramenta de construção de portais web FrontPage, crie uma página nova e guarde-a como index.htm. 2. Escreva nessa página o texto "O Meu Primeiro Portal Web". Formate-o com o

Leia mais

Retocar imagens. O que você aprenderá

Retocar imagens. O que você aprenderá Retocar imagens Bem-vindo ao Corel PHOTO-PAINT, um poderoso programa de edição de imagens bitmap que permite o retoque de fotos existentes ou a criação de gráficos originais. Neste tutorial, você aprenderá

Leia mais

[GESTÃO DE REFERÊNCIAS BIBLIOGRÁFICAS COM O ENDNOTE]

[GESTÃO DE REFERÊNCIAS BIBLIOGRÁFICAS COM O ENDNOTE] 2015 FEP Centro de Documentação, Informação e Arquivo (CDIA) [GESTÃO DE REFERÊNCIAS BIBLIOGRÁFICAS COM O ENDNOTE] Documento de apoio na utilização do Endnote. ÍNDICE ÍNDICE... 1 BREVE INTRODUÇÃO... 2 O

Leia mais

4.1. TRABALHAR COM O CALENDÁRIO

4.1. TRABALHAR COM O CALENDÁRIO Calendário 2Calendário 14 INTRODUÇÃO O Calendário é uma grande ferramenta do Outlook que se pode usar como livro de reuniões para escalonar eventos, aperceber-se de datas importantes e gerir a lista de

Leia mais

(Ilustração gerada no Sodipodi, tratada no gimp, Documento gerado no OpenOffice)

(Ilustração gerada no Sodipodi, tratada no gimp, Documento gerado no OpenOffice) (Ilustração gerada no Sodipodi, tratada no gimp, Documento gerado no OpenOffice) Tutorial Sodipoi Autor: Alexandre da silva costa Anakinpendragon (anakinpendragon@yahoo.com.br) Esse tutorial vem para

Leia mais

ETI - Edição e tratamento de imagens digitais

ETI - Edição e tratamento de imagens digitais Curso Técnico em Multimídia ETI - Edição e tratamento de imagens digitais 2 Fundamentos "Conserva o modelo das sãs palavras que de mim tens ouvido, na fé e no amor que há em Cristo Jesus." 2 Timóteo 1:13

Leia mais

Windows XP. Exercícios

Windows XP. Exercícios Exercícios Exercício Guiado nº 1 Personalizar ícones do ambiente de trabalho Siga o exercício pela ordem indicada. No ambiente de trabalho do seu computador, faça: 1. Botão direito do Rato; 2. Seleccione

Leia mais

7.3. WINDOWS MEDIA PLAYER 12

7.3. WINDOWS MEDIA PLAYER 12 7.3. WINDOWS MEDIA PLAYER 12 Este programa permite gerir toda a sua colecção de músicas, vídeos e até mesmo imagens, estando disponível para download no site da Microsoft, o que significa que mesmo quem

Leia mais

Índice Apresentando o software Programa aberto Criando nova animação Trabalhando as animações Ferramentas Abrir uma figura como animação

Índice Apresentando o software Programa aberto Criando nova animação Trabalhando as animações Ferramentas Abrir uma figura como animação Apostila Índice Apresentando o software...o que são GIF s animadas Programa aberto 2 Criando nova animação 3 Trabalhando as animações 3 Ferramentas 4 Abrir uma figura como animação 5 Barras de ferramentas

Leia mais

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de: AULA: BrOffice Impress terceira parte Objetivo Ao final dessa aula, você deverá ser capaz de: Conhecer a integração dos softwares do BrOffice; Aprender a trabalhar no slide mestre; Utilizar interação entre

Leia mais

Introdução à Informática

Introdução à Informática Introdução à Informática Noções Básicas de Informática Componentes de hardware Monitor : permite visualizar informação na forma de imagem ou vídeo; todo o trabalho desenvolvido com o computador pode ser

Leia mais

Módulo 1 Microsoft Word 2007 ( 4 Horas)

Módulo 1 Microsoft Word 2007 ( 4 Horas) No final deste módulo o formando deverá estar apto a: Enunciar a definição do Microsoft Word 2007; Reconhecer as principais vantagens da utilização; Distinguir as diferentes áreas do ambiente de trabalho

Leia mais

Usando o Excel ESTATÍSTICA. A Janela do Excel 2007. Barra de título. Barra de menus. Barra de ferramentas padrão e de formatação.

Usando o Excel ESTATÍSTICA. A Janela do Excel 2007. Barra de título. Barra de menus. Barra de ferramentas padrão e de formatação. Barra de deslocamento ESTATÍSTICA Barra de menus Barra de título Barra de ferramentas padrão e de formatação Barra de fórmulas Conjuntos e Células (Intervalos) Área de trabalho Separador de folhas Barra

Leia mais