CSS

PDF-Download der Übungsaufgaben (344 KB) Aufgabe 1 Erstellen sie ein einspaltiges Webseitenlayout unter Verwendung von CSS und (u.a.) <div> Containern nach dem folgenden schematischen Vorbild: Verwenden Sie ein externes Stylesheet (z.B. in der Datei „style.css“), um die Darstellung Ihrer Website anzupassen. Bilden Sie die oben angedeuteten Seitenbereiche („logo“, „topnavigation“, etc.) über div-Container ab. Überlegen Sie…

Read More Übungsaufgaben „Ein basales Bloglayout mit CSS“

PDF-Download der Kurzübersicht (360 KB) CSS einbinden 1. Inline-Stildefinitionen <h1 style=“font-family: Helvetica; color: blue; „> Diese Überschrift wird in der Schriftart Helvetica und blau dargestellt </h1> 2. Stylesheetdefinition (z.B.) im Dokumentkopf <html><head><title>Stylesheetdemonstration</title> <style type=“text/css“> h1 { color: red; font-family: Arial; } </style> 3. Externe Stylesheets (eigene CSS-Datei) <html> <head> <title>Beispiel: Externe CSS Datei</title> <link type=“text/css“…

Read More Kurzübersicht CSS

Aufgabe 0 Laden Sie das Framework „Bootstrap“ von der offiziellen Bootstrap-Website http://getbootstrap.com herunter und extrahieren Sie den Inhalt des Zip-Archivs in Ihren Arbeitsordner. Wenn Ihnen Bootstrap noch unbekannt ist, dann informieren Sie sich bitte zuerst über das Framework im Wikipedia-Beitrag unter http://de.wikipedia.org/wiki/Bootstrap_%28Framework%29. Aufgabe 1 Erstellen Sie auf Grundlage der „Jumbotron“-Beispielseite (vgl. http://getbootstrap.com/getting-started/#examples und http://getbootstrap.com/examples/jumbotron) die…

Read More Sitzungsaufgaben „Responsives Webdesign mit Bootstrap – First Steps“

Eine Website über die Giraffe Karl-Heinz Langhans (Gruppe A, 12:00 – 13:30 Uhr) <!DOCTYPE html> <html> <head> <!– Metainformationen –> <meta charset=“utf-8″> <meta name=“description“ content=“Eine wunderschöne Seite über Giraffen“> <meta name=“keywords“ content=“Giraffe, Tierwelt“> <meta name=“author“ content=“Jan Wieners“> <title>Giraffen – Wunder der Natur</title> <style> /* Ein Kommentar in CSS */ body { font-family: Comic Sans, Comic…

Read More Lösungen zur Sitzung “HTML, Referenzierungsarten, Metainformationen, CSS”