Minicurso HTML5
Transferir como PPTX, PDF5 gostaram1,040 visualizações
O documento apresenta uma introdução aos padrões web, incluindo o que são, quem os define, onde encontrá-los e por que são importantes. Também resume as principais novidades do HTML5 como semântica aprimorada, novos elementos para formulários e mídia, e recursos adicionais de CSS3.
![Validaçãoembutida<input … required><input type=“tel”><input type=“email”><input type=“url”><input … pattern=“[a-z] {3} [0-9] {3}”>](https://image.slidesharecdn.com/minicursohtml5-110615184509-phpapp02/85/Minicurso-HTML5-32-320.jpg)
Minicurso HTML5
- 1. Computer onthe Beach 2011 | Manoel dos Santos
- 2. Manoel F. C. dos Santosmanoeldossantos@gmail.com@manoeldossantoswww.manoeldossantos.com
- 3. User Experience DesignerConsultor de Interfaces
- 5. O quê?Conjunto de especificaçõestécnicas e guidelines parainterpretação e criação de web sites
- 6. Quem?W3CWorld Wide Web Consortium
- 11. ConteúdoHTML
- 14. A História
- 15. A EvoluçãoHTML5
- 21. XX
- 23. O Quehá de NovoSemântica/SintaxeFormuláriosMultimídiaGráficosEstilos/CSS3E muitomais…
- 24. Semântica
- 25. O velho<div id=“header”><div class=“section”><div id=“nav”><div id=“sidebar”><div class=“article”><div id=“footer”>
- 28. Semfrescuras<img src=“imagem.jpg” /><img src=“imagem.jpg”><img src=imagem.jpg><IMG SRC=imagem.jpg>
- 29. Formulários
- 30. Elementosmaisricos<input type=“date”><input type=“time”><input type=“month”><input type=“week”><input type=“range”><input type=“number”>
- 32. Validaçãoembutida<input … required><input type=“tel”><input type=“email”><input type=“url”><input … pattern=“[a-z] {3} [0-9] {3}”>
- 33. Multimídia
- 34. <audio id=“audio” src=“musica.mp3” controls></audio><video id=“video” src=“filme.mp4” controls></video>
- 35. Gráficos
- 36. Canvas<canvas id=“canvas” width=“500” height=“500”></canvas><script>varcanvasContext = document.getElementById("canvas").getContext("2d"); canvasContext.fillRect(250, 25, 150, 100);canvasContext.beginPath();canvasContext.arc(450, 110, 100, Math.PI * 1/2, Math.PI * 3/2);canvasContext.lineWidth = 15;canvasContext.lineCap = 'round';canvasContext.strokeStyle = 'rgba(255, 127, 0, 0.5)';canvasContext.stroke();</script>
- 37. CSS3
- 39. E muito mais...
- 40. OfflineGeolocalizaçãoDrag and DropWeb SQL DatabaseWeb WorkersAPIs
- 41. 2012?Posso usar isso tudo hoje?
- 42. A situaçãoAtual
Notas do Editor
- #7: A missão da W3C étornar a web um mundoperfeito. O paraíso da informação.A W3C quergarantirque a Web sejaacessívelportodotipo de pessoa e emqualquerlugar.E a visão da W3C éque a web seja um canal de duasvias, onde a interação entre osusuários e osautoressejatão forte quenãohajamaisdiferenciação entre eles. Elesvisualizam a web tambémcomotrocaintensa de informações e serviços. E, porfim, que a web sejaconfiável, segura e amigável.