Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Abiturprüfung Informatik HTML4.01 & HTML5 im Vergleich von Marco Schönleber 18.06.2013.

Ähnliche Präsentationen


Präsentation zum Thema: "Abiturprüfung Informatik HTML4.01 & HTML5 im Vergleich von Marco Schönleber 18.06.2013."—  Präsentation transkript:

1 Abiturprüfung Informatik HTML4.01 & HTML5 im Vergleich von Marco Schönleber

2 Allgemeines zu HTML Problem: wie tauscht man Informationen auf digitalem Weg einfach, schnell und strukturierend aus? - Cern Lösung: Hypertext Markup Language HTML * HTML 4.01 * HTML 5*

3 Allgemeines zu HTML : Web Hypertext Application Technology Working Group (WHATWG): HTML5: Last Call Mai 2011: World Wide Web Consortium (W3C): HTML5: Last Call 2014 soll HTML5 von W3C offiziell verabschiedet werden

4 Die wichtigsten Unterschiede HTML 4HMTL5 div-Bereiche mit unterschiedlichen ids Bsp: neue strukturierende Elemente: ( Chrome & Safari)

5 Unterschiede in der Darstellung: Beispiel für ein1-spaltiges Layout HTML 4HTML5 Bereich Kopf Bereich Steuerung Bereich Inhalt Bereich Fuß Bereich Kopf Bereich Steuerung Bereich Inhalt Bereich Fuß

6 CSS: Design der Elemente HTML4HTML5 #kopf { background-color: yellow; } #steuerung { background-color: orange; } #inhalt { background-color: yellowgreen; } #fuss { background-color: red; } header { background-color: yellow; } nav { background-color: orange; } section { background-color: yellowgreen; } footer { background-color: red; }

7 Unterschiede in der Darstellung - Eigene Tags benennen und in CSS verwenden: HTML5 Quellcodeauszug:CSS -codeauszug:

8 Unterschiede in der Funktion HTML4.01: Abspielen von Video- & Audiodateien? Ja, aber nur mit zusätzlichem Plugin für den Browser! - Quicktime-, Shockwave-, WMP- oder Flashplayer- Plugin (- oder man bettet eine Seite via ein)

9 Unterschiede in der Funktion HTML5: Abspielen von Videodateien (.mp4,.webm,.ogg) Unterstützte Browser:

10 Unterschiede in der Funktion HTML5: Abspielen von Audiodateien (.mp3,.wav,.ogg) Unterstützte Browser:

11 In Quellcode einfügen: Videodatei movie.webm: Audiodatei audio.ogg: Optionen: autoplay, height & width, loop, muted, poster,

12 Neu in HTML5 (Chrome, Safari) & (ausser IE)

13 Fazit HTML5 ist benutzerfreundlich HTML5 noch nicht fertig Webseiten: never touch a running system Browserunterstützung?


Herunterladen ppt "Abiturprüfung Informatik HTML4.01 & HTML5 im Vergleich von Marco Schönleber 18.06.2013."

Ähnliche Präsentationen


Google-Anzeigen