HTML5 CSS3

719 visualizações

Publicada em

Apresentação sobre HTML5 + CSS3, para alunos da Uneb - Alagoinhas

Publicada em: Tecnologia
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
719
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
32
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

HTML5 CSS3

  1. 1. Rommel Peixoto
  2. 2.  Breve história do HTML Estrutura de um documento HTML5 Comparação entre HTML4/XHTML e HTML5 Conhecer as novidades do HTML5 O estiloso CSS3
  3. 3.  Códigos, códigos, códigos... Explicação detalhada das APIs Exemplos online
  4. 4. 1998:HTML 4.0
  5. 5. 2000:XHTML
  6. 6. 2002:XHTML 2.0
  7. 7. 2004:Web 2.0
  8. 8. 2006:W3C + WHATWG
  9. 9. 2009:W3C -> HTML5
  10. 10. 2010 ~ 2011:HTML5
  11. 11. 2012:FIM DO MUNDO!!!
  12. 12.  Alguém sabe de cabeça como escreve o DOCTYPE?
  13. 13.  HTML5 <!doctype html>
  14. 14.  Outro elemento importante em todo HTML: META HTML 4.0 <meta http-equiv=“content-type” content=“text/html;charset=UTF-8”> XHTML <meta http-equiv=“content-type” content=“text/html;charset=UTF-8” /> HTML5 <meta charset=“UTF-8”>
  15. 15.  Juntando tudo!!!
  16. 16.  Conectividade e aplicações em tempo real Novas possibilidades de estilo com CSS3 Gráficos 2D, 3D e Vetoriais Recursos multimídia Melhor performance Elementos semânticos Armazenamento offline APIs JS: Drag and Drop, Geolocalização, etc...
  17. 17.  Tags de estrutura:
  18. 18.  Tags de estrutura:
  19. 19.  Tags de estrutura:
  20. 20.  Novos tipos de campos:
  21. 21.  Novos tipos de campos:
  22. 22.  Tipos de dados e validadores:
  23. 23.  Tipos de dados e validadores :
  24. 24.  Conteúdo editável :
  25. 25.  Áudio:
  26. 26.  Vídeo:
  27. 27.  Drag and Drop:
  28. 28.  Correção Ortográfica:
  29. 29.  Gráfico: <canvas>
  30. 30.  Armazenamento: Cookies Web Storage Web SQL Databases
  31. 31.  Geolocalização:
  32. 32. Quem nao quer matar o designer, quando pede: Fazer caixinhas com bordas arredondadas Colocar uma sombrinha nos textos/caixas Utilizar um background gigante Utilizar um background composto Fazer uma página adaptável ao tamanho da página Fazer os títulos das páginas ter uma font mais estilosa
  33. 33.  Bordas arredondadas:
  34. 34.  Sombras:
  35. 35.  Background Gigante:SVG + background-size
  36. 36.  Gradient:
  37. 37.  Cores RGBA:
  38. 38.  Animações:
  39. 39.  font:
  40. 40.  Media Queries:
  41. 41.  rommelweb rommel.com.br

×