ferramentas web aula02

Click here to load reader

Post on 04-Jul-2015

489 views

Category:

Documents

1 download

Embed Size (px)

TRANSCRIPT

  • 1. Design Grfico Disciplina: Ferramentas Para WEB Professor: Anderson Maia [email_address]

2. Conceitos Bsicos

  • Digital: Sistema no qual a informao processada em forma numrica, utilizando um sistema binrio.
  • Sistema Binrio: Sistema numrico que pode assumir apenas 2 valores, base para toda informao digital, representado pelos valores 0 ou 1( ligado ou desligado).
  • Sistema Decimal:
  • 12345678910
  • Sistema Binrio:
  • 000100100011 01000101011001111000 1001 1010

3. Sistemas de Numerao

  • Bit menor partcula de informao no computador, pode representar 0 ou 1. Esses dois smbolos so opostos e mutuamente exclusivos.
  • Byteconjunto de 8 bits.
  • Os Mltiplos do Byte so:
  • 1.024 bytes = 1 Kb (kilobyte)
  • 1.024 Kb =1MB (megabyte)
  • 1024 Mb = 1 Gb (gigabyte)
  • 1024 Gb = 1 Tb ( terabyte)

4. Sistemas de Numerao

  • Existiram e existem diversos sistemas de numerao.
  • No computador, serve para questes de endereamento, armazenamento, contedo de tabelas e representaes grficas.
  • Bases diferentes usadas nos mais diversos computadores.

5. Sistemas de Numerao

  • Bases
    • Binria
      • 0, 1
    • Octal
      • 0, 1, 2, 3, 4, 5, 6, 7
    • Decimal
      • 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
    • Hexadecimal
      • 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

6. Sistemas de Numerao

  • Representao nas bases
    • 101101 2- 101101 na base 2 (binria)
    • 752 8- 752 na base 8 (octal)
    • 651 - 651 na base 10 (decimal)
      • Quando no indicada a base, a base decimal. Mas poderia ser representado assim: 651 10
    • 423 16- 423 na base 16 (hexadecimal)

7. Sistemas de Numerao

  • Representao nas bases Base decimal
    • 7484
    • 7484 = 7 x 1000 + 4 x 100 + 8 x 10 + 4
    • 7484 = 7 X 10 3+ 4 X 10 2+ 8 X 10 1+ 4 X 10 0
  • Representao em polinmio genrico
    • Nmero = d n 10 n+ d n-1 10 n-1+ ... d 1 10 1+ d 0 10 0

8. Sistemas de Numerao

  • Representao de binrio na base 10
    • 1101001 2
    • 1101001 2= 1 x 2 6+ 1 x 2 5+ 0 x 2 4+ 1 x 2 3+
    • 0 x 2 2+ 0 x 2 1+ 1 x 2 0
    • 1101001 2= 64 + 32 + 0 + 8 + 0 + 0 + 1
    • 1101001 2= 105 10
  • Representaoem polinmio genrico
    • Nmero = b n 2 n+ b n-1 2 n-1+ ... b 1 2 1+ b 0 2 0

9. Sistemas de Numerao

  • Representao de octal na base 10
    • 54621 8
    • 54621 8= 5 x 8 4+ 4 x 8 3+ 6 x 8 2+ 2 x 8 1+
    • 1 x 8 0
    • 54621 8= 20480 + 2048 + 384 + 16 + 1
    • 54621 8= 22929 10
  • Representaoem polinmio genrico
    • Nmero = o n 8 n+ o n-1 8 n-1+ ... o 1 8 1+ o 0 8 0

10. Sistemas de Numerao

  • Representao de hexadecimal na base 10
    • 39741 16
    • 39741 16= 3 x 16 4+ 9 x 16 3+ 7 x 16 2+ 4 x 16 1+
    • 1 x 16 0
    • 39741 16= 196608 + 36864 + 1792 + 64 + 1
    • 39741 16= 235329 10
  • Representaoem polinmio genrico
    • Nmero = h n 16 n+ h n-1 16 n-1+ ... h 1 16 1+ h 0 16 0

11. Sistemas de Numerao

  • Mudana da base 10 para binrio
    • 714
    • 714 | _2_
    • 0357 | _2_
    • 1178 | _2_
    • 089 | _2_
    • 144 | _2_
    • 022 | _2_
    • 011 | _2_
    • 15 | _2_
    • 12 | _2_
    • 01

12. Sistemas de Numerao

  • Mudana da base 10 para binrio
    • 714
    • 714 | _2_
    • 0357 | _2_
    • 1178 | _2_
    • 089 | _2_
    • 144 | _2_
    • 022 | _2_
    • 011 | _2_
    • 15 | _2_
    • 12 | _2_
    • 01

714 = 1011001010 2 13. Sistemas de Numerao

  • Mudana da base 10 para octal
    • 714
    • 714 | _8_
    • 289 | _8_
    • 111 | _8_
    • 31

714 = 1312 8 14. Sistemas de Numerao

  • Mudana da base 10 para hexadecimal
    • 714
    • 714 | _16_
    • 1044 | _16_
    • 122

714 = 2CA 16 Hexadecimal 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F A=10 , B=11 , C=12 , D=13 , E=14 , F=15 15. Sistemas de Numerao

  • Mudana da base binria para decimal (10)
  • 1011001010 2
    • 0 x 2 0= 0
    • 1 x 2 1= 2
    • 0 x 2 2= 0
    • 1 x 2 3= 8
    • 0 x 2 4= 0
    • 0 x 2 5= 0
    • 1 x 2 6= 64
    • 1 x 2 7= 128
    • 0 x 2 8= 0
    • 1 x 2 9= 512

= 0+2+0+8+0+0+64+128+0+512 = 714 16. Sistemas de Numerao

  • Mudana da base octal para decimal (10)
  • 1312 8
    • 2 x 8 0= 2
    • 1 x 8 1= 8
    • 3 x 8 2= 192
    • 1 x 8 3= 512

= 2+8+192+512 = 714 17. Sistemas de Numerao

  • Mudana da base hexadecimal para decimal
  • 2CA 16
    • A x 16 0= 10 x 16 0= 10
    • C x 16 1= 12 x 16 1= 192
    • 2 x 16 2= 512

= 10+192+512 = 714 18. Exerccio

  • 1. Converter para a base decimal os seguintes nmeros:
  • a) 1010102
  • b)10103
  • c) 10214
  • d) 10256
  • e) 21658
  • f) 1FA216
  • g) E1A16
  • h) 7078

19. Imagens em Computao

  • Imagens Matriciais/ Mapa de bits:imagens onde so guardadas informaes de cada ponto que constitui a imagem.
  • Exemplos de programas que trabalham com imagens vetoriais.

20. Imagens em Computao

  • Pixe l:Menor elemento que constitui a imagem. O gro da imagem digital .

Os pixels que formam uma imagem digitalizada (como arquivos JPEG usados em pginas da Internet) podem ou no estar em uma correspondncia de "um para um" com pixels da tela do computador, isso depende como o monitor do computador est configurado para exibir uma imagem. Em computao, uma imagem composta por pixels conhecida como uma imagem "bitmap" 21. Tipos de Imagem

  • Bitmap:A imagem dividida nos pontos de uma matriz. Cada ponto gravado com seu valor particular de luminosidade e cor formando um mapa (map) dos pontos (bit). Mesmo as reas sem desenho (fundo) fazem parte do arquivo.

22. Tipos de Imagem

  • Vetorial :a palavra vetor refere-se a uma linha, mas a representao vetorial descreve um desenho como uma serie de linhas e formas. Possui algumas regies preenchidas com cor slida ou sombreada. Os arquivos vetoriais podem ser escritos ASCII em um processador de textos .

23. Tipos de Imagem

  • Bitmap caractersticas :trabalha as imagens com variaes complexas de cores, tons ou formas, como fotos ou gravuras ou imagens digitalizadas de vdeo, cmeras fotogrficas digitais ou de escaneadas .
  • Vetorial caractersticas : trabalha os desenhos em linhas geomtricas simples e frmulas matemticas. Grficos e ilustraes a mo livre, imagens em 2D e 3D. O tamanho do arquivo tambm menor pois gravado em ASCII.

24. Imagem Matricial

  • A imagem Matricial composta por pontos discretos, os chamados pixels.