Hinweis: Sie sind auf den Seiten der Moodle 1.9 Dokumentation. Die Dokumentation der aktuellsten Moodle-Version finden Sie hier: Designs.

Designs: Unterschied zwischen den Versionen

Aus MoodleDocs
Wechseln zu:Navigation, Suche
(c&p der engl. source)
Keine Bearbeitungszusammenfassung
Zeile 5: Zeile 5:


{{Themes}}
{{Themes}}
A Moodle theme is a pre-designed user "view" (interface) that can be changed by the site administrator, teacher, or student. While robust, it does not affect how Moodle functions, just how it looks. Moodle comes with a standard set of themes and there is a [http://moodle.org/mod/data/view.php?id=6552  large free library] available to download.  
Ein Moodle-Design ist eine vorgefertigte "Ansicht" bzw. Darstellung der Lernplattform, die durch den Administrator, den Trainer oder durch Teilnehmer gewechselt werden kann - je nach Einstellung. Die Ansicht beeinträchtigt dabei die Moodle-Funktionen nicht. In der Standardinstallation von Moodle sind bereits einige Designs hinterlegt, weitere können
[http://moodle.org/mod/data/view.php?id=6552  hier] heruntergeladen werden.
 
    
    
==Moodle themes==
==Moodle-Designs==
Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.
Das mächtige System der Designdarstellung beruht auf XHTML und CSS.
 
*Designs können auf Webseiten, Kursbereichs-, Kurs- oder Teilnehmerebene eingestellt werden.
*Jede einzelne Seite kann per CSS modofiziert werden, um bspw. besondere Aspekte hervorzuheben.
*Die CSS-Klassennamen sind einfaches Englisch, konsistent verwendet und eindeutig zu verstehen.
*Neue Module können die benötigten Styles einfach automatisch in das gesamte Stylesheet integrieren.
*Designs basieren auf dem ''Standard''-Design, welches schlicht und funktionell ist. Styles können dabei in durch eigene Designs überschrieben werden. Das bedeutet, dass auch bei Upgrades das Design noch funktioniert, da die neuen Klassen immer in dem ''Standard''-Design definiert liegen.
*Designs können auch auf anderen Designs basieren. D.h man kann einfach ein Bündel an Design-Variationen erstellen, z.B. verschiedene Pastellfarben in verschiedenen Kursen bei gleichbleibenden Logos und Grafiken. Verschiedene Farben können bspw. auch zur Verbesserung der Zugänglichkeit eingesetzt werden.


* Themes may be [[Theme settings|selected]] at site level, course level and/or user level.
==Designauswahl==
* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
* Our CSS class naming system uses simple English, is consistent and easily understood.
* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
* Themes can be based on the ''standard'' theme, which is very plain but functional.  You simply override styles you want to change by adding to the stylesheet in your own theme.  This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the ''standard'' theme.
* Themes can also be based on any other theme.  This allows you to easily create families of themes, or variations on a theme.  For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos.  You may also want to create a family of differently-coloured themes for accessibility purposes.


==Theme selector==
Moodle kommt mit einer Vielzahl an auswählbaren  Designs, einschliesslich das interaktiv veränderbare Design [[:en:Chameleon]]. Chameleon verwendet AJAX für die interaktive Manipulation des Stylesheets, womit das Design überarbeitet und erweitert werden kann. Das AJAX-Interface steht nur Administratoren zur Verfügung.


Moodle has a number of themes for you to choose from using the theme selector, including an interactive theme called [[Chameleon]]. Chameleon uses Ajax technology to enable you to easily design your own theme or enhance an existing theme. The Ajax editing interface for Chameleon loads for administrators only.  
Zusätzlich können Designs von [http://moodle.org/themes Moodle.org] heruntergeladen werden


Alternatively, you can download a theme from the Moodle.org [http://moodle.org/themes Themes database].
== Ein eigenes Design erstellen ==


== Creating your own theme ==
Sollten Sie das vorhaben, erstellen Sie ein eigenes Unterverzeichnis im theme-Ordner und verwenden Sie z.B. den Code des Standard-Designs, in dem Sie die Inhalte kopieren. Wenn Sie nur vorhandene Designs modifizieren, ohne diese umzubenennen, werden sie durch das nächste Update überschrieben.


If you plan to work on your own theme please create a new one (with its own named subfolder) and use Moodle's theme system to base your theme on an existing theme such as ''standard''. If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
Siehe auch [[:en:Creating a custom theme]] und [[:en:Make your own theme]] für Anleitungen.


See [[Creating a custom theme]] and/or [[Make your own theme]] for some tutorials.  
Um Ihr eigenes Design zu verbreiten, packen Sie den Design-Ordner in eine ZIP-Datei und laden Sie diese auf Moodle,org in die [http://moodle.org/themes Datenbank] hoch.


To distribute your theme, zip the theme folder and submit to the Moodle.org [http://moodle.org/themes Themes database].


== Installing a theme ==
== Installing a theme ==

Version vom 4. Juli 2009, 23:23 Uhr

Baustelle.png Diese Seite ist noch nicht vollständig übersetzt.


Siehe en:Themes


Vorlage:Themes Ein Moodle-Design ist eine vorgefertigte "Ansicht" bzw. Darstellung der Lernplattform, die durch den Administrator, den Trainer oder durch Teilnehmer gewechselt werden kann - je nach Einstellung. Die Ansicht beeinträchtigt dabei die Moodle-Funktionen nicht. In der Standardinstallation von Moodle sind bereits einige Designs hinterlegt, weitere können hier heruntergeladen werden.


Moodle-Designs

Das mächtige System der Designdarstellung beruht auf XHTML und CSS.

  • Designs können auf Webseiten, Kursbereichs-, Kurs- oder Teilnehmerebene eingestellt werden.
  • Jede einzelne Seite kann per CSS modofiziert werden, um bspw. besondere Aspekte hervorzuheben.
  • Die CSS-Klassennamen sind einfaches Englisch, konsistent verwendet und eindeutig zu verstehen.
  • Neue Module können die benötigten Styles einfach automatisch in das gesamte Stylesheet integrieren.
  • Designs basieren auf dem Standard-Design, welches schlicht und funktionell ist. Styles können dabei in durch eigene Designs überschrieben werden. Das bedeutet, dass auch bei Upgrades das Design noch funktioniert, da die neuen Klassen immer in dem Standard-Design definiert liegen.
  • Designs können auch auf anderen Designs basieren. D.h man kann einfach ein Bündel an Design-Variationen erstellen, z.B. verschiedene Pastellfarben in verschiedenen Kursen bei gleichbleibenden Logos und Grafiken. Verschiedene Farben können bspw. auch zur Verbesserung der Zugänglichkeit eingesetzt werden.

Designauswahl

Moodle kommt mit einer Vielzahl an auswählbaren Designs, einschliesslich das interaktiv veränderbare Design en:Chameleon. Chameleon verwendet AJAX für die interaktive Manipulation des Stylesheets, womit das Design überarbeitet und erweitert werden kann. Das AJAX-Interface steht nur Administratoren zur Verfügung.

Zusätzlich können Designs von Moodle.org heruntergeladen werden

Ein eigenes Design erstellen

Sollten Sie das vorhaben, erstellen Sie ein eigenes Unterverzeichnis im theme-Ordner und verwenden Sie z.B. den Code des Standard-Designs, in dem Sie die Inhalte kopieren. Wenn Sie nur vorhandene Designs modifizieren, ohne diese umzubenennen, werden sie durch das nächste Update überschrieben.

Siehe auch en:Creating a custom theme und en:Make your own theme für Anleitungen.

Um Ihr eigenes Design zu verbreiten, packen Sie den Design-Ordner in eine ZIP-Datei und laden Sie diese auf Moodle,org in die Datenbank hoch.


Installing a theme

To install a theme:

  1. Unzip the .zip file to an empty local directory.
  2. Upload folder to your web server to the /moodle/theme/[Theme Name]. (Replace [Theme Name] with the name of the theme you have downloaded.) Ensure the new theme folder and its contents are readable by the webserver. Change Read and Write permissions (CHMOD) for the files and folder to 755 - Owner read/write/execute, Group read/execute, Everyone read/execute. Incorrect permissions may prevent display of the newly installed theme.
  3. Choose your new theme from within Moodle via Administration > Appearance > Themes > Theme selector (version 1.7+) or Administration > Configuration > Themes (older versions).

See Installing a new theme for more information.

Theme system changes

Themes have improved a great deal in recent versions of Moodle. If you are using your own theme and want to upgrade, please refer to one of the following:

Core themes

Themes included in Moodle 1.9 are chameleon, cornflower, custom corners, formal white, metal, oceanblue, orangewhite, orangewhitepda, standard (default), standardblue, standardgreen, standardlogo, standardred, standardwhite, wood

See also

pt:Temas