CSS: Unterschied zwischen den Versionen
K (Typo korrigiert) |
(Übersetzung abgeschlossen) |
||
| Zeile 1: | Zeile 1: | ||
'''Cascading Style Sheets''' (Abk.: CSS) gelten heute als die Standard-Stylesheetsprache 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 Thema (engl. theme pack/skin) zusammen und stellt dieses als Unterverzeichnis in das Verzeichnis ''theme''. | |||
Alle CSS-Dateien fasst man dann zu einem Thema (engl. theme pack/skin) zusammen und stellt | |||
==Vorhandene Darstellungsthemen== | ==Vorhandene Darstellungsthemen== | ||
Nach einer Moodle Version 1.9.4 Standardinstallation befinden sich im Themenordner schon 15 Darstellungsvarianten für Ihr Moodle System (chameleon, cornflower, metal, orangewhite, standard, wood, ...), durch die das Erscheinungsbild Ihres Moodle Systems auf einfache Art und Weise zentral gesteuert werden kann. | Nach einer Moodle Version 1.9.4 Standardinstallation befinden sich im Themenordner schon 15 Darstellungsvarianten für Ihr Moodle System (chameleon, cornflower, metal, orangewhite, standard, wood, ...), durch die das Erscheinungsbild Ihres Moodle Systems auf einfache Art und Weise zentral gesteuert werden kann. | ||
Ein Thema hat üblicherweise zumindest die folgenden drei | Ein Thema hat üblicherweise zumindest die folgenden drei CSS Stylesheet Basisdateien: styles_color, styles_layout und styles_fonts. Wird eine bestimmte CSS Definiton in einem angepassten Thema nicht gefunden, so wird defaultmäßig auf die Dateien im Standardverzeichnis zurückgegriffen. | ||
==Modularer Seitenaufbau== | ==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. | 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. | 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 Stylesheet Basisdateien== | ||
*[[CSS styles_ layout.css]] | *[[CSS styles_ layout.css]] - beinhaltet die Layoutdefinition für verschiedene Seitenelemente. | ||
*[[CSS styles_color.css]] | *[[CSS styles_color.css]] - beinhaltet die Farbdefinitionen der Seitenelemente. | ||
*[[CSS styles_fonts.css]] | *[[CSS styles_fonts.css]] - beinhaltet die Definitonen zur Schrift (Schriftart, -stil, -farbe, ...) der Seitenelemente. | ||
==Siehe auch== | ==Siehe auch== | ||
* [[CSS FAQ]] | * Englischsprachige FAQ - [[:en:CSS FAQ| FAQ]] | ||
* [[CSS styles moz.css]] | * Spezielle CSS-Befehle für Mozilla Browser - [[:en:CSS styles moz.css|CSS Styles Mozilla]] (engl.) | ||
* [[Themes]] | * Themen/Skins für ein Moodle System -[[Themes]] | ||
* [http:// | * Deutsche Wikipedia Definition - [http://de.wikipedia.org/wiki/Cascading_Style_Sheets Cascading Style Sheets] | ||
* [http://www.w3schools.com/css/default.asp W3schools] | * CSS Tutorial - [http://www.w3schools.com/css/default.asp W3schools] (engl.) | ||
[[Category:Designs]] | [[Category:Designs]] | ||
[[en:CSS]] | [[en:CSS]] | ||
Version vom 22. April 2009, 15:26 Uhr
Cascading Style Sheets (Abk.: CSS) gelten heute als die Standard-Stylesheetsprache 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 Thema (engl. theme pack/skin) zusammen und stellt dieses als Unterverzeichnis in das Verzeichnis theme.
Vorhandene Darstellungsthemen
Nach einer Moodle Version 1.9.4 Standardinstallation befinden sich im Themenordner schon 15 Darstellungsvarianten für Ihr Moodle System (chameleon, cornflower, metal, orangewhite, standard, wood, ...), durch die das Erscheinungsbild Ihres Moodle Systems auf einfache Art und Weise zentral gesteuert werden kann.
Ein Thema hat üblicherweise zumindest die folgenden drei CSS Stylesheet Basisdateien: styles_color, styles_layout und styles_fonts. Wird eine bestimmte CSS Definiton in einem angepassten Thema nicht gefunden, so wird defaultmäßig auf die Dateien im Standardverzeichnis 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.
- CSS styles_color.css - beinhaltet die Farbdefinitionen der Seitenelemente.
- CSS styles_fonts.css - beinhaltet die Definitonen zur Schrift (Schriftart, -stil, -farbe, ...) der Seitenelemente.
Siehe auch
- Englischsprachige FAQ - FAQ
- Spezielle CSS-Befehle für Mozilla Browser - CSS Styles Mozilla (engl.)
- Themen/Skins für ein Moodle System -Themes
- Deutsche Wikipedia Definition - Cascading Style Sheets
- CSS Tutorial - W3schools (engl.)
