CSS

Cascading Style Sheets (Abk.: CSS) gelten heute als die Standard-Stylesheet-Sprache für Webseiten. Auf einer HTML-Seite können CSS-Befehle verwendet werden, um die Darstellung ausgezeichneter Inhalte oder Bereiche auf der Seite zu steuern. Die CSS-Befehle werden in einer eigenen Datei gespeichert und wirken seitenübergreifend, d.h. die zentrale Änderung einer CSS-Definition an einer Stelle, wirkt sich auf alle Moodle Seiten aus, auf denen diese Darstellungssteuerungsanweisung verwendet wurde.

Für eine bessere Wartbarkeit der CSS-Definitionen gruppiert man diese in der Regel in Dateien mit verschiedenen Schwerpunkten (Layout, Farbe, Blöcke, ...). Sehr häufig werden auch CSS-Definitonsdateien für Browser (Internet Explorer, Mozilla, Firefox, ...) angelegt, um spezielle Eigenheiten/Fehler von Browsern zu korrigieren.

Alle CSS-Dateien fasst man dann zu einem sogenannten Design (engl.: theme) zusammen und stellt dieses als Unterverzeichnis in das Moodle-Verzeichnis moodle/theme.

Vorhandene Designs

Nach einer Moodle Version 1.9.4 Standardinstallation befinden sich im Ordner moodle/theme schon 15 Designs für Ihr Moodle System (z.B. chameleon, cornflower, metal, orangewhite, standard, wood, ...), durch die das Erscheinungsbild Ihres Moodle Systems auf einfache Art und Weise zentral gesteuert werden kann.

Ein Design hat üblicherweise zumindest die folgenden drei CSS Stylesheet Basisdateien: styles_color.css, styles_layout.css und styles_fonts.css. Wird eine bestimmte CSS Definiton in einem angepassten Design nicht gefunden, so wird stnadardmäßig auf die Dateien im Verzeichnis theme/standard zurückgegriffen.

Modularer Seitenaufbau

Eine Moodle Seite wird durch verschiedene Seitenelemente und Blöcke aufgebaut. Manche dieser Seitenelemente finden Sie fast auf jeder Seite (header, footer, ...), andere wiederum wurden eingefügt, um die spezielle Aufgabe, die eine Seite zu leisten hat, zu ermöglichen.

Folgende Seitenelemente und Blöcke können Sie u. a. vorfinden: core, forms, header, footer, admin, blocks, blog, calendar, course, doc, grades, login, message, notes, mymoodle, question, tabs, tags, user und viele Moodle Module.

CSS Stylesheet Basisdateien

• CSS styles_ layout.css - beinhaltet die Layoutdefinition für verschiedene Seitenelemente (englisch)

• CSS styles_color.css - beinhaltet die Farbdefinitionen der Seitenelemente (englisch)

• CSS styles_fonts.css - beinhaltet die Definitonen zur Schrift (Schriftart, -stil, -farbe, ...) der Seitenelemente (englisch)

Siehe auch

• CSS FAQ - englischsprachige FAQ
• Spezielle CSS-Befehle für Mozilla Browser - CSS Styles Mozilla (engl.)
• Designs für ein Moodle System
• Cascading Style Sheets - Deutsche Wikipedia Definition
• W3schools - CSS Tutorial (engl.)