Atividades Educativas

Escola Games

Escola Games
 

Apostila de Power Point

quarta-feira, 6 de novembro de 2013

Clique e faça download apostila Power Point

Trabalho Final Web

terça-feira, 29 de outubro de 2013

Instruções para realização do trabalho

Meta Tags

terça-feira, 24 de setembro de 2013

Um pouco de Meta Tags

Excel 2010

quarta-feira, 18 de setembro de 2013

Clique e baixe apostila Excel 2010

Revolução Farroupilha

quinta-feira, 12 de setembro de 2013

Jogo da Revolução Farroupilha

Treinamento Online CSS

terça-feira, 20 de agosto de 2013

Teste online de CSS

Exercício CSS

terça-feira, 13 de agosto de 2013

1.Crie um novo documento HTML
2.Digite seis cabeçalhos diferentes utilizando as tags headings h1 e h6
3.Salve o arquivo com o nome exercicio.html
4.Visualize no browser
5.Também podemos alinhar o cabeçalho através do parâmetro align
6. Digite diversos textos com tamanhos diferentes, cores, tipos de fontes dentro dos cabeçalhos
7. Coloque cor de fundo na página
8. Crie um link para o arquivo aula.txt
9. Mude o link de cor quando visitado
10.Mude o link quando o mouse é passado sobre ele com alguma propriedade de hover...

11. Crie uma lista(4) dos seus filmes  preferidos e das bandas (4) usando o agrupamento class

Exercícios CSS

Clique e baixe os exercícios de CSS

CSS

terça-feira, 9 de julho de 2013

Aprendendo CSS

Introdução
Guia CSS
Apostila CSS

Word 2010

terça-feira, 25 de junho de 2013

Clique e baixe a apostila de word2010

Exercícios HTML

quinta-feira, 6 de junho de 2013

Clique e baixe os exercícios de revisão em HTML

Entendendo as cores hexadecimais (RGB)

terça-feira, 21 de maio de 2013

Muitas vezes encontramos as enigmáticas cores hexadecimais, tanto em programas gráficos (como GIMP, INKSCAPE) como em programas para web. Vamos decifrar o que elas significam.

Primeiro precisamos compreender como as cores são compostas na tela. É utilizado o sistema chamado RGB. A expressão RGB vem de "red green blue", ou seja, "vermelho verde azul". As cores serão definidas pela quantidade de vermelho, de verde e de azul que adicionarmos.

Um dos extremos é quando adicionarmos o máximo de cada cor, onde teríamos 100% de cada uma delas. Isto equivale ao branco, quando temos todas as cores. Por outro lado, se não acrescentarmos nenhuma cor, 0% de cada cor, teremos a cor preta.

Vejamos alguns exemplos. Se em um programa gráfico você definir a cor de um elemento com a composição "80% vermelho 40% verde 0% azul", você terá a cor laranja. Se, em outro elemento, você definir a composição " 55% vermelho 55% verde 55% azul", obtém um tom de cinza. Mas onde estão as cores hexadecimais??

As cores definidas nas "indecifráveis" combinações hexadecimais, como #c4b755, estão apenas escritas de forma diferente. Mas ainda significam a mesma coisa: cores. Veja: não vamos usar porcentagem para definir quanto vermelho, verde e azul uma cor possui. Vamos usar um número, de 0 a 255. Assim, se queremos usar 80 de vermelho, usamos o número 204. Portanto, podemos ver o exemplo do parágrafo anterior como "204vermelho 102verde 0azul", concorda? E novamente você pergunta: "onde estão as cores hexadecimais???".

Veja agora o "segredo" para entender as cores hexadecimais. Cada dois dígitos representam apenas o componente de uma das cores, ou vermelho ou verde ou azul. Assim, os dois primeiros dígitos representam a quantidade de vermelho, os dois próximos a quantidade de verde, e os dois últimos a quantidade de azul.

Como exemplo, veja a cor #cc6600. Você sempre começa com o caractere #. Depois, o componente vermelho está em cc, o componente verde está em 66 e o componente azul está em 00. O mais fácil de entender é o azul, pois havíamos definido o azul como 0%, e portanto ele está marcado na forma hexadecimal como "00", o que já seria esperado. Mas e quanto ao "cc" e "66"?

Pode parecer estranho, mas eles são dígitos, só que escritos em forma "hexadecimal". Na verdade, cc equivale a 204 e 66 equivale a 102. Na verdade, a forma hexadecimal não usa apenas os dígitos 0 a 9. Além desses, usamos também os seguintes dígitos.

* a = 10
* b = 11
* c = 12
* d = 13
* e = 14
* f = 15


Traduzindo: quando vemos o dígito c na verdade ele significa o nosso velho e conhecido 12. Se você lembrar que no sistema hexadecimal não usamos os dígitos 0 a 9, e sim usamos os dígitos 0 a f, tudo ficará mais fácil. Então como compreender uma expressão como #cc6600?

Lembre que a cada dois dígitos temos uma cor. No caso acima, teremos cc para vermelho, 66 para verde e 00 para azul. Vejamos um deles, o vermelho. Para realizar a "transformação", pense da mesma forma como contamos no sistema decimal do dia-a-dia. Como fazemos normalmente? Contamos do 0 ao 9, e depois passamos para outra casa, e assim surge o 10. Quando usamos o número 32, queremos dizer que temos 2 (duas) unidades e 3 (três) dezenas. Note que usamos dezenas em vista do sistema ser decimal.

Da mesma forma no sistema hexadecimal, só que em vez de usarmos dezenas usaremos o número 16. Assim, o primeiro (à direita)c equivale a um simples 12. Mas o segundo (à esquerda) equivale a 12 vezes 16, ou seja, 192. Portanto, cc equivale a 192+12 = 204, ou 80% de vermelho.

Vamos praticar. O código #b5e144 equivale a:

* b --> 11 * 16 = 176 ==> b5 = 176+5 = 181
* e --> 14 * 16 = 224 ==> e1 = 224+1 = 225
* 4 --> 4 * 16 = 64 ==> 44 = 64+4 = 68


Assim, no código #b5e144, em uma escala de 0 a 255, teremos 181 de vermelho, 225 de verde e 68 de azul. Teste em um programa gráfico e veja o resultado. Agora os códigos hexadecimais não parecem tão "indecifráveis", concorda?

Tutorial - Iniciando HTML

terça-feira, 14 de maio de 2013

Clique e acesse o Tutorial Aprendendo HTML

Os 10 melhores sites de 2012

terça-feira, 7 de maio de 2013

Melhores Sites de 2012

Web HTML

quinta-feira, 2 de maio de 2013

Apostila de HTML

Mais GIMP

quarta-feira, 1 de maio de 2013

Exercícios
Aplicações Básicas
Layout 3 colunas
Filtros
Animações
Botão Aqua Plastic

Exercícios Gimp

Criar uma composição...
Ex:




Criar uma animação estilo dos exemplos:



GIMP

segunda-feira, 22 de abril de 2013

Entendendo as cores

Mais Gimp

Exercício Práticos Gimp

terça-feira, 16 de abril de 2013

Clique e baixe exercícios práticos no Gimp

Aula WEBDESIGN 02/04/13

terça-feira, 2 de abril de 2013

1) Trabalho de pesquisa
Pesquisar e criar um artigo contemplando os assuntos abaixo:
  • O conceito de Marketing?
  • O que é Marketing na Internet?
  • Formas de fazer Marketing na Internet?
  • O que são Sites?
  • Tipos de Sites?
  • Objetivos de um site?


OBS: O artigo deve ser entregue até o final da aula por email e na próxima aula impresso.

-------------------------------------------------------

2) Mais exercícios
Exercício 1
Exercício 2

No Final da aula me enviem por e-mail todos os execícios 1 e 2 juntos numa pasta compactada. Duvidas serão tiradas na próxima aula.



anahamester@gmail.com


6º ano - Ensino Fundamental

segunda-feira, 1 de abril de 2013


Trabalho Dia Mundial da Água
1)Acessar o livro digital: Água é um tesouro(clique aqui)
2)Leitura do livro
3)Escolha de dicas de preservação da água fonte de vida
4)Criar uma apresentação de slides em duplas
(10 dicas de preservação da água)
Obs: Os slides precisam ser criativos, coloridos e com dicas úteis de preservação da água.


Layout 3 colunas

domingo, 31 de março de 2013

Criação de um layout 3 colunas semelhante ao da aula e apresente na lousa para a turma.

Escolha umas das Imagens e crie o layout





Exercícios Gimp

segunda-feira, 25 de março de 2013

Exercícios Práticos de Gimp

terça-feira, 12 de março de 2013

Digitação

TypingWeb: Pratique digitação

TypingWeb é um tutorial de digitação grátis pra todas as idades. Todos os níveis de capacidade podem beneficiar do TypingWeb.
typingweb
Velocidade e precisão incríveis. Nunca mais olhe para o teclado!
  • tutor de digitação 100% gratuito
  • Com base na Web, acesso em qualquer lugar
  • Aumente sua produtividade
  • Digitando mais rápido = mais tempo livre
  • Aprenda técnicas de digitação apropriadas
Site disponível em vários idiomas inclusive o português.
Acesse: http://pt.typingweb.com
Fonte: http://pt.typingweb.com



Datas para entrega da digitação
Curso Inicial
NC1 - 15/05
NC2 - 15/05

Curso Intermediário
NC1 - 10/07
NC2 - 10/07

Curso Avançado
NC1 - 25/09
NC2 - 25/09

Curso de Especialização
NC1 - 04/12
NC2 - 04/12

Obs: As datas podem sofrer alterações dependendo da programação das aulas. 

Desafio - Criando um site

quinta-feira, 7 de março de 2013

O desafio de hoje será criar um site, prático, útil e fácil em apenas algumas horas...
Pode ser usado:
Wix
Comunidades.net
Webnoode
Yola
Jimdo

Núcleo Comum

quarta-feira, 27 de fevereiro de 2013

Introdução à Informática

História do computador

Fixando os conhecimentos

Internet

terça-feira, 26 de fevereiro de 2013



Clique e conheça os mitos da internet