Gratis-Webinar HTML5 und CSS3 - Eduvision Ausbildungen

6,080 views

Published on

Im Gratis-Webinar "HTML5 & CSS3" geht es um die aktuellen Entwicklungen im Bereich Webdesign mit HTML und Cascading Style Sheets.
Am Webinar teilnehmen und direkt Ihre Fragen stellen? Melden Sie sich kostenlos an unter: http://eduvision.info/webinars
Direkt HTML5 und CSS lernen? Im Kurs bei Eduvision werden Sie praxisnah fit gemacht. Bestellen Sie direkt die Kursbroschüre unter: http://eduvision.de/html5-css3

Published in: Education, Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,080
On SlideShare
0
From Embeds
0
Number of Embeds
2,969
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Gratis-Webinar HTML5 und CSS3 - Eduvision Ausbildungen

  1. 1. Arjan Burger/ Ariane Kräutner Webinar HTML5 & CSS3 Welche neuen Entwicklungen und Möglichkeiten gibt es im Bereich HTML und CSS? Eduvision Ausbildungen www.eduvision.de/html5-css3
  2. 2. HTML5 & CSS3 Webinar - www.eduvision.de Was besprechen wir? • Neues im Bereich HTML5 (Tags, Gliederung usw.) • Neues im Bereich CSS3 (Zeichen, Farben, Ränder usw.) • Wichtige Teile: Status Flash und Javascript
  3. 3. HTML5 & CSS3 Webinar - www.eduvision.de Neues beim HTML • Basisgliederung einer Seite • Neue Tags • Video-Tags • Audio-Tags • Canvas-Element
  4. 4. HTML5 & CSS3 Webinar - www.eduvision.de Neue Tags
  5. 5. HTML5 & CSS3 Webinar - www.eduvision.de Traditionelle Gliederung
  6. 6. HTML5 & CSS3 Webinar - www.eduvision.de Gliederung 2.0
  7. 7. HTML5 & CSS3 Webinar - www.eduvision.de In HTML5 <!DOCTYPE html> <html dir="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. 8. HTML5 & CSS3 Webinar - www.eduvision.de Neue Formular-Feldtypen • Datetime • Datetime-local • Number • Range • Email • Url • Color
  9. 9. HTML5 & CSS3 Webinar - www.eduvision.de Video <video src="meinvideo.ogg" /> und mit “controls” <video src="meinvideo.ogg" controls />
  10. 10. HTML5 & CSS3 Webinar - www.eduvision.de Audio <audio src="meinaudio.ogg"></audio> <audio src="meinaudio.ogg" autoplay controls loop> <a href="meinaudio.ogg">download</a> </audio>
  11. 11. HTML5 & CSS3 Webinar - www.eduvision.de Canvas <canvas id=“Beispiel" width="200" height="200"></canvas>
  12. 12. HTML5 & CSS3 Webinar - www.eduvision.de Canvasrider.com
  13. 13. HTML5 & CSS3 Webinar - www.eduvision.de Storage • localStorage – Datensicherung ohne Zeitlimit • sessionStorage – Datensicherung für 1 Session
  14. 14. HTML5 & CSS3 Webinar - www.eduvision.de Neues CSS3 • Farbe • Hintergrund • Ränder • Text • Transformation (2d / 3d)
  15. 15. HTML5 & CSS3 Webinar - www.eduvision.de Farben: HSL • HSL-Farben (Hue, Saturation, Lightness) • HSLA-Farben (Hue, Saturation, Lightness, Alpha) • +A = Opacity
  16. 16. HTML5 & CSS3 Webinar - www.eduvision.de Farben: RGBA • Alpha-Kanal (Opacity)
  17. 17. HTML5 & CSS3 Webinar - www.eduvision.de Hintergrund • Größensteuerung/ Background Size • Mehrere Hintergründe (nicht breit unterstützt)
  18. 18. HTML5 & CSS3 Webinar - www.eduvision.de Ränder • Farbenübergänge/ Colored borders • Bildübergänge/ Border image • Abgerundete Ecken/ Border radius • Schatten/ Box shadow
  19. 19. HTML5 & CSS3 Webinar - www.eduvision.de Text • Textschatten/ Text shadow • Textübergang/ Text overflow • Textbruch/ Word wrap • Externe Schrifttypen (@font-face)
  20. 20. HTML5 & CSS3 Webinar - www.eduvision.de Transformation • Drehen/ Rotate • Skalieren/ Scale • Neigen/ Skew • Übertragen/ Translate
  21. 21. HTML5 & CSS3 Webinar - www.eduvision.de Rotate: 30 Grad
  22. 22. HTML5 & CSS3 Webinar - www.eduvision.de Scale (transform)
  23. 23. HTML5 & CSS3 Webinar - www.eduvision.de Skew
  24. 24. HTML5 & CSS3 Webinar - www.eduvision.de Translate
  25. 25. HTML5 & CSS3 Webinar - www.eduvision.de Kurs HTML5 & CSS3 • http://eduvision.de/html5-css3 • Alles Neue zu HTML5 • Alles Neue zu CSS3 • Praktisches Fallbeispiel
  26. 26. HTML5 & CSS3 Webinar - www.eduvision.de Fragen? Twitter: twitter.com/eduvisionde Facebook: facebook.com/eduvisionde : https://www.xing.com/net/weblounge/
  27. 27. HTML5 & CSS3 Webinar - www.eduvision.de Später Fragen? Rufen Sie an oder mailen Sie uns! +49 (0) 211 237 06 572 +43 (0) 720 88 19 05 +41 (0) 43 508 14 91 info@eduvision.de/at/ch
  28. 28. Arjan Burger/ Ariane Kräutner Danke für Ihre Aufmerksamkeit! Eduvision Ausbildungen info@eduvision.de/at/ch

×