Oficina de Tecnologia - Webdesign

228 visualizações

Publicada em

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

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
228
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Oficina de Tecnologia - Webdesign

  1. 1. OFICINA DE TECNOLOGIA WEBDESIGN
  2. 2. APRESENTAÇÃO - Meu nome é Barbra mesmo; - Trabalho com Web a 8 anos; - Faço Design e não sei desenhar; - Estou muito nervouser; - Preciso do email de vocês no final; - Não tenho didática para apresentações;
  3. 3. OFICINA DE WEBDESIGN O que você possivelmente irá aprender: - Webdesign é amor; - Front-end é complicado; - Back-end nem se fala; - Respiro sempre é importante; - A série Batman de 1975 é fantástica;
  4. 4. CONCEITOS MÁGICOS Só coisa chata, pode dormi
  5. 5. O QUE É WEBDESIGN? WEB – WWW DESIGN – PROJETISTA WEB-DESIGN – PROJETISTA DE WWW
  6. 6. O QUE É WEBDESIGN? “O web design pode ser visto como uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da World Wide Web. O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a arquitetura da informação, programação, usabilidade, acessibilidade entre outros.”
  7. 7. O QUE É UM SITE? - Informações institucionais; - Forma de contato com a pessoa por trás disso; - Conteúdo simples;
  8. 8. O QUE É UM SITE?
  9. 9. O QUE É UM E-COMMERCE? - Tenta vender algum produto pra você; - Normalmente esse produto é classificado com preços; - As vezes, os preços são caros e fazem você se sentir pobre ;
  10. 10. O QUE É UM SITE?
  11. 11. O QUE É UM BLOG? - Tem muito texto. Sério, muito; - Tem instruções; - Tem temática;
  12. 12. O QUE É UM SITE?
  13. 13. O QUE É UM PORTAL? - Tem informações institucionais; - Fotos de famosos; - Fotos de acidentes;
  14. 14. PROCESSOS WEB Agora é meio importante, não dorme pfv
  15. 15. PONTO 1 - ARQUITETURA - Organização da informação para torná-la clara; - Projetar a estrutura, o esqueleto, de um website sobre o qual todas as demais partes irão se apoiar;
  16. 16. PONTO 2 - INTERFACE - Tudo que é bonito; - Tudo que te auxilia a selecionar opções; - Tudo que eu faço ;)
  17. 17. USABILIDADE
  18. 18. FRONT-END ( ou Jedi )
  19. 19. HTML - Estruturação; - Linguagem básica, comum em todos os sites;
  20. 20. CSS - Folha de Estilo; - Define como serão exibida as informações HTML em seu site;
  21. 21. JQuery - É Java, só que bonito; - biblioteca JavaScript cross-browser desenvolvida para simplificar os scripts client side que interagem com o HTML;
  22. 22. Softwares
  23. 23. Construção Visual - Photoshop; - Fireworks; - Muse;
  24. 24. Front-End e Back End - Dreamweaver; - Sublime Text 2; - Notepad; - Notepad ++;
  25. 25. Navegadores - Crodmsdi ( Você quis dizer: chrome ); - Firefox ; - Internet Explorer; - Opera;
  26. 26. CONCEPÇÃO
  27. 27. Cores - Escolha adequada ao mercado; - Não escolha cores assim ; - Existem teoria por trás das cores;
  28. 28. Cores
  29. 29. Fontes - Escolha adequada ao mercado; - Não escolha fontes fantasia; - Google Fonts;
  30. 30. Composição - Imagens; - Texto; RESPIRO
  31. 31. TUDO JUNTOS - Cores; - Fonte; - Composição;
  32. 32. MONTANDO UM SITE
  33. 33. Começando... - Servidores; - Domínios;
  34. 34. Adiante... - Arquitetura; - Estudo de mercado;
  35. 35. Quase lá... - Design; - Front-end e back end;
  36. 36. CAIU NA NET - Debug e outras informações;
  37. 37. QUERO COMEÇAR! Então vamlá
  38. 38. Ferramentas Gratuitas - Wix; - Wordpress; - Tumblr; - Blogger;
  39. 39. TEM MAIS COISA? Vish tem
  40. 40. GOOGLE - Adsense; - Analytics; - Adwords;
  41. 41. VALEWS barbrasp@gmail.com barbra@outlook.com

×