Uploaded byEduvision Opleidingen
Eduvision - Webinar html5 css3
Snel op de hoogte van alle mogelijkheden van HTML 5 / CSS 3. Onze cursus volgen? http://eduvision.info/html5-css3 Dit webinar wordt je aangeboden door Eduvision Opleidingen. Eduvision verzorgt opleidingen binnen een groot aantal sectoren. We hebben o.a. gewerkt voor KLM, DTG, BNN-VARA, ING, de Belastingdienst, Gemeente Amsterdam, Interpolis, Nuon en de Atlant Zorggroep. Eduvision heeft als missie om actuele kennis te delen. Niet alleen in de vorm van cursussen, maar ook met webinars, whitepapers en blogs. Sinds 2015 is Eduvision Opleidingen aanbieder van officieel gecertificeerde Big Data opleidingen (ISO 9001 & 17024). De Big Data Academy is de plek waar jij en/of jouw werknemers opgeleid worden tot gecertificeerd Big Data specialist. Tijdens alle cursussen van Eduvision Opleidingen staan jouw wensen en informatiebehoefte centraal. Je past de kennis toe op jouw praktijkcase en zowel Eduvision als de docenten staan volledig tot jouw beschikking.
Eduvision - Webinar html5 css3
- 1. Arjan Burger HTML5 /CSS3 Webinar Alle informatie op http://eduvision.info/html5
- 2. eduvision.info/html5 Vooraf • Compatibaliteit • StatusFlash • Javascript • GO GO GO
- 3. eduvision.info/html5 NIEUW NIEUW HTML •Basis indeling pagina • Nieuwe tags • Video tags • Audio tags • Canvas
- 4.
- 5.
- 6.
- 7. eduvision.info/html5 In html5 <!DOCTYPE html> <htmldir="ltr" lang="en-US"> <head> <meta charset="utf-8"> <title>HTML5</title> </head> <body> <header> <nav></nav> </header> <section> <article> <header></header> <figure></figure> <footer></footer> <dialog><dialog> </article> <aside></aside> </section> <footer></footer> </body> </html>
- 8. eduvision.info/html5 Formulieren: nieuwe veldtypen • Datetime •Datetime-local • Number • Range • Email • Url • Color
- 9. eduvision.info/html5 Video <video src="mijnvideo.ogg" /> enmet controls <video src="mijnvideo.ogg" controls />
- 10. eduvision.info/html5 Audio <audio src="mijnaudio.ogg"></audio> <audio src="mijnaudio.ogg"autoplay controls loop> <a href="mijnaudio.ogg">download</a> </audio>
- 11. eduvision.info/html5 Canvas <canvas id=“voorbeeld" width="200"height="200"></canvas>
- 12.
- 13. eduvision.info/html5 Storage • localStorage –data opslag zonder tijdslimiet • sessionStorage – opslag voor 1 sessie
- 14. eduvision.info/html5 NIEUW NIEUW CSS3 •Kleur • Achtergronden • Borders • Tekst • Transformatie (2d / 3d)
- 15. eduvision.info/html5 Kleuren: HSL • HSLKleuren (Hue, Saturation, Lightness) • HSLA Kleuren (Hue, Saturation, Lightness, Alpha) • +A = Opacity
- 16. eduvision.info/html5 Kleuren: RGBA • Alphakanaal (Opacity)
- 17. eduvision.info/html5 Achtergronden • Background-size • Meerdereachtergronden (niet breed ondersteund)
- 18. eduvision.info/html5 Borders • Colored borders •Border image • Border radius (afgeronde borders) • Box shadow
- 19. eduvision.info/html5 Tekst • Text shadow •Text overflow • Word wrap (wel of niet afbreken woord) • Extern lettertype inladen (@font-face)
- 20. eduvision.info/html5 Transformatie • Rotate • Scale •Skew • Translate
- 21.
- 22.
- 23.
- 24.
- 25. eduvision.info/html5 Cursus HTML 5/CSS3 • eduvision.info/html5-css3 • Alle nieuwe HTML • Alle nieuwe CSS
- 26. eduvision.info/html5 Vragen? • Twitter: twitter.com/eduvision •Facebook: facebook.com/eduvision • Linkedin: arjan-burger.nl • Facebook: fb.arjan-burger.nl • Later vragen? Bel of mail ons! • +31 (0)55 576 80 44 • +32 (0)3 747 03 10 • info@eduvision.nl/info@eduvision.be