Baixado 53 vezes
Carregado porEmiliano Barreto
Palestra html5 e CSS3
O documento apresenta a atualização HTML 5.0, destacando suas vantagens e características, como acessibilidade em múltiplos dispositivos, multimídia, web semântica e integração com CSS 3. O autor enfatiza a importância de aprender HTML 5 devido à demanda crescente por profissionais qualificados na área. Além disso, menciona recursos como gráficos dinâmicos, geolocalização e a necessidade de adequação nos projetos.
Palestra html5 e CSS3
- 1. Novos horizontes e oportunidadescom Emiliano Barreto @ebarreto contato@emilianobarreto.com.br
- 2. HTML 5 ....PORQUE,ONDE, COMO E QUANDO ?
- 7. NEGÓCIOS ONLINE MUITAS EMPRESASDESCOBRIRAM QUE A INTERNET
- 8. Enxurrada de informações eserviços
- 10.
- 11.
- 12. Tudo tem queser mais fácil
- 13. Tudo tem queser mais acessível
- 16.
- 22. E quem vaiacessar o seu site ? • Somente quem estiver no pc / windows com internet explorer ????
- 23. Que tal oHTML 5 ????
- 24. Apresentando HTML 5.0 É A MAIS NOVA ATUALIZAÇÃO DA LINGUAGEM HTML
- 25. Porque aprender adesenvolver utilizando HTML 5.0 ???
- 26. Motivos para aprender •Mercado – sair na frente, pois ainda faltam profissionais com esse conhecimento • Mais poder e recursos no HTML • Conteúdo acessível de vários dispositivos e plataformas
- 27. Principais Características • WebSemantica - <header><footer><section><nav><aside> • Melhorias com css 3 – Animações / @FontFace ; media; transform; transitions • Multimídia – Vídeos e Audio • SVG / Canvas • Web Apps – Web Storage, etc • GeoLocation • 3D ( Web GL)
- 28. Estrutura do HTML5 <!DOCTYPE html> <html lang=“en”> <head> <title></title> <meta charset=“utf-8”> </head> <body> </body> </html>
- 29. Estrutura do HTML5 <header id="topo"> topo do site</header> <nav id="menu"> menu do site</nav> <section id="conteudo"> area de conteúdo do site</section> <footer id="rodape"> rodapé </footer>
- 30.
- 32. Gráficos ricos edinâmicos • Audio & Video • Canvas • Open GL • SVG 1.1 – Formas Básicas – Paths – Text – Transforms – Gradientes – Preenchimentos padrões • 3D
- 33.
- 36. Video Tag <video src=“videos/video.mp4”id”myVideo” preload=“auto” type=“video/mp4”> </video>
- 39.
- 42.
- 43.
- 46.
- 49.
- 50. Já posso utilizar essesrecursos ?
- 51. Pode sim maisantes.... Adequação e necessidade para cada projeto Polyfills – modernizr.com Shims Google - http://code.google.com/p/html5shiv/
- 52. Calma calma......Pode simmais antes.... Adequação e necessidade para cada projeto Polyfills – modernizr.com Shims Google html
- 53. Calma calma......Pode simmais antes.... Adequação e necessidade para cada projeto Polyfills – modernizr.com Shims Google html
- 54. Calma calma......Pode simmais antes.... Adequação e necessidade para cada projeto Polyfills – modernizr.com Shims Google html Dados de maio/11 – by netmarketingshare
- 56. Market share dosnavegadores • Ie 6 • Ie 8 • Firefox • Chome • safari
- 57. E o Flashmorreu ?????
- 58.
- 59. Tabela de recursose navegadores – percentual de aceitação dos padrões html 5 • Firefox 50% • Chome 70% • IE • Rock melt • Safari • Opera
- 60. Faltam elementos aserem concluidos <device> - microfone e cameras
- 61. Novos horizontes e possibilidades
- 62. HTML 5.0 ECSS 3.0 Novos horizontes e oportunidades Obrigado Emiliano Barreto contato@emilianobarreto.com.br @ebarreto