Oficina de Tecnologia - Webdesign

  • Published on
    11-Jun-2015

  • View
    97

  • Download
    6

DESCRIPTION

Oficina realizada nos dias 07 e 08 de dezembro, no GibiAnimeFest

Transcript

  • 1. OFICINA DE TECNOLOGIAWEBDESIGN

2. APRESENTAO - Meu nome Barbra mesmo; - Trabalho com Web a 8 anos; - Fao Design e no sei desenhar; - Estou muito nervouser; - Preciso do email de vocs no final; - No tenho didtica para apresentaes; 3. OFICINA DE WEBDESIGN O que voc possivelmente ir aprender: - Webdesign amor; - Front-end complicado; - Back-end nem se fala; - Respiro sempre importante; - A srie Batman de 1975 fantstica; 4. CONCEITOS MGICOS S coisa chata, pode dormi 5. O QUE WEBDESIGN? WEB WWW DESIGN PROJETISTA WEB-DESIGN PROJETISTA DE WWW 6. O QUE WEBDESIGN? O web design pode ser visto como uma extenso da prtica do design, onde o foco do projeto a criao de web sites e documentos disponveis no ambiente da World Wide Web. O web design tende multidisciplinaridade, uma vez que a construo de pginas web requer subsdios de diversas reas tcnicas, alm do design propriamente dito. reas como a arquitetura da informao, programao, usabilidade, acessibilidade entre outros. 7. O QUE UM SITE? - Informaes institucionais; - Forma de contato com a pessoa por trs disso; - Contedo simples; 8. O QUE UM SITE? 9. O QUE UM E-COMMERCE? - Tenta vender algum produto pra voc; - Normalmente esse produto classificado com preos; - As vezes, os preos so caros e fazem voc se sentir pobre ; 10. O QUE UM SITE? 11. O QUE UM BLOG? - Tem muito texto. Srio, muito; - Tem instrues; - Tem temtica; 12. O QUE UM SITE? 13. O QUE UM PORTAL? - Tem informaes institucionais; - Fotos de famosos; - Fotos de acidentes; 14. PROCESSOS WEB Agora meio importante, no dorme pfv 15. PONTO 1 - ARQUITETURA - Organizao da informao paratorn-la clara; - Projetar a estrutura, o esqueleto, de um website sobre o qual todas as demais partes iro se apoiar; 16. PONTO 2 - INTERFACE - Tudo que bonito;- Tudo que te auxilia a selecionar opes; - Tudo que eu fao ;) 17. USABILIDADE 18. FRONT-END ( ou Jedi ) 19. HTML - Estruturao;- Linguagem bsica, comum em todos os sites; 20. CSS - Folha de Estilo;- Define como sero exibida as informaes HTML em seu site; 21. JQuery - Java, s que bonito;- biblioteca JavaScript cross-browser desenvolvida para simplificar os scripts client side que interagem com o HTML; 22. Softwares 23. Construo Visual - Photoshop; - Fireworks; - Muse; 24. Front-End e Back End - Dreamweaver; - Sublime Text 2; - Notepad; - Notepad ++; 25. Navegadores - Crodmsdi ( Voc quis dizer: chrome ); - Firefox ; - Internet Explorer; - Opera; 26. CONCEPO 27. Cores - Escolha adequada ao mercado; - No escolha cores assim ; - Existem teoria por trs das cores; 28. Cores 29. Fontes - Escolha adequada ao mercado; - No escolha fontes fantasia; - Google Fonts; 30. Composio - Imagens; - Texto; RESPIRO 31. TUDO JUNTOS - Cores; - Fonte; - Composio; 32. MONTANDO UM SITE 33. Comeando... - Servidores; - Domnios; 34. Adiante... - Arquitetura; - Estudo de mercado; 35. Quase l... - Design; - Front-end e back end; 36. CAIU NA NET - Debug e outras informaes; 37. QUERO COMEAR! Ento vaml 38. Ferramentas Gratuitas - Wix; - Wordpress; - Tumblr; - Blogger; 39. TEM MAIS COISA? Vish tem 40. GOOGLE - Adsense; - Analytics; - Adwords; 41. VALEWS barbrasp@gmail.com barbra@outlook.com