Ferramentas Web, Web 2.0 e Software Livre em EVT

Transcrição

1 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 Grad Color M a n u a l e G u i a d e e x p l o r a ç ã o d e G r a d C o l o r p a r a u t i l i z a ç ã o e m c o n t e x t o 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 Ana Catarina Brandão Este recurso foi produzido no âmbito da formação contínua de professores e faz parte integrante da investigação do trabalho de doutoramento em Multimédia em Educação, pela Universidade de Aveiro do professor José Alberto Rodrigues, com o mesmo nome desta oficina de formação. A identificação do autor deste documento é a constante desta página e constituí recurso educativo em EVT.

2 Caracterização e Ficha Técnica do Grad Color Nome Grad Color Tipo de ferramenta Web Autores e/ou Criadores Gradcolor.com Versão V1.9 Tipo de versão URL s Língua(s) Tipo de funções Recursos necessários Online, gratuita, com possibilidade de criação de um registo Inglês Criação de gradações de cor Computador com ligação à Internet e browser Breve descrição O Grad Color é um site que inclui uma ferramenta que nos permite criar gradações de cores para utilizar em múltiplos contextos como fundos de imagens, na construção de sites ou para outros fins. Só é necessário escolher o tamanho da imagem e as cores que vamos utilizar para realizar a gradação. Oferece opções de manipulação e ferramentas muito simples e acessíveis a qualquer utilizador, podendo ainda servir de repositório pois permite que os trabalhos sejam guardados online caso se tenha criado uma conta de utilizador. É sempre disponibilizado o código html dos trabalhos realizados para posterior aplicação noutras situações. 1

3 Manual e Guia de Utilização e Exploração do Grad Color Para acedermos a esta ferramenta, devemos, no browser da Internet, digitar o seguinte endereço: 1. Página inicial do site (figura 1). Figura 1 Página inicial do site Grad Color 2. Na página inicial temos uma caixa de ferramentas com três opções que, mediante o que seleccionarmos, nos vão ajudar a definir como vai ser a gradação de cores que queremos fazer. O primeiro tópico refere-se ao Modo (Mode), e aí temos que seleccionar na opção Start onde queremos que comece a gradação - se na vertical ou horizontal. A opção Repeat faz-nos definir se queremos a repetição da gradação na vertical, horizontal ou ambas, sendo que, estas direcções dependem da escolha feita em Start. Na opção Attachment/Yes, podemos definir se a gradação fica estática, embora repetida de cima ou da esquerda, ele não mexe à medida que se avança na página. Em Attachment/No, a gradação não fica estática e mexe à medida que avançamos com a página. Aqui corremos o risco da gradação acabar antes da informação da página e aí teremos de escolher uma cor de fundo. Figura 2 Opções de Mode 3. No segundo tópico definimos o Tamanho (Size). Na barra que deslizamos para a esquerda ou direita definimos os pixéis que terá a gradação em altura (height) e largura (width). Esta escolha é assumida automaticamente quando escolhemos se a gradação começa de cima ou da esquerda. Nós apenas decidimos a quantidade de pixéis. 2

4 Figura 3 Opção Size 4. O último tópico (opção) serve para definirmos as cores a utilizar na gradação. Podem ser de uma a quatro. Figura 4 Opção Colors 5. Depois de definidas todas as opções, clicamos no botão que diz Generate e aparecenos a gradação que definimos, tal como o exemplo da figura 5. Figura 5 Exemplo de uma gradação de cor 6. Por fim, temos que salvar/guardar a imagem no formato PNG no ambiente de trabalho do nosso computador (ou outra localização à escolha). Podemos ainda copiar o código HTML e salvá-la num novo documento para mais tarde poder ser usada num site que possamos vir a criar. 3

5 7. As gradações que criarmos podem depois ser guardadas no site da Grad Color através de um registo de utilizador criado previamente. Aí podemos também visualizar algumas gradações realizadas por outros utilizadores e votar naquelas que mais gostamos. Figura 6 Exemplos de outras gradações arquivadas no site do Grad Color 4