Mod1 Final

388 views

Published on

Workshop Esdi 2020

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

  • Be the first to like this

No Downloads
Views
Total views
388
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mod1 Final

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

×