A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Laboratório de Informática Propriedades CSS: Cores 1º Semestre 2009 > PUCPR > BSI Bruno C. de Paula.

Apresentações semelhantes


Apresentação em tema: "Laboratório de Informática Propriedades CSS: Cores 1º Semestre 2009 > PUCPR > BSI Bruno C. de Paula."— Transcrição da apresentação:

1 Laboratório de Informática Propriedades CSS: Cores 1º Semestre 2009 > PUCPR > BSI Bruno C. de Paula

2 Resumo da aula Após finalizarmos nosso trabalho com os seletores do CSS, é chegado o momento de conhecer as principais propriedades do CSS; Nosso objetivo hoje será conhecer as propriedades que lidam com cores.

3 32/11/2013 Material referente ao assunto da aula Tutorial sobre cores em CSS: – Recomendação W3C do CSS 3 (cores) (em Inglês): – Capítulo do Livro CSS – Guia de Bolso: – s_amostra/00_cssbolso.pdf s_amostra/00_cssbolso.pdf

4 Material referente ao assunto da aula CSS – Guia de Bolso; – Editora AltaBooks; – 2008; – Download de um capítulo. Download de um capítulo 42/11/2013

5 Ferramentas de cor Color Picker / Color Wheel Extensão para Firefox: – – https://addons.mozilla.org/en- US/firefox/addon/60 https://addons.mozilla.org/en- US/firefox/addon/60 Online: – – color-picker-01.htm color-picker-01.htm – nline-help/online-color-chart-picker.html nline-help/online-color-chart-picker.html – wheel.html wheel.html 52/11/2013

6 Ferramentas de cor Color Blender: – blend/ blend/ Referências sobre cores: – 62/11/2013

7 7 Tags HTML referenciadas na aula (em Português –site Referenciando)Referenciando Tag de estilo: ; Tag de link: ; Tag de script:.

8 82/11/2013 Tags HTML referenciadas na aula (em Inglês – site SitePoint)SitePoint Tag de estilo: ; Tag de link: ; Tag de script: ;

9 92/11/2013 Exemplos da aula Cor em #RRGGBB Cor em #RGB Cor em rgb(rrr.rr%, ggg.gg%, bbb.bb%) Cor em rgb(rrr.rr%, ggg.gg%, bbb.bb%) Cor em rgb(rrr, ggg, bbb) Cor como palavra-chave; Cor como palavra-chave Cores do sistema operacional; Cores do sistema operacional Cores em rgba(rrr,ggg,bbb,a) ; Cores em rgba(rrr,ggg,bbb,a) Cores em hsl(h, s%, l%). Cores em hsl(h, s%, l%)

10 Cada cor tem um significado e uma personalidade 102/11/2013

11 A cor é essencial para a apresentação de um site e pode ser representada de maneiras diferentes 112/11/2013

12 Na tela do computador as cores são aditivas (cor luz) Mistura de intensidades de: – Vermelho (red); – Verde (green); – Azul (blue). 122/11/2013

13 Monitores apresentam as cores de maneira diferente Cores de 8 bits (256 cores): – raro hoje em dia; – usar paleta web safe (216 cores).paleta web safe Cores de 16 bits (65 mil cores): – usar paleta web smart (4096 cores).paleta web smart Cores de 32 bits (16 milhões): – 16 milhões de cores; – Liberdade na escolha da cor. 132/11/2013

14 Notação de cor em CSS #RRGGBB; #RGB; rgb(rrr.rr%, ggg.gg%, bbb.bb%); rgb(rrr, ggg, bbb); Palavra-chave. 142/11/2013

15 Notação de cor em CSS CSS 3 rgba(rrr,ggg,bbb,aaa); hsl(h, s%, l%); hsla(h, s%, l%, a). 152/11/2013

16 #RRGGBB RR: – Intensidade do vermelho em base hexadecimal de 0 a 255 (FF); GG: – Intensidade do verde em base hexadecimal de 0 a 255 (FF); BB: – Intensidade do azul em base hexadecimal de 0 a 255 (FF). 162/11/2013

17 Base hexadecimal 0 dec = 0 hex; dec = F hex; 16 dec = 10 hex; 255 dec = FF hex; 172/11/2013

18 182/11/2013

19 #RGB Forma abreviada; Cada dígito é replicado; Exemplos: – #f00 é a mesma coisa que #ff0000; – #ccc é a mesma coisa que #cccccc; – #123 é a mesma coisa que #112233; Tons de cinza: #000, #111, #222,..., #ddd, #eee, #fff. 192/11/2013

20 202/11/2013

21 rgb(rrr.rr%, ggg.gg%, bbb.bb%) Valores RGB de 0 a 100%; 100% corresponde a 255 (FF); 212/11/2013

22 rgb(rrr, ggg, bbb) Valores RGB de 0 a 255; 222/11/2013

23 Palavra-chave HTML 4.01: – 16 cores; 16 cores 232/11/2013 Cores do Sistema: 29 cores; 29 cores Depende do Sistema Operacional.

24 Palavra-chave Cores HTML (X11) :X11 – ml_colornames.asp ml_colornames.asp 242/11/2013

25 rgba(rrr,ggg,bbb,a) RGB + Transparência; 0 => transparente; 1 => sólido. 252/11/2013

26 hsl(h, s%, l%) H (hue): – Tonalidade de cor; – Cores do arco-íris; – 0 a 360; S (saturation): – Pureza da cor; – 0 a 100%; L (lightness): – Brilho; – 0 a 100%; 262/11/2013

27 272/11/2013

28 hsla(h, s%, l%, a) HSL + transparência; 0 => transparente; 1 => sólido. 282/11/2013

29 292/11/2013 Material referente ao assunto da aula Tutorial sobre cores em CSS: – Recomendação W3C do CSS 3 (cores) (em Inglês): – Capítulo do Livro CSS – Guia de Bolso: – s_amostra/00_cssbolso.pdf s_amostra/00_cssbolso.pdf

30 Material referente ao assunto da aula CSS – Guia de Bolso; – Editora AltaBooks; – 2008; – Download de um capítulo. Download de um capítulo 302/11/2013

31 Ferramentas de cor Color Picker / Color Wheel Extensão para Firefox: – – https://addons.mozilla.org/en- US/firefox/addon/60 https://addons.mozilla.org/en- US/firefox/addon/60 Online: – – color-picker-01.htm color-picker-01.htm – nline-help/online-color-chart-picker.html nline-help/online-color-chart-picker.html – wheel.html wheel.html 312/11/2013

32 Ferramentas de cor Color Blender: – blend/ blend/ Referências sobre cores: – 322/11/2013

33 332/11/2013 Próximas aulas de CSS Propriedades CSS: – Imagens e fundos.


Carregar ppt "Laboratório de Informática Propriedades CSS: Cores 1º Semestre 2009 > PUCPR > BSI Bruno C. de Paula."

Apresentações semelhantes


Anúncios Google