Mod1 Final
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
452
On Slideshare
449
From Embeds
3
Number of Embeds
1

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 3

http://www.slideshare.net 3

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Vocêémuitocurioso!webparadesigners
    iurimoreirarenatocastelo
  • 2. a internet
    Tim Bernes Lee – quando crescer quero ser que nem ele
    . o que é a internet
    . criação do arpanet
    . a utilização do termo hoje
    . a world wide web
  • 3. a world wide web
    Tim Bernes Lee – o cara tá em todas
    . a criação da www
    . o conceito
    . os hipertextos
    . popularização da rede
  • 4. como funciona
    código javascript – você não precisa saber isso
    . HTML, marcando a informação
    . CSS, atribuindo estilos
    . JavaScript, programação do lado cliente
    . PHP, ASP e etc, programação do lado do servidor
  • 5. breve história dos navegadores
    netscape 1.0 radando em mac – alta tecnologia
    . o mosaic (1993)
    . o netscape navigator (1994)
    . o internet explorer (1995)
    . a guerra dos navegadores
    . firefox, chrome, safari e cia
  • 6. mosaic – o primeiro navegador gráfico da web
  • 7. netscape navigator 1.0 – filho do mosaic
  • 8. internet explorer – filho... do bill gates
  • 9. evolução das páginas web
    . o início nas mãos dos programadores
    . o problema de banda, regra dos 25kb
    . a internet banda larga
    . os primeiros layouts sem tabelas
    . web 2.0
  • 10. esdi 1997
  • 11. esdi 1997
  • 12. google
  • 13. apple – UAU!
  • 14. uol 1996
  • 15. uol 1997
  • 16. uol 2002
  • 17. uol 2005
  • 18. uol 2010
  • 19. são trabalhos desse nível que são oferecidos por micreiros no mercado
  • 20.
  • 21.
  • 22.
  • 23. web 2.0
    Tim O’Reilly – criador do conceito de web 2.0
    . o conceito
    . web como plataforma
    . colaboração
    . AJAX
  • 24. web standards
    nada - não tinha imagem melhor
    . o conceito
    . caso zen garden
    . search engine optimization (SEO)
    . acessibilidade
  • 25. Página em HTML – Zen Garden
  • 26. Página em CSS – Zen Garden
  • 27. HTML e CSS
    Agora sim, tudo bonitinho.
  • 28. convergência digital
    chineses felizes (ou seriam japoneses?) com seus iphones e ipads falsificados
    . o conceito
    . o caso de sucesso do IPhone
    . mobilidade
  • 29. gambiarra- vídeo, música, celular...
  • 30. o futuro da web
    Data center
    . computação nas nuvens
    . hiperlink de objetos
  • 31. problemas de projetar para a web
    isso é o que você não queria saber
    . você não sabe a resolução do usuário
    . nem o navegador
    . quem dirá o sistema oparecional
    . nem a calibração do monitor
    . e muito menos a velocidade da conexão
  • 32. seu projeto tem que funcionar em todas essas telas, vai encarar?
  • 33. então, projetar para a web é uma grande...
    tá falando de mim?
    ...perda de tempo?
  • 34. não!
  • 35. vantagens de projetar para a web
    OOOOOOOOOOOOOOOOOOOOOOOOOBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
    AAAAAAAAAAAAAAAAAAA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    webdesigner feliz com seu salário
    . todos os problemas anteriores tem solução
    . mercado em constante crescimento
    . procura por webdesigners qualificados
    . lucro alto e investimento baixo
    . pouco risco
  • 36. área útil de um site
  • 37. áreas mais importantes de um site
  • 38. rastreamento ocular
  • 39. 1024x768
    65,1%
    800x600
    15%
    1280x1024
    10,2%
    1280x800
    9,7%
  • 40. fim
    calma, esse fima não é tão ruim quanto o de lost
    . semana que vem, trazer, em papel e feito a mão, estudos de layout de um possível portfólio
    de vocês que será desenvolvido
    até o fim do curso.