HTML

Download als zip-Archiv (316KB) index.html

style.css

app.js

Read More Quellcodes „Tic Tac Toe mit AngularJS“

Für einen basalen Adventskalender braucht’s ein wenig Markup, ein paar Stildefinitionen – und ein paar Zeilen Code: index.htm

style.css

app.js

 

Read More Ein Adventskalender mit HTML, CSS, JavaScript und jQuery

Aufgabe 1 – Metainformationen Ergänzen Sie Ihre Website um Metainformationen (Autor, Beschreibung, Schlüsselwörter). Aufgabe 2 – Seitenhintergrund Verwenden Sie eine Rastergraphik (*.jpg, *.png) als Hintergrund Ihrer Website. Aufgabe 3 – Logo Erstellen Sie ein eigenes Logo. Lassen Sie Ihr Logo im Kopfbereich Ihrer Website darstellen. Geben Sie dem Kopfbereich eine Hintergrundfarbe. Aufgabe 4 – Navigationsleiste…

Read More Meilenstein I – HTML und CSS

index.htm

style.css

 

Read More Stand der Dinge am Ende der Sitzung zu zweispaltigen Layouts

HTML5 und CSS Einen guten Einstieg in HTML5 und CSS bieten die W3Schools (http://www.w3schools.com) und code.makery (http://code.makery.ch/paths/web-app/). Als Kurzreferenz sind die beiden Bände aus der „kurz & gut“ Reihe von O’Reilly gut geeignet: Robbins, Jennifer (2014): HTML5 – kurz & gut Meyer, Eric (2011): CSS – kurz & gut Einen detaillierten Überblick über HTML5 und…

Read More Literaturtipps zu HTML, CSS, JavaScript, jQuery und PHP

Die Homepage der „Zeit“ bietet ein schönes Beispiel für ein zweispaltiges Layout: Aufgabe 1 Schauen Sie sich bitte den Webauftritt der „Zeit“ an und erstellen Sie eine schematische Darstellung der Homepage auf einem Blatt Papier. Überlegen Sie, welche semantischen HTML5-Elemente dazu dienen könnten, die einzelnen Seitenbereiche vorzusehen bzw. auszuzeichnen. Tipp: http://www.w3schools.com/html/html5_semantic_elements.asp. Aufgabe 2 Erstellen Sie…

Read More Startaufgaben – Zweispaltige Layouts mit float

Stildefinitionen in css/style.css

Startseite Index.htm

Detailseite detailseite.htm

   

Read More Beispiellösung der Hausaufgabe zum 09.11.2015 – Einspaltiges Layout

Index.htm

Style.css

Download: 2015-11-09_quokka-fullscreen-design

Read More Lösungen zur Sitzung „Fullscreen-Designs und Google Fonts“