Webdesign

1,578 views
1,523 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,578
On SlideShare
0
From Embeds
0
Number of Embeds
45
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Webdesign

  1. 1. Web Design Jean Marconi José Luiz Leonardo Silveira Ricardo Nobile
  2. 2. Programação <ul><li>Introdução </li></ul><ul><li>Gerações de sites </li></ul><ul><li>Design & Designer </li></ul><ul><li>O que colocar no site </li></ul><ul><li>O que não colocar no site </li></ul><ul><li>Tecnologias </li></ul><ul><li>Ferramentas </li></ul><ul><li>Conclusão </li></ul>
  3. 3. Introdução <ul><li>Internet </li></ul><ul><li>Web Designer </li></ul>
  4. 4. Gerações de Sites <ul><li>Primeira Geração </li></ul><ul><ul><li>Muito texto </li></ul></ul><ul><ul><li>Pouca imagem </li></ul></ul><ul><ul><li>http ://loja2. locaweb .com. br / </li></ul></ul><ul><ul><li>http :// members . tripod .com/ eugeniol /jornal. html </li></ul></ul>
  5. 5. Gerações de Sites <ul><li>Segunda Geração </li></ul><ul><ul><li>Ícones substituindo palavras </li></ul></ul><ul><ul><li>Imagens no plano de fundo </li></ul></ul><ul><ul><li>Mais ilustrações </li></ul></ul><ul><ul><li>Winfiles .com </li></ul></ul>
  6. 6. Gerações de Sites <ul><li>Terceira Geração </li></ul><ul><ul><li>Forjado pelo design </li></ul></ul><ul><ul><li>www.fila.com </li></ul></ul>
  7. 7. Design <ul><li>Meio de comunicação visual </li></ul><ul><li>Almeja a criação de objetos com função estética, produzidos em série </li></ul><ul><li>Deve ser imediatamente compreendido pelo público </li></ul>
  8. 8. Designer <ul><li>Projetista com sensibilidade estética apurada </li></ul><ul><li>Visa funcionalidade e comunicação </li></ul><ul><li>estilista  designer </li></ul>
  9. 9. O que colocar no Site <ul><li>Novidades </li></ul><ul><li>Lançamentos </li></ul><ul><li>Serviços </li></ul>
  10. 10. Crie Ouro na Lama <ul><li>Cuide da cara do site </li></ul><ul><li>Dê a informação aos poucos... Mas nem tanto </li></ul><ul><li>Garanta o espaço do internauta </li></ul><ul><li>Conheça seu público-alvo </li></ul><ul><li>Foque em informações relevantes </li></ul><ul><li>Defina seu objetivo </li></ul><ul><li>Cuide da implementação e manutenção </li></ul>
  11. 11. O que não colocar no site <ul><li>E v I t E </li></ul><ul><li>Colocar plug-ins </li></ul><ul><li>Desenhar para um só tipo de browser </li></ul><ul><li>Usar applets </li></ul>
  12. 12. Tecnologias <ul><li>HTML </li></ul><ul><ul><li>linguagem de diagramação baseada em marcadores </li></ul></ul><ul><ul><li>Pode ser visualizada em qualquer plataforma </li></ul></ul><ul><li>DHTML </li></ul><ul><ul><li>inovações ao Internet Explorer 4.0 </li></ul></ul><ul><ul><li>Documentos que interagem com o usuário </li></ul></ul><ul><li>XML </li></ul><ul><ul><li>Formato de dados para o intercâmbio de documentos estruturados na Web </li></ul></ul><ul><ul><li>Uma meta-linguagem para definição de markups customizados </li></ul></ul>
  13. 13. Tecnologias <ul><li>ASP </li></ul><ul><ul><li>desenvolvido pela Microsoft </li></ul></ul><ul><ul><li>capaz de gerar conteúdo dinâmico para a Web </li></ul></ul><ul><li>PHP </li></ul><ul><ul><li>confecção de páginas WEB dinâmicas e com acesso a bancos de dados. </li></ul></ul><ul><ul><li>interpretada pelo próprio servidor WEB </li></ul></ul>
  14. 14. Ferramentas <ul><li>Corel </li></ul><ul><li>Photoshop </li></ul><ul><li>Flash </li></ul><ul><li>JavaScript </li></ul><ul><li>Editores de HTML </li></ul>
  15. 15. Corel <ul><li>Desenhos vetoriais </li></ul><ul><li>Diagramação </li></ul><ul><li>Imagens 3D </li></ul><ul><li>Impressão Final </li></ul>
  16. 16. Photoshop <ul><li>Efeitos Visuais </li></ul><ul><li>Web´s </li></ul><ul><li>Impressão Final </li></ul>
  17. 17. Flash <ul><li>Animações </li></ul><ul><li>Web´s </li></ul><ul><li>Apresentações </li></ul><ul><li>CD´s </li></ul>
  18. 18. JavaScript <ul><li>Interatividade </li></ul><ul><li>Compatibilidade </li></ul><ul><li>Integridade dos Dados </li></ul>
  19. 19. Editores de HTML <ul><li>HomeSite </li></ul><ul><li>Front Page </li></ul><ul><li>DreamWeaver </li></ul><ul><li>Hot Dog </li></ul><ul><li>NetObjects Fusion </li></ul>
  20. 20. Conclusão <ul><li>Mercado </li></ul><ul><li>Novas Aplicações </li></ul>
  21. 21. [email_address] [email_address] [email_address] [email_address] Slides e textos em: http://briefcase.yahoo.com/jmoc98

×