Hinzufügen von JavaScript-Effekten
In den Anfängen waren die Möglichkeiten, die Webautoren bei der Bearbeitung einer Webseite hatten, relativ begrenzt. Es gab Inhalte – die Wörter und Bilder, die ein Dokument ausmachen; und es gab Markierungszeichen – die HTML-Tags, die dem Webbrowser mitteilen, wie die Inhalte dargestellt werden sollen. Als das Web zu wachsen begann und Webautoren weitere Gestaltungsmöglichkeiten für ihre Webseiten wünschten, wurde offensichtlich, dass etwas fehlte: eine Möglichkeit, Webseiten dynamisch zu gestalten.
Eine dynamische Webseite ist eine Seite, die sich nach dem Öffnen in einem Browser verändern kann. Eine dynamische Seite kann beispielsweise ein Menü enthalten, das beim Klicken auf ein Menüelement ein zuvor nicht sichtbares Untermenü mit Links anzeigt. Solch ein Menü kann mit reinem HTML nicht erzeugt werden, da HTML keine Möglichkeit bietet, den Browser anzuweisen, ein Dokumentelement als Reaktion auf eine Benutzeraktion zu ändern (beispielsweise nach einem Menüklick). Was gebraucht wurde, war die Fähigkeit zur Programmierung des Browsers – die Möglichkeit, dem Browser Anweisungen zu geben, wie beispielsweise “Wenn Ereignis X eintritt, dann tue Y“. JavaScript bietet diese Fähigkeit.
JavaScript ist eine Skriptsprache, die für das Web entwickelt wurde. Ein Skript ist ein als Text gespeichertes Programm, das durch ein Hostprogramm “ausgeführt” wird, z.B. durch einen Webbrowser. In JavaScript geschriebene Skripts können direkt in Webdokumente eingefügt werden. Wenn ein Browser mit JavaScript-Unterstützung ein Dokument öffnet, das ein Skript enthält, wird das Skript in den Arbeitsspeicher geladen und entweder sofort oder später (in Reaktion auf ein Ereignis) ausgeführt. Wenngleich es noch weitere weborientierte Skriptsprachen gibt (darunter z.B. VB Script), ist JavaScript die Sprache, die von den meisten Browsern und Betriebssystemen unterstützt wird.
Nachfolgend sind nur einige der dynamischen Effekte aufgeführt, die mit JavaScript in Webseiten erzeugt werden können:
- Ersetzen eines Bildes durch ein anderes, wenn der Benutzer den Mauszeiger darüber bewegt
- Ein- oder Ausblenden eines Inhaltsblocks, wenn der Benutzer auf eine Schaltfläche klickt
- Anzeigen einer Meldungs- oder Dialogfeldes, wenn der Benutzer auf einen Hyperlink klickt
- Bewegen eines Bildes entlang eines vordefinierten Pfades
- Erzeugen eines Effekts, bei dem ein Bild oder ein Textelement dem Mauszeiger folgt, wenn der Benutzer die Maus bewegt
Glücklicherweise müssen Sie keine JavaScript-Programmierkenntnisse beistzen, um Ihren Dokumenten nützliche Skripts hinzuzufügen. Namo WebEditor stellt drei Möglichkeiten zur Erzeugung von Skripteffekten bereit, ohne selbst ein Skript schreiben zu müssen.
Der Skript-Assistent
Der Skript-Assistent bietet Ihnen die Möglichkeit, Ihrer Seite in einfachen Schritten einen der zwanzig beliebtesten JavaScript-Effekte hinzuzufügen. Die Effekte reichen von Bild-Rollover bis hin zu erweiterbaren Menüs.
Aktionen und Ereignisse
Über das Fenster Aktionen können Sie verschiedene Seitenelemente mit einem von acht vordefinierten Skripts (“Aktionen”) verknüpfen und das Ereignis festlegen, das die Aktion auslösen soll. Zu den vordefinierten Aktionen zählen die Anwendung eines Alphaeffekts, das Spiegeln von Ebenen, das Einfügen von Text und viele weitere.
Zeitlinien
Eine Zeitlinie ist eine vordefinierte Sequenz aus Bewegungen und anderen Änderungen (z.B. das Aus- oder Einblenden von Elementen), die über einen bestimmten Zeitraum auf eine oder mehrere Ebenen angewendet werden. Anders gesagt, können Sie mit einer Zeitlinie die Seiteninhalte animieren. Zeitlinien werden im Fenster Zeitlinie erstellt.
In diesem Abschnitt
Verwenden des Skript-Assistenten
Arbeiten mit Aktionen und Ereignissen