CSS: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
(Grundübersetzung weitergeführt) |
||
| Zeile 1: | Zeile 1: | ||
{{Zum Übersetzen}} | {{Zum Übersetzen}} | ||
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. | '''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/Fehlern von Browsern zu korrigieren. | 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/Fehlern von Browsern zu korrigieren. | ||
Alle CSS-Dateien fasst man dann zu einem Thema zusammen und | Alle CSS-Dateien fasst man dann zu einem Thema (engl. theme pack/skin) zusammen und stellt diese 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 Weise zentral gesteuert werden kann. | |||
( | Ein Thema hat üblicherweise zumindest die folgdenden drei Hauptstylesheet Dateien: styles_color, styles_layout und styles_fonts. Wird eine bestimmte CSS Definiton in einem der angepassten Themas 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]] contains the layout specifications for various page elements. | |||
*[[CSS styles_color.css]] contains the colors used in the page elements. | |||
*[[CSS styles_fonts.css]] defines the fonts used in the page elements. | |||
==Siehe auch== | |||
* [[CSS FAQ]] | |||
* [[CSS styles moz.css]] | |||
* [[Themes]] | |||
* [http://en.wikipedia.org/wiki/Cascading_Style_Sheets Wikipedia Cascading Style Sheets] | |||
* [http://www.w3schools.com/css/default.asp W3schools] | |||
Siehe [[:en:CSS]] | Siehe [[:en:CSS]] | ||
Version vom 21. April 2009, 05:38 Uhr
Diese Seite ist noch nicht vollständig übersetzt.
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/Fehlern von Browsern zu korrigieren.
Alle CSS-Dateien fasst man dann zu einem Thema (engl. theme pack/skin) zusammen und stellt diese 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 Weise zentral gesteuert werden kann.
Ein Thema hat üblicherweise zumindest die folgdenden drei Hauptstylesheet Dateien: styles_color, styles_layout und styles_fonts. Wird eine bestimmte CSS Definiton in einem der angepassten Themas 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 contains the layout specifications for various page elements.
- CSS styles_color.css contains the colors used in the page elements.
- CSS styles_fonts.css defines the fonts used in the page elements.
Siehe auch
Siehe en:CSS
