Das Megalearn Kompendium

Anwendungsbeispiele

Bildaustausch auf Benutzeraktion
Popup Menü
Nachrichten / Fußzeile per Text
Ebenen sichtbar & unsichtbar machen
Plugin Prüfung > Alternative Seiten

> Java Script, wird im Dreamweaver einbaut. Im Browser des Nutzers abschaltbar ! Nicht für alle Medien funktionsfähig ( z.B. auf Mobile Endgeräte )

Verhalten ( Behairiors )

• Fenster > Verhalten
• oder Taginspector > Verhalten
• Ereignis –> Event
  Mausereignis (Rollover klicken … )
  Browserereignisse
  Benutzereingaben ( Tastendruck, Werte )
• Aktion –> Action
  das was passieren ( Bildaustausch )

Das Verhalten “Bild austauschen”

• Austauschbild braucht erkennbaren Namen
  Bild auswählen
  Eigenschaftenleiste
• Verhalten erzeugen
  Bild auswählen was den Austausch bewirken soll
  Verhalten > Bild austauschen
  Dialogfenster > Bild durchsuchen
  Bild was angezeigt werden soll auswählen

Variantenvielfalt

• auf Mausklick: onMouseUp / onClick
• auf Mausführung: on MouseOver / onRollOver
• Originalbild wiederherstellen

Rollover Bildchen

• zwei unterschiedliche Bilder, die miteinander vertauscht werden
  normal (erscheint immer, oder kommt wieder nach der Aktion)
  rollover (erscheint bei Mausberührung)
• Einsatzgebiete:
  grafische Effekte
  Menüleisten mit grafischen Elementen (Hervorhebung)
  sw > bunt , scharf > unscharf
  Eselsohr (in Verbindung mit Javascript)
• Einfügen des Rollovers
  Einfügeleiste > (Popup hinter Bild)

Ap-Elemente / Div-Tags

• Ap Elemente
  anzeigen / ausblenden
  Div mit Inhalt komplett ein / ausblenden
  Verhalten > AP Elemente ein / ausblenden
  Ebenen auswählen
• Div Boxen
  sichtbar / unsichtbar
  Mouseover: anzeigen / ausblenden
  Mouseout: ausblenden
  onClick: einblenden
• Einsatzgebiete für AP Elemente oder Div Boxen:
  Hinweise + Text zu einem Bild
  Hinweistexte zum Menüpunkt
  Thumbnail + großes Bild
  Untermenü
  komplette Menüs

Popup Menü anlegen

• Hauptmenüpunkt als erstes anlegen
  Text der mit # verlinkt wird
  Grafik / Rollover
  Verhalten > ~ veraltet > Popupmenü anlegen > Assistent
  - Menüpunkte festlegen
  - Aussehen definieren
• muß für jedes Haupthema einzeln erstellt werden