Baixado 139 vezes
![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)
Carregado porManoel dos Santos
Minicurso HTML5
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.
Minicurso HTML5
- 1. Computer onthe Beach2011 | Manoel dos Santos
- 2. Manoel F. C.dos Santosmanoeldossantos@gmail.com@manoeldossantoswww.manoeldossantos.com
- 3. User Experience DesignerConsultorde Interfaces
- 4.
- 5. O quê?Conjunto deespecificaçõestécnicas e guidelines parainterpretação e criação de web sites
- 6. Quem?W3CWorld Wide WebConsortium
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23. O Quehá deNovoSemântica/SintaxeFormuláriosMultimídiaGráficosEstilos/CSS3E muitomais…
- 24.
- 25. O velho<div id=“header”><divclass=“section”><div id=“nav”><div id=“sidebar”><div class=“article”><div id=“footer”>
- 26.
- 27.
- 28. Semfrescuras<img src=“imagem.jpg” /><imgsrc=“imagem.jpg”><img src=imagem.jpg><IMG SRC=imagem.jpg>
- 29.
- 30. Elementosmaisricos<input type=“date”><input type=“time”><inputtype=“month”><input type=“week”><input type=“range”><input type=“number”>
- 32. Validaçãoembutida<input … required><inputtype=“tel”><input type=“email”><input type=“url”><input … pattern=“[a-z] {3} [0-9] {3}”>
- 33.
- 34. <audio id=“audio” src=“musica.mp3”controls></audio><video id=“video” src=“filme.mp4” controls></video>
- 35.
- 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.
- 38.
- 39.
- 40. OfflineGeolocalizaçãoDrag and DropWebSQL DatabaseWeb WorkersAPIs
- 41. 2012?Posso usar issotudo hoje?
- 42.
- 43.
- 44.
- 45.
- 46.
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.