Diego Eis
       tableless.com.br



Os Padrões Web
 e suas vantagens para o design



                       visie.com.br...
A web era sem forma.


                   visie.com.br
O W3C estava começando.


                    visie.com.br
Os desenvolvedores
estavam começando.


                 visie.com.br
Os browsers estavam
    começando.


                  visie.com.br
Escolha o browser que
     você utiliza:




                   visie.com.br
O caos se instalou.
Havia muito trabalho.


                    visie.com.br
Código ficou muito
   complexo.


                     visie.com.br
Os sites ficaram cada vez
       mais lerdos.


                       visie.com.br
Qualquer tipo de mudança
no layout era trabalhosa e
        perigosa.

                       visie.com.br
Os designers cansaram
    de trabalhar e
tomaram uma atitude.

                    visie.com.br
WaSP
           Web Standards Project

Movimento para promover os Padrões Web


                                   visie.c...
Agora separamos a
informação da formatação.


                      visie.com.br
Informação
 Linguagens de marcação:

HTML, XHTML, XML, etc...

                           visie.com.br
Formatação
linguagem de formatação

         CSS

                          visie.com.br
CSS é a linguagem do designer.


Designer de web precisa
      saber CSS.
                            visie.com.br
Design não é nada sem
      controle.
O CSS, dá o controle.

                   visie.com.br
Deficientes visuais e motores
      são beneficiados.


                         visie.com.br
Carregamento rápido.
Menos código significa mais
      velocidade.

                       visie.com.br
Acessível para mobiles.


                      visie.com.br
Mudança total do layout sem
     trabalho algum.


                       visie.com.br
CSS Zen Garden.
1 HTML com muitas caras.


                     visie.com.br
visie.com.br
visie.com.br
visie.com.br
visie.com.br
sem esquecer dos detalhes:
  altura de linha, font, cor,
     espaçamentos, etc.

                         visie.com.br
Lembrando:
Designer de Web precisa
      saber CSS.

                     visie.com.br
Diego Eis
tableless.com.br



Obrigado!
   ;-)

               visie.com.br/cursos
                         visie.com.br
Upcoming SlideShare
Loading in...5
×

Padrões Web e algumas vantagens para o designer

4,263

Published on

Palestra bem básica sobre algumas vantagens do CSS. Vantagens mais ligadas a design. Palestra feita para iniciantes e interessados no Semana do Design feito na Faculdade Impacta de Tecnologia em SP.

Published in: Technology
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,263
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
233
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Padrões Web e algumas vantagens para o designer

  1. 1. Diego Eis tableless.com.br Os Padrões Web e suas vantagens para o design visie.com.br/cursos visie.com.br
  2. 2. A web era sem forma. visie.com.br
  3. 3. O W3C estava começando. visie.com.br
  4. 4. Os desenvolvedores estavam começando. visie.com.br
  5. 5. Os browsers estavam começando. visie.com.br
  6. 6. Escolha o browser que você utiliza: visie.com.br
  7. 7. O caos se instalou. Havia muito trabalho. visie.com.br
  8. 8. Código ficou muito complexo. visie.com.br
  9. 9. Os sites ficaram cada vez mais lerdos. visie.com.br
  10. 10. Qualquer tipo de mudança no layout era trabalhosa e perigosa. visie.com.br
  11. 11. Os designers cansaram de trabalhar e tomaram uma atitude. visie.com.br
  12. 12. WaSP Web Standards Project Movimento para promover os Padrões Web visie.com.br
  13. 13. Agora separamos a informação da formatação. visie.com.br
  14. 14. Informação Linguagens de marcação: HTML, XHTML, XML, etc... visie.com.br
  15. 15. Formatação linguagem de formatação CSS visie.com.br
  16. 16. CSS é a linguagem do designer. Designer de web precisa saber CSS. visie.com.br
  17. 17. Design não é nada sem controle. O CSS, dá o controle. visie.com.br
  18. 18. Deficientes visuais e motores são beneficiados. visie.com.br
  19. 19. Carregamento rápido. Menos código significa mais velocidade. visie.com.br
  20. 20. Acessível para mobiles. visie.com.br
  21. 21. Mudança total do layout sem trabalho algum. visie.com.br
  22. 22. CSS Zen Garden. 1 HTML com muitas caras. visie.com.br
  23. 23. visie.com.br
  24. 24. visie.com.br
  25. 25. visie.com.br
  26. 26. visie.com.br
  27. 27. sem esquecer dos detalhes: altura de linha, font, cor, espaçamentos, etc. visie.com.br
  28. 28. Lembrando: Designer de Web precisa saber CSS. visie.com.br
  29. 29. Diego Eis tableless.com.br Obrigado! ;-) visie.com.br/cursos visie.com.br
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×