Headergrafik Startseite in Farbe
ExtLink Zum Kultusportal | ExtLink Zum Landesbildungsserver | ExtLink Zum Landesmedienzentrum    Seite drucken 

Druckansicht von http://lehrerfortbildung-bw.de/moodle-info/admin/design/04vorgehen/06_startseite.htm, Stand 26. May. 2012

Landesakademie für Fortbildung und Personalwentwicklung an Schulen
LehrerInnen Fortbildungs-Server

Arbeit an der Startseite

startseite mit logo

Ihr Moodle sieht nach der Einbindung des Logos, nun ja, etwas komisch aus. Es ist an der Zeit, die Farben des Themes den Farben des Logos anzupassen. Wenn Sie etwas vermasseln, dann holen Sie sich die CSS Dateien wieder aus dem Ordner des Themes, auf dem Sie Ihr Eigenes aufbauen – also: keine Angst vor Veränderungen. Und: Bitte entschuldigen Sie das Beispieltheme in rot.

Startseite füllen

Basteln Sie sich eine Startseite für Ihr Moodle, die einige der folgenden Elemente enthält: Login Box, Beschreibung der Startseite, Kursliste, Nachrichtenforum, Themenbereich. Füllen Sie die Elemente mit Lorem Ipsum Texten auf: http://lipsum.com

Web Developer Toolbar aktivieren

wdt

Schalten Sie das AddOn Webdeveloper Toolbar (WDT) an, indem Sie mit der rechten Maustaste auf die Navigations-Symbolleiste im Firefox klicken und [Web Developer Toolbar] auswählen.

Farben des aktiven Themes abrufen

Klicken Sie in der WDT auf [Information] [View Color Information].

detailangaben zur den farben

Ein neuer Tab wird geöffnet, der die Farben des Themes enthält.

Grundfarben des Themes anpassen

Sie haben in einem weiteren Tab mindestens eine der Seiten geöffnet, die Ihnen bei der Suche nach passenden Farben helfen kann (siehe Oben). Öffnen Sie nun in Ihrem Themeordner die Datei fw_color.css mit Ihrem Editor. Setzen Sie die Hintergrundfarbe zuerst auf Weiß, damit Sie in Ihrem Theme klarer sehen.
body {
  background-color: #ffffff;
}

Verwenden Sie dann die Funktion [Ersetzen] in Ihrem Editor, um die Grundfarben des aktiven Themes an Ihre Vorstellungen anzupassen. In PSPad finden Sie diese Funktion im Menü [Suchen] unter dem Eintrag [Ersetzen] - oder über das Tastenkürzel [Strg] [h].

  1. Markieren Sie im Tab [Color Information] durch Doppelklick den Farbcode, den Sie verändern wollen.
  2. copy
    Kopieren Sie diesen durch [Strg] [C] in die Zwischenablage.
  3. Wechseln Sie in den Editor.
  4. suchen und ersetzen dialog
    Rufen Sie die Funktion zum Suchen und Ersetzen auf.
  5. Pasten Sie den Farbcode in das Feld für „Suchen“
  6. Tragen Sie in das Feld „Ersetzen mit“ den Farbcode ein, den Sie wünschen
  7. Drücken Sie [OK]
  8. alles ersetzen
    Lassen Sie jedes Vorkommen durch Klick auf [Ja, alles] ersetzen
  9. Speichern Sie die Datei fw_color.css
  10. Laden Sie Ihre Moodleseite neu, indem Sie [F5] drücken oder [Seite neu laden] anklicken. Sollte Firefox die neuen Einstellungen nicht übernehmen, dann drücken Sie die Taste [Umschalten] und klicken Sie dann auf [Seite neu laden].

Verfahren Sie auf diese Weise weiter, bis das Theme auf der Startseite (!) grob (!) Ihren Vorstellungen entspricht. Alle Feinheiten kommen später dran.

Weiter: weiter Unterseiten anpassen


 
SUCHE NACH:
Inhalt Fortbildungen
moodle
Links

weiter Schnupper- / Demokurse, Projekte und Kursräume zum Herunterladen

moodle Demoplattform (Gastzugang)

weiter Moodle Helpdesk (Hilfe und Unterstützung für Administratoren)

Weiter Administration (Moodle auf dem Schulserver)

Weiter Konfiguration (Moodle bei BelWue)

Zum Seitenanfang         Startseite | Impressum | © Copyright |

Zuständiger Redakteur: Dr%20Grischa Haag, haag@lehrerfortbildung-bw.de
© Landesakademie für Fortbildung und Personalentwicklung an Schulen, für diese Seite gilt http://lehrerfortbildung-bw.de/impressum/copyright/urheber_standard.html
Letzte Änderung: 10.09.2011