1. Technologie-Tag - Webstandards

  • View
    2.276

  • Download
    0

Embed Size (px)

DESCRIPTION

 

Text of 1. Technologie-Tag - Webstandards

  • 1.
    • Der grne Haken
  • 2.
    • HTML, XHTML, XML, EMMA, XML Schema, XSL, XSLT, CSS, PNG, SVG, SMIL, MathML, RDF, RSS, SOAP, WSDL, WS-Addressing, WS-Policy, DOM, WCAG, OWL, XPath, XForms, XLink, XPointer, XQuery, VoiceXML,
    Webstandards
  • 3.
    • HTML , XHTML, XML , EMMA, XML Schema, XSL, XSLT, CSS , PNG, SVG, SMIL, MathML, RDF, RSS, SOAP, WSDL, WS-Addressing, WS-Policy, DOM , WCAG, ECMAScript , OWL, XPath, XForms, XLink, XPointer, XQuery, VoiceXML,
    Webstandards
  • 4.
    • Strukturorientierte Sprachen (Inhalt)
      • HTML, XHTML, XML, XForms
    • Prsentationsorientierte Sprachen (Darstellung)
      • CSS (Level 1, 2, 3), SVG, MathML
    • Objekt-Modell
      • DOM (Document Object Model)
    • Scriptsprachen (Logik)
      • ECMAScript (JavaScript)
    Webstandards
  • 5.
    • Was sind die Ziele all dieser Standards?
      • Grtmglicher Nutzen fr eine grtmgliche Anzahl von Usern
      • Mglichst groe Lebensdauer fr Webdokumente
      • Vereinfachungen und Einsparungen whren der Produktion von Webseiten
      • Zugnglichkeit der Inhalte fr eine grtmgliche Anzahl von Nutzern und Endgerten
      • Zukunftssichere Webseiten gegenber neuen Browserentwicklungen und neuen Zugangsgerten
    Webstandards
  • 6.
    • Wie werden die Standards angewendet?
      • Einhaltung von standardbasierten Best Practices beim Design und der Implementierung von Webseiten
      • Semantische und zugngliche Inhalte
      • Valides HTML, CSS und JavaScript
      • Trennung von Inhalt und Layout
    Webstandards
  • 7.
    • Semantik und Zugnglichkeit
    Webstandards
  • 8.
    • Semantische Dokumente finden fr die Bedeutung ihrer Daten die bestmgliche Entsprechung in HTML-Elementen
    • HTML ist semantisch schwach
        1. Webstandards - Semantik
        2. 9.
          • HTML Code oft kompakter
            • schnellere Ladezeit
            • optimal fr Styling mit CSS
          • Bessere Position in den SERPS
            • Bessere programmatische Erfassung der Inhalte durch Google & Co.
          • Abdeckung einer grtmglichen Anzahl von Zugangsgerten und Browsern
          Webstandards - Semantik
        3. 10.
          • Hilfestellung durch Firefox Extension Web Developer Toolbar
          Webstandards - Semantik
        4. 11.
          • HTML sieht in der aktuellen Spezifikation nur wenige, unzureichende Auszeichnungen vor
          • Dies soll sich mit HTML 5 in Zukunft ndern
          • Die Lsung heute: Microformate
          Webstandards - Semantik
        5. 12.
          • Kein Standard - als Quasi-Standard trotzdem einsetzbar
          • Auszeichnung ber im Code eingebettete class- und rel-Attribute
          • hCard, hCalendar, hReview, rel-license, rel-tag,
          • http://microformats.org/
          Webstandards - Microformate
        6. 13.
            • Max Mustermann
            • Musterfirma
            • 01234/56789
            • http://example.com/
            • Max Mustermann
            • Musterfirma
            • 01234/56789
            • http://example.com/
          • Quelle: Wikipedia
          Webstandards - Microformate
        7. 14. Webstandards - Microformate
        8. 15.
          • Semantik als zentrales Element der Zugnglichkeit
          • Regelung durch Web Content Accessibility Guidelines (WCAG 1.0) und Section 508
          • Ausrichtung auf klassische Websites
          • WCAG 2.0 fr moderne Webanwendungen
          Webstandards - Zugnglichkeit
        9. 16.
          • Alternativen zu auditivem und visuellem Content
          • Trennung von Inhalt und Layout
          • Korrekte Verwendung von Tabellen
          • Gerteunabhngiges Design
          • Klare Navigations-Konzepte
          • Verwendung von standardbasierten Techniken
          Webstandards - Zugnglichkeit
        10. 17.
          • Hilfestellung durch Firefox Accessibility Extension
          Webstandards - Zugnglichkeit
        11. 18.
          • Zugnglichkeit sichert die Auslieferung der Inhalte einer Website fr eine grtmgliche Anzahl von Zugangsgerten und Browsern.
          • Warum ist das wichtig?
          Webstandards - Zugnglichkeit
        12. 19. Webstandards - Zugnglichkeit Mit Bilder Ohne Bilder und
        13. 20. Webstandards - Zugnglichkeit Mit Flash Ohne Flash und
        14. 21. Webstandards - Zugnglichkeit
        15. 22. Webstandards - Zugnglichkeit 1.5 / 2.0 / 3.0 6.0 / 7.0 / 8.0 9.1 / 9.2 / 9.5 3.1 0.2 (beta)
        16. 23. Webstandards - Zugnglichkeit + 1.5 / 2.0 / 3.0 6.0 / 7.0 / 8.0 9.1 / 9.2 / 9.5 3.1 0.2 (beta)
        17. 24.
          • Und was ist mit ?
          Webstandards - Zugnglichkeit
        18. 25. Webstandards - Zugnglichkeit iPhone
        19. 26. Webstandards - Zugnglichkeit Wii
        20. 27. Webstandards - Zugnglichkeit Playstation
        21. 28. Webstandards - Zugnglichkeit auf einem Plasma-Bildschirm
        22. 29. Webstandards - Zugnglichkeit Playstation Portable
        23. 30. Webstandards - Zugnglichkeit Pocket Web
        24. 31. Webstandards - Zugnglichkeit Blackberry
        25. 32. Webstandards - Zugnglichkeit Und, und, und
        26. 33. Webstandards - Zugnglichkeit Und mein Khlschrank?
        27. 34.
          • Bildschirmauflsung von
          • 240 x 320
          Webstandards - Zugnglichkeit
        28. 35.
          • bis
          • 3200 x 1200
          Webstandards - Zugnglichkeit
        29. 36. Webstandards - Zugnglichkeit
        30. 37.
          • Android, BlackBerry Browser, Blazer, Danger, Embider, Internet Explorer Mobile (Microsoft), jB5 Mobile Browser, MOTOMAGX (Motorola), NetFront, Nokia Series 40 Browser (Nokia), Novarra nWeb, Obigo Browser, Openwave Mobile Browser, Opera Mobile, PicselBrowser, Playstation Portable web browser, Safari, Iris Browser, Wapaka Browser Java, Web Browser for S60 (Nokia), SkyFire, Bluelark, Deepfish, Doris, iPanel, JOCA, Minimo, Opera Mini, Opera Mobile, Pixo, PocketWeb, RocketBrowser, SAS, Stanford Power Browser, TeaShark, ThunderHawk, UCWEB, Universe, Webby Mobile, WebViewer, WinWAP
          • http://en.wikipedia.org/wiki/Microbrowser
          Webstandards - Zugnglichkeit
        31. 38.
          • Validierung
          Webstandards