Download - Web (design+developer)
![Page 1: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/1.jpg)
Meu nome é site: gust4vo.com \\ twitter: @gust4vo
![Page 2: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/2.jpg)
<script language="JavaScript"> function palestra(){
var temaPalestra = new Array("design", "developer");
document.write("Web("+temaPalestra[0]+ "+"+temaPalestra[1]+")");
}
palestra();
</script>
![Page 3: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/3.jpg)
![Page 4: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/4.jpg)
o início de tudo
• 1975: 100 sites na Arpanet;
• 1982: 315 sites na Internet;
• Hoje: mais de 174 milhões de sites, na Internet.
*Vídeo: A História da Internet: http://youtu.be/yyY_392Tn7Q
![Page 5: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/5.jpg)
o inventor do HTML
Construído por Tim Berners-Lee (07/ago de 1991):
1º site na Web
http://bit.ly/z1N8L
![Page 6: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/6.jpg)
NAVEGADORES
*Vídeo: Guerra dos Navegadores: http://youtu.be/DeEafmwRk6A
![Page 7: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/7.jpg)
navegadores: MUNDO (fev/2012)
34,81%
30,87%
24,98%
6,72%
1,78%
![Page 8: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/8.jpg)
navegadores: BRASIL (fev/2012)
45,49%
30,61%
21,70%
1,39%
0,48%
![Page 9: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/9.jpg)
TODOS CONECTADOS
até 1945
1946 a 1964
1965 a 1977
A partir de 1978
![Page 10: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/10.jpg)
A EVOLUÇÃO DA INTERNET
![Page 11: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/11.jpg)
A EVOLUÇÃO
apresentação + informação = 1991
o ontem...
![Page 12: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/12.jpg)
A EVOLUÇÃO
interação + intuição + feedback =
o hoje...
![Page 13: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/13.jpg)
A EVOLUÇÃO
receber + compreender + feedback =
o amanhã...
![Page 14: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/14.jpg)
![Page 15: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/15.jpg)
QUERIDO
![Page 16: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/16.jpg)
MÃOS A OBRA
![Page 17: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/17.jpg)
![Page 18: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/18.jpg)
depto. MAGAYVER’S
![Page 19: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/19.jpg)
CALL TO ACTION
depto.
![Page 20: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/20.jpg)
CLIENTE
![Page 21: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/21.jpg)
depto. NÓS NO FANTÁSTICO MUNDO DE BOBBY
![Page 22: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/22.jpg)
VOCÊ PODE SER UM WEB DESIGN?
A preocupação fundamental do web designer é
agregar os conceitos de usabilidade com o planejamento
da pessoa em destaque através de interface, garantindo
que o usuário final atinja seus objetivos de forma agradável
e intuitiva. ”
“
![Page 23: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/23.jpg)
CONHECIMENTOS
• UX Design/UCD/Ergonomia
• Arquitetura de Informação
• Usabilidade/Navegabilidade
• Acessibilidade Digital
• Linguagem de Marcação e Formatação
![Page 24: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/24.jpg)
ALGUMAS PREOCUPAÇÕES
• O que as pessoas vão procurar no site?
• Site um escorregador para o usuário!
• Prevendo a Expansão
• Site verde e vermelho ? E se o usuário for daltônico?
• Área de Leitura Vs. Sono
• Background
![Page 25: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/25.jpg)
CALL TO ACTION
depto.
![Page 26: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/26.jpg)
![Page 27: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/27.jpg)
CLIENTE
![Page 28: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/28.jpg)
CALL TO ACTION
depto.
![Page 29: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/29.jpg)
DESIGNER NÃO É UM SIMPLES DESENHISTA
Placa de STOP http://youtu.be/GjXXsUujpLI
![Page 30: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/30.jpg)
![Page 31: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/31.jpg)
CLIENTE
![Page 32: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/32.jpg)
CALL TO ACTION
depto.
![Page 33: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/33.jpg)
DESIGNER NÃO É UM SIMPLES DESENHISTA
Designers vs. Clientes http://youtu.be/CYu1cQs4Y5Y
![Page 34: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/34.jpg)
CLIENTE
![Page 35: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/35.jpg)
CALL TO ACTION
depto.
![Page 36: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/36.jpg)
![Page 37: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/37.jpg)
![Page 38: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/38.jpg)
![Page 39: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/39.jpg)
CALL TO ACTION
depto.
![Page 40: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/40.jpg)
VALIDAÇÕES DE CÓDIGO
http://jigsaw.w3.org/css-validator/
http://validator.w3.org/
![Page 41: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/41.jpg)
CLIENTE
![Page 42: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/42.jpg)
DESIGNER NÃO É UM SIMPLES DESENHISTA
O desabafo de um Web Designer http://youtu.be/m711mKI54iI
![Page 43: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/43.jpg)
depto. Programo por pizza e café
![Page 44: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/44.jpg)
UMA LUTA LENDÁRIA
![Page 45: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/45.jpg)
CALL TO ACTION
depto.
![Page 46: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/46.jpg)
![Page 47: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/47.jpg)
![Page 48: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/48.jpg)
CALL TO ACTION
depto.
![Page 49: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/49.jpg)
CLIENTE
![Page 50: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/50.jpg)
CALL TO ACTION
depto.
![Page 51: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/51.jpg)
A MENTE LÓGICA
Desabafo de um Desenvolvedor Web http://youtu.be/V-cyaXVmNUQ
![Page 52: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/52.jpg)
O INIMIGO EM COMUM
![Page 53: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/53.jpg)
O INIMIGO EM COMUM
![Page 54: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/54.jpg)
PRODUZIDOS PELO SOBRINHO
![Page 55: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/55.jpg)
VALE A PENA CONFERIR :)
1. Maujor: http://www.maujor.com/
2. Design.blog: http://design.blog.br/
3. W3 Schools: http://www.w3schools.com/
4. Codrops: http://tympanus.net/codrops/
5. Vida de Programador: http://vidadeprogramador.com.br/
6. Mestre SEO: http://www.mestreseo.com.br/
7. Mashable: http://mashable.com/
![Page 56: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/56.jpg)
VALE A PENA CONFERIR :)
1. The FWA: http://thefwa.com/
2. The CSS Awards: http://www.thecssawards.com/
3. Creattica: http://creattica.com/
4. ThemeForest: http://themeforest.net/
5. Template Monster: http://www.templatemonster.com/
6. CSS Mania: http://cssmania.com/
7. CSSelite.com: http://www.csselite.com/
8. HTML5 Gallery: http://html5gallery.com/
9. Smashing Magazine: http://www.smashingmagazine.com/
10. Onextrapixel: http://www.onextrapixel.com/
![Page 57: Web (design+developer)](https://reader033.vdocument.in/reader033/viewer/2022052507/558aac04d8b42a7e108b4609/html5/thumbnails/57.jpg)
</fim> Zimmermann
site: gust4vo.com \\ twitter: @gust4vo