HTML5

Aufgabe 1 Laden Sie bitte die JavaScript-Bibliothek Modernizr von der Seite http://modernizr.com herunter und legen Sie die Datei in dem Ordner js ab. Verwenden Sie die Produktivversion (Production) mit allen Unterelementen von CSS3, HTML5 und Misc. Aufgabe 2 Erstellen Sie ein neues HTML5-Dokument und binden Sie Modernizr im Kopfbereich Ihres HTML-Dokumentes ein. Fügen Sie anschließend…

Read More Sitzungsaufgaben I – Feature Detection mit Modernizr und Zeichnen mit canvas

Aufgabe 1 Erstellen Sie ein neues HTML-Dokument, das mit Modernizr und jQuery verknüpft ist. Ergänzen Sie den Inhaltsbereich Ihres neu erstellten Dokumentes um einen Div-Container mit der ID „ausgabe“. Aufgabe 2 Binden Sie die folgenden JavaScript-Anweisungen in den Inhaltsbereich Ihres HTML-Dokumentes ein:

Öffnen Sie Ihre Webseite im Browser und schauen Sie, was geschieht. Aufgabe…

Read More Sitzungsaufgaben II – High Performance JavaScript: Web Worker

Unter http://www.w3schools.com/html/html5_semantic_elements.asp geben die w3schools einen guten Überblick über die semantischen Elemente von HTML5: <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time> Weitere nützliche Ressourcen: Beschreibung des Box Models: http://www.w3schools.com/css/css_boxmodel.asp Ausrichten / Umfließen von Elementen (float): http://www.w3schools.com/css/css_float.asp Farbwähler: http://www.w3schools.com/tags/ref_colorpicker.asp Ein elaborierter Farbwähler: https://color.adobe.com/de/ Hintergrund von Elementen vergeben: http://www.w3schools.com/css/css_background.asp Kostenlose Hintergrundgraphiken…

Read More Nützliche Links für die Übungsaufgaben „Ein basales Bloglayout mit CSS“