Projekt:Open Educational Resources/DropDownMenu

Aus Wikiversity

Projekt Projekttitel: Unterprojekt drop down menu von Projekt:OER Projekttyp: {{{PROJEKTTYP}}} Ansprechpartner: Nutzer 2206 Themensteller: {{{THEMENSTELLER}}} Laufzeit: Unbekannt Zusammenarbeit: Offenes Unterprojekt Kurzbeschreibung Ziel ist die Erstellung einer möglichst einfachen, CSS-basierten Vorlage für die Einbindung eines drop down menus für unsere verschiedenen Kurse, Projekte und Hilfeseiten. --Nutzer 2206 14:42, 4. Mai 2007 (CEST) Status: {{{STATUS}}} Bild

Inhaltsverzeichnis 1 Ziele 2 Arbeitsmaterial 3 Arbeitsweg 4 Projektfortschritt 5 Arbeitsfläche 5.1 Test 1 5.2 Arbeitsziel 6 Praktische Umsetzung 6.1 Bei Kursen… 6.2 Bei Fachbereichen … 7 Todo-Liste

[Bearbeiten] Ziele

Ziel ist die Erstellung eines Drop-Down-Menüs, wobei folgendes Exemplar inkl. Quellcode als Vorlage dienen soll.

Anmerkung: Die „Vorlage“ ist unter der Website zwar offenbar zur freien Verfügung bereitgestellt, es ist jedoch keine Lizenz angegeben, so dass der Quellcode nicht eins zu eins übernommen werden darf.

Das Drop-Down-Menü soll so erstellt werden, dass es sich leicht via Vorlage auf jede beliebige Seite übersetzen lässt.

Weitere Dokumentationen:

• [1]

[Bearbeiten] Arbeitsmaterial

• Webfarben
• Semantische HTML-Tags

[Bearbeiten] Arbeitsweg

1. Erstellung der CSS-Datei auf einer Unterseite
2. Erstellung des Drop-Down-Menüs
3. Erstellung einer Vorlage, basierend auf der Wiki-Syntax

[Bearbeiten] Projektfortschritt

[Bearbeiten] Arbeitsfläche

[Bearbeiten] Test 1

[Bearbeiten] Arbeitsziel

Im ersten Arbeitsschritt soll das Menü nur für den Firefox angefertigt werden. Dabei wird der Befehl <div style="…">…</div> zum Einsatz kommen.

---

• Versuchsfeld 1 nach [2] mit CSS-Datei
  • Braunes Farbschema
  • Blaues Farbschema
• Versuchsfeld 2 nach [3] ohne CSS-Datei
• Versuchsfeld 3 Eine Implementierung mit möglichst wenigen CSS-Definitionen
  • [4]
• Versuchsfeld 4

---

Farbschema (blau), Ausführung und Stand 9. Mai 2007

[Bearbeiten] Praktische Umsetzung

[Bearbeiten] Bei Kursen…

Aktuelle Kurse > Kurs 1 | Kurs 2 | Kurs 3 | Kurs 4 | Neuen Kurs starten … ]
Weiteres Kursmaterial > Kommentare… | Weitere Übungsaufgaben | Das JavaQuiz | Glossar ]

[Bearbeiten] Bei Fachbereichen …

[Bearbeiten] Todo-Liste

Offene Fragen

• Wie kann die Funktion aussen:hover eingebunden werden? Sie ist beim Vorbild im CSS-Code hinterlegt.

Aufgaben

• Anpassung an das WV-Farbschema …