Oficina de webdesign

296 visualizações

Publicada em

2 comentários
2 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
296
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
11
Comentários
2
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Oficina de 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 EXEMPLO DE WEB-DESIGNER: EUZINHA
  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 e pedir o produto vendido pra sua mãe;
  10. 10. O QUE É UM SITE?
  11. 11. O QUE É UM BLOG? - Tem muito texto. Sério, muito; - Tem instruções; - Tem temática; - As vezes faz você chorar;
  12. 12. O QUE É UM SITE?
  13. 13. O QUE É UM PORTAL? - Tem informações institucionais; - Fotos de famosos; - Fotos de acidentes; - Textos sobre a Barbara Evans; - Tem uma sessão de comentários engraçada;
  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. TAREFINHA 1
  17. 17. TAREFINHA 1 - Construir a arquitetura de um site a partir do slide a seguir - Formem duplas maravilhosas para tal 
  18. 18. PONTO 2 - INTERFACE - Tudo que é bonito; - Tudo que te auxilia a selecionar opções; - Tudo que eu faço ;)
  19. 19. USABILIDADE
  20. 20. FRONT-END ( ou Jedi ) Eu queria tirar essa parte, mas falaram que é importante, então fazer o que né?
  21. 21. HTML - Estruturação; - Linguagem básica, comum em todos os sites;
  22. 22. HTML ~ AMIGO, PASSA SEU E-MAIL PRA EU TE ENVIAR UMAS PARADA EM HTML ~
  23. 23. CSS - Folha de Estilo; - Define como serão exibida as informações HTML em seu site;
  24. 24. CSS ~ AMIGO, PASSA SEU E-MAIL PRA EU TE ENVIAR UMAS PARADA EM HTML ~
  25. 25. JQuery - É Java, só que bonito; - biblioteca JavaScript cross-browser desenvolvida para simplificar os scripts client side que interagem com o HTML;
  26. 26. JQuery ~ AMIGO, PASSA SEU E-MAIL PRA EU TE ENVIAR UMAS PARADA EM HTML ~
  27. 27. Softwares Eu gosto de softwares, sério, eles são funcionais e não reclamam.
  28. 28. Construção Visual - Photoshop; - Fireworks; - Muse;
  29. 29. Front-End e Back End - Dreamweaver; - Sublime Text 2; - Notepad; - Notepad ++;
  30. 30. Navegadores - Crodmsdi ( Você quis dizer: chrome ); - Firefox ; - Internet Explorer; - Opera; - Tem outros, não me importo.
  31. 31. CONCEPÇÃO Agora vem a parte útil porque é a parte que eu vim oficinar
  32. 32. Cores - Escolha adequada ao mercado; - Não escolha cores assim ; - Existem teoria por trás das cores; Vou recomendar dois sites por e-mail 
  33. 33. Cores
  34. 34. Fontes - Escolha adequada ao mercado; - Não escolha fontes fantasia; - Google Fonts;
  35. 35. Composição - Imagens; - Texto; - Vida  RESPIRO
  36. 36. TUDO JUNTOS - Cores; - Fonte; - Composição;
  37. 37. MONTANDO UM SITE Virus.exe
  38. 38. Começando... - Servidores; - Domínios;
  39. 39. Adiante... - Arquitetura; - Estudo de mercado;
  40. 40. Quase lá... - Design; - Front-end e back end;
  41. 41. CAIU NA NET - Debug e outras informações;
  42. 42. QUERO COMEÇAR! Então vamlá
  43. 43. Ferramentas Gratuitas - Wix; - Wordpress; - Tumblr; - Blogger;
  44. 44. TEM MAIS COISA? Vish tem
  45. 45. GOOGLE - Adsense; - Analytics; - Adwords;
  46. 46. VALEWS  barbrasp@gmail.com barbra@outlook.com sei encher laje também tá?

×