Baixar para ler offline
Carregado porVitor Fonseca de Melo
Html5 ass
O documento descreve o que é HTML5, suas principais funcionalidades como novos elementos semânticos, controle de mídia, e uso offline, e como está sendo usado em jogos, animações e aplicativos de desenho. Também discute padrões e ambientes de desenvolvimento para HTML5.
Html5 ass
- 1. HTML5 GrupoD: André Santos Fernando Matos Paulo Silva Vítor Melo
- 2. O que é? HTML(HyperText Markup Language): responsável por organizar e formatar as páginas que visitamos na Internet; HTML5 - Quinta versão da linguagem HTML; Mudança no papel do HTML na Web: Semântica; Acessibilidade; Novas funcionalidades: Novas API's; Controle embutido de conteúdo multimídia; Aprimoramento do uso off-line; Melhoria na depuração de erros.
- 3. Conceitos Básicos (1/4) Novoselementos de estrutura: <header> <section> <article> <footer> <nav> <aside> Doctype: <!DOCTYPE html>
- 4. Conceitos Básicos (2/4) Novoselementos de conteúdo: <figure> <figure id="figura01"> <legend>Figura 1. Esquema de uma <canvas> página em HTML5</legend> <audio> <img src="html5.png" border="0" <video> width="200" height="300" alt="Como fica a estrutura de uma <dialog>, <dt> e <dd> página escrita com os novos elementos <time> do HTML5" /> <meter> </figure> <audio src="musica.mp3" autoplay="autoplay" loop="20000" /> <video src="video.mov" width="400" height="360" />
- 5. Conceitos Básicos (3/4) Elementosretirados: <basefont> <big> <center> <font> <s> <strike> <tt> <u> <frame> <frameset> <noframes>
- 6. Conceitos Básicos (4/4) Exemplo de código em HTML5: <html> <head> <title>HTML5</title> </head> <body> <audio id="audioTest" autobuffer controls > <source src="test.mp3"> <source src="test.mp3" type="audio/mp3" codecs="Xmp3"> <source src="url"> //mensagem especificando que o browser não suporta a tag </audio> </body> </html>
- 7. Produtos do Mercado(1/2)
- 8. Produtos do Mercado(2/2)
- 9. Como está sendousado Jogos: http://dougx.net/plunder/plunder.html http://seancode.com/webventure/ http://experiments.instrum3nt.com/markmahoney/ball/ Animações: http://www.20thingsilearned.com/ http://www.effectgames.com/demos/canvascycle/ Aplicações para criação de desenhos: http://mugtug.com/sketchpad/ http://mrdoob.com/projects/harmony/ E muitas outras aplicações de diversos tipos;
- 10. Padrões e Formatosexistentes (1/2) <audio> e <video> Multimídia sem plugins. geotagging Localização em relação ao posicionamento. WebGL Padrão de programação 3D para Browsers.
- 11. Padrões e FormatosExistentes (2/2)
- 12. Ambientes de Desenvolvimento AdobeDreamweaver CS5 HTML5 Pack: Extensão para o Dreamweaver; HTML5 Rocks, da Google: Espécie de referência para as API's do HTML5: http://www.html5rocks.com Maqetta, da IBM: Ferramenta de criação visual de interfaces com o usuário. http://maqetta.org
- 13. Conclusões Tende a seconsolidar cada vez mais como padrão na criação de conteúdo web; Substituição gradativa de algumas tecnologias; Diminuição dos problemas de compatibilidade; Transformação dos navegadores de meros mostradores de página para completos ambientes de desenvolvimento; Ajuda as máquinas de busca a indexar melhor as páginas.
- 14. Referências Técnicas: http://www.w3schools.com/html5/html5_reference.asp http://www.w3.org/TR/html5/ http://www.html5rocks.com/ Bibliográficas: http://www.infowester.com/introhtml5.php http://pt.wikipedia.org/wiki/HTML5 http://olhardigital.uol.com.br/produtos/central_de_videos/voce-ja- mexeu-com-html5 http://html5demos.com/ http://www.youtube.com/html5