Abiturprüfung Informatik

Slides:

Advertisements

Ähnliche Präsentationen

Virtuelle Forschungsumgebungen

Advertisements

Dateiformate Tobias Rolle IT takes more than systems …

WML – Wireless Markup Language Vortrag von Eduard Jakel.

Webstandards Leinwandbindung Jeder Kettfaden liegt abwechselnd unter bzw. über dem Schußfaden Köperbindung Die Bindungspunkte am diagonalen Köpergrat.

Neuerungen in PalmOS® 5 Florian Schulze (SS 2003).

Datenbankzugriff im WWW (Kommerzielle Systeme)

SVG und X3D Referentin: Gergana Ivanova

CSS – Cascading Style Sheets

Der (Web) Browser - Anbieter: Windows Internet Explorer,>> von USA. -- Marktführer Netscape Navigator, -- inzwischen aus dem Markt ausgeschieden Opera,

HTML - Einführung Richard Göbel.

Internetstruktur Das Internet besteht aus vielen Computern, die weltweit untereinander vernetzt sind.

Virtuelle Forschungsumgebungen Hintergrundbeitrag: HTML5: Video Player und VideoJS Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung.

HTML - Eine erste Annäherung

Geschichte und Funktion des Internets.

EINI-I Einführung in die Informatik für Naturwissenschaftler und Ingenieure I Kapitel 7 Claudio Moraga, Gisbert Dittrich FBI Unido

Anwendungen. © Prof. T. Kudraß, HTWK Leipzig Historie des WWW Grundlage Internet – Entwickelt Ende der 60er Jahre vom US-Militär (ARPA-Net) – Technische.

Anwendungen. © Prof. T. Kudraß, HTWK Leipzig Historie des WWW Grundlage Internet – Entwickelt Ende der 60er Jahre vom US-Militär (ARPA-Net) – Technische.

Zukunft des Webs? Dennis Beer Christian Blinde

Hyperstrukturen Ein Beispiel © Katharina Brachmann.

Tobias Högel & Dennis Böck,

1 Grundlagen und Anwendung der Extensible Markup Language (XML ) Peter Buxmann Institut für Wirtschaftsinformatik Johann Wolfgang Goethe-Universität Frankfurt.

Teil 4 Formatierung mit CSS.

FH-Hof HTML - Einführung Richard Göbel. FH-Hof Komponenten des World Wide Webs WWW Browser HyperText Transfer Protocol (HTTP) via Internet WWW Server.

Internetzwerke.

Vortrag HTML, XHTML, DHTML

Andre Schücker und Martin Gemeinholzer

HTML wird nicht programmiert, sondern einfach geschrieben!

WEBPROGRAMMIERUNG Informatik-Präsentation von Armin Nuart.

HTML (I) am Cern in Genf von Sir Tim Berners-Lee entwickelt

Hypertext Markup Language

DAS INTERNET ABKÜRZUNGEN FTP – File Transfer Protocol WWW – World Wide Web HTTP – Hiper Text Transfer Protocol HTML - Hiper Text Markup Language TCP/IP.

Silverlight Eine Einführung. Agenda 1.Was ist Silverlight? 2.Die Silverlight Philosophie 3.Vorstellung des Szenarios 4.Einführendes Beispiel 5.Konzepte.

Internet - Grundkurs - Einführung1 Inhalte Einführung in das Internet Zugang zum Internet Wie funktioniert das Internet? Das Programmpaket Internet Explorer.

EIDAMO ® Frontend Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch.

Entstehung des Internet

Vukovic, Marbot, Fanton.

Daniel Yves Ostwald …vor 6 Monaten Bob C# Silverlight ! ASP.NET WCF ? iPad Objective C HTML 5 In 3 Tagen ! Mono.

HTML 5 - Videoeinbindung

Cedric Heid, Lukas Burkhardt

Wird ganz am Anfang der HTML-Datei geschrieben Doctype html public bedeutet, dass man sich auf die Öffentlichkeit der html-dtd bezieht Html ist die meist.

Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:

Information und ihre Darstellung: XHTML & CSS

Ausgabe vom Seite 1, XML Eine Einführung XML - Eine Einführung.

Oliver Spritzendorfer Thomas Fekete

CMS-Kolloquium am 10. Januar 2006

Internetzwerke.

Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.

Auf ins Web!. Das World Wide Web 1990 in Genf am Hochenergieforschungszentrum CERN Ziele: neuer wissenschaftlicher Informationsaustausch über das Internet.

Hypertext Markup Language

HTML Grundkurs Patrick Cato.

Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien.

W W W - World Wide Web. Das World Wide Web kommt aus dem Englischen und bedeutet ‚Weltweites Netz‘ ist ein über das Internet abrufbares Hypertext-System.

Cascading Style Sheets

Internetzwerke.

HTML Hypertext Markup Language

AUDIO im WEB HTML & AUDIO WEB_0302 WEBDESIGN MODUL 03 h.huetter 1 Sound-Dateien können, ebenso wie Video-Dateien, auf mehrere Arten in HTML-Dateien integriert.

BRÜCKENSEMESTER Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto.

© Manz Verlag Schulbuch Folie 1/5 Layout mit CSSAngewandte Informatik HMTL und CSS Lerneinheit 2 Grandhotel Die Lobby HTML für Struktur HTML und CSS Einbinden.

J. Nürnberger1 HTML Hypertext Markup Language Grundlagen.

Datenbanken im Web 1.

Das World Wide Web Stephan Becker TIT05BGR SS06. Das World Wide Web Übersicht Hypertext & Hypermedia HTML Dokumentenidentifikation Dokumententransport.

Das Internet Ein Netzwerk, das viele Rechner miteinander verbindet

Hypertext Markup Language

CSS Layout Sommerkurs: Frontend-Entwicklung für Webapplikationen

ARIS Web Publisher Schnelle und weltweite Informationsbereitstellung Additional Release.

Workshop: Powerpoint 19. November 2008 Medienberatung der Philologischen Fakultät.

Neuigkeiten in Reporting Services 2016 Frank Geisler The box is back…

Webseite programmieren Informatikpräsentation. Inhaltsverzeichniss Webseite Uniform Resource Locators Website Unterschied Webseite + Website Geschichte.

Versuchsbeschreibung in

Hypertext Markup Language

Präsentation transkript:

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

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

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

Die wichtigsten Unterschiede HTML 4 HMTL5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html> div-Bereiche mit unterschiedlichen id‘s Bsp: <div id=„inhalt“> </div> neue strukturierende Elemente: <article> <aside> <header> <nav> <section> <footer> (<dialog> Chrome & Safari)

Unterschiede in der Darstellung: Beispiel für ein1-spaltiges Layout HTML 4 HTML5 <div id=„kopf“> Bereich Kopf </div> <div id=„steuerung“> Bereich Steuerung <div id=„inhalt“> Bereich Inhalt <div id=„fuss“> Bereich Fuß <header> </header> <nav> </nav> <section> </section> <footer> </footer>

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

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

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 <iframe> ein)

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

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

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

Neu in HTML5 <details> (Chrome, Safari) <canvas> <embed> <figure> & <figcaption> <hgroup> <mark> <meter> (ausser IE) <progress>

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