Hier erfahren Sie, wie Sie Elemente wie Bilder, Filme, Farben, Skripts, Hyperlinks und Bibliothekselemente in Dreamweaver verwenden.
Elemente
Mithilfe von Adobe Dreamweaver können Sie die auf der Site gespeicherten Elemente, z. B. Bilder, Filme, Farben, Skripts und Hyperlinks, verwalten und in der Vorschau anzeigen. Sie können ein Element auch durch Ziehen direkt in einer Seite des aktuellen Dokuments einfügen.
Sie können Elemente aus unterschiedlichen Quellen verwenden. Beispielsweise können Sie Elemente in einer Applikation wie Adobe® Fireworks® oder Adobe® Flash® erstellen, von einem Mitarbeiter erhalten oder von einer Clipart-CD oder Grafikwebsite kopieren.
In Dreamweaver haben Sie außerdem Zugriff auf zwei spezielle Arten von Elementen: Bibliotheken und Vorlagen. Bei beiden handelt es sich um verknüpfte Elemente: Wenn Sie Bibliothekselemente oder Vorlagen bearbeiten, werden in Dreamweaver alle Dokumente aktualisiert, in denen diese Elemente verwendet werden. Bibliothekselemente sind im Allgemeinen kleine Designelemente, beispielsweise das Logo einer Site oder Copyright-Hinweise. Mithilfe von Vorlagen können Sie größere Designbereiche verwalten.
Bibliothekselemente
Eine Bibliothek ist eine spezielle Dreamweaver-Datei mit einer Sammlung einzelner Elemente oder Elementkopien, die Sie auf Webseiten einfügen können. Die Elemente in einer Bibliothek werden als Bibliothekselemente bezeichnet. Zu den Elementen, die in einer Bibliothek gespeichert werden können, zählen u. a. Bilder, Tabellen, Audiodateien und mit Adobe Flash erstellte Dateien. Nach jeder Bearbeitung eines Bibliothekselements können Sie automatisch alle Seiten aktualisieren, in denen das entsprechende Element verwendet wird.
Wenn Sie beispielsweise eine umfangreiche Site für ein Unternehmen erstellen, dessen Slogan auf allen Seiten angezeigt werden soll, können Sie ein Bibliothekselement mit dem Slogan erstellen und auf jeder Seite verwenden. Wenn sich der Slogan ändert, können Sie das Bibliothekselement ändern und automatisch alle Seiten aktualisieren, in denen das Element verwendet wird.
In Dreamweaver werden Bibliothekselemente im Ordner „Library“ im lokalen Stammordner jeder Site gespeichert. Jede Site verfügt über eine eigene Bibliothek.
Ein Bibliothekselement können Sie aus jedem Element im body-Abschnitt eines Dokuments erstellen, z. B. aus Text, Tabellen, Formularen, Java-Applets, Plug-Ins, ActiveX-Elementen, Navigationsleisten und Bildern.
Bei verknüpften Elementen wie Bildern ist in der Bibliothek nur ein Verweis auf das Element gespeichert. Die Originaldateien müssen an dem angegebenen Ort verbleiben, damit die Bibliothekselemente ordnungsgemäß funktionieren.
Dennoch kann es sinnvoll sein, Bilder in einem Bibliothekselement zu speichern. So könnten Sie beispielsweise ein img-Tag in einem Bibliothekselement speichern, wodurch Sie den alt-Text oder gar das src-Attribut des Bilds in der gesamten Site auf einfache Weise ändern können. (Sie sollten jedoch mit diesem Verfahren nicht die Attribute für die Breite und Höhe eines Bildes ändern, soweit Sie nicht die tatsächliche Größe des Bildes mithilfe eines Bildeditors kontrollieren können.)
Beachten Sie, dass bei einem Bibliothekselement mit Hyperlinks diese Hyperlinks in der neuen Site möglicherweise nicht funktionieren. Zudem werden Bilder in einem Bibliothekselement nicht in die neue Site kopiert.
Bei Verwendung eines Bibliothekselements wird in Dreamweaver auf der Webseite eine Verknüpfung mit dem Bibliothekselement und nicht das Element selbst eingefügt. In Dreamweaver wird demnach eine Kopie des HTML-Quellcodes dieses Elements in das Dokument eingefügt und ein HTML-Kommentar mit einem Verweis auf das externe Originalelement hinzugefügt. Dieser externe Verweis ermöglicht die automatische Aktualisierung.
Wenn Sie ein Bibliothekselement erstellen, das ein Element mit einem angefügten Dreamweaver-Verhalten enthält, werden durch Dreamweaver das Element und der zugehörige Event-Handler (das Attribut, das angibt, welches Ereignis die Aktion auslöst, z. B. onClick, onLoad oder onMouseOver, und welche Aktion beim Auftreten des Ereignisses aufgerufen werden soll) in die Datei des Bibliothekselements kopiert. Dabei werden in Dreamweaver die zugehörigen JavaScript-Funktionen nicht in das Bibliothekselement kopiert. Stattdessen fügt Dreamweaver, wenn Sie das Bibliothekselement in ein Dokument einfügen, automatisch die entsprechenden JavaScript-Funktionen in den head-Abschnitt dieses Dokuments ein (soweit sie dort nicht bereits vorhanden sind).
JavaScript-Code, der ohne Verwendung der Dreamweaver-Verhalten erstellt wurde, kann in einem Bibliothekselement eingefügt werden, wenn er über das Verhalten „JavaScript aufrufen“ ausgeführt wird. Wenn Sie kein Dreamweaver-Verhalten zum Ausführen des Codes verwenden, wird dieser nicht als Bestandteil des Bibliothekselements beibehalten.
Für die Bearbeitung der Verhalten in Bibliothekselementen gelten besondere Anforderungen. Bibliothekselemente können keine Stylesheets enthalten, da der Code für diese Objekte zum head-Abschnitt gehört.