Hier erfahren Sie, wie Sie Elemente wie Bilder, Filme, Farben, Skripts, Hyperlinks und Bibliothekselemente in Dreamweaver verwenden.
Elemente
Du kannst Adobe Dreamweaver verwenden, um Assets zu verfolgen und eine Vorschau davon anzuzeigen, die in deiner Website gespeichert sind, wie Bilder, Filme, Farben, Skripte und Links. Du kannst auch ein Asset direkt ziehen, um es in eine Seite des aktuellen Dokuments einzufügen.
Sie können Elemente aus unterschiedlichen Quellen verwenden. Du könntest beispielsweise Assets in einer Anwendung wie Adobe® Fireworks® oder Adobe® Flash® erstellen, sie von einem Kollegen erhalten oder sie von einer Clip-Art-CD oder einer Grafik-Website kopieren.
Dreamweaver bietet auch Zugriff auf zwei besondere Arten von Assets – Bibliotheken und Vorlagen. Beide sind verknüpfte Assets: Wenn du ein Bibliothekselement oder eine Vorlage bearbeitest, aktualisiert Dreamweaver alle Dokumente, die diese Assets verwenden. Bibliothekselemente stellen im Allgemeinen kleine Design-Assets dar, wie ein Website-Logo oder Copyright. Um einen größeren Designbereich abzudecken, verwende stattdessen eine Vorlage.
Bibliothekselemente
Eine Bibliothek ist eine spezielle Dreamweaver-Datei, die eine Sammlung von einzelnen Assets oder Kopien von Assets enthält, die du in deinen Web-Seiten platzieren kannst. Die Elemente in einer Bibliothek werden als Bibliothekselemente bezeichnet. Elemente, die du in einer Bibliothek speichern kannst, umfassen Bilder, Tabellen, Töne und mit Adobe Flash erstellte Dateien. Du kannst automatisch alle Seiten aktualisieren, die ein Bibliothekselement verwenden, wann immer du das Element bearbeitest.
Angenommen, du erstellst eine große Website für ein Unternehmen, das möchte, dass ein Slogan auf jeder Seite erscheint. Du kannst ein Bibliothekselement erstellen, das den Slogan enthält, und dieses Bibliothekselement auf jeder Seite verwenden. Wenn sich der Slogan ändert, kannst du das Bibliothekselement ändern und automatisch jede Seite aktualisieren, die es verwendet.
Dreamweaver speichert Bibliothekselemente in einem Bibliothek-Ordner innerhalb des lokalen Stammordners für jede Website. Jede Website hat ihre eigene Bibliothek.
Du kannst ein Bibliothekselement aus jedem Element im Textkörper-Bereich eines Dokuments erstellen, einschließlich Text, Tabellen, Formularen, Java-Applets, Plug-ins, ActiveX-Elementen, Navigationsleisten und Bildern.
Für verknüpfte Elemente wie Bilder speichert die Bibliothek nur einen Verweis auf das Element. Die ursprüngliche Datei muss am angegebenen Ort verbleiben, damit das Bibliothekselement korrekt funktioniert.
Dennoch kann es sinnvoll sein, Bilder in einem Bibliothekselement zu speichern. Du könntest beispielsweise ein vollständiges img-Tag in einem Bibliothekselement speichern, wodurch du den alt-Text des Bildes oder sogar sein src-Attribut auf der gesamten Website einfach ändern könntest. (Verwende diese Technik nicht, um die width- und height-Attribute eines Bildes zu ändern, es sei denn, du verwendest auch einen Bildeditor, um die tatsächliche Größe des Bildes zu ändern.)
Wenn das Bibliothekselement Links enthält, funktionieren die Links möglicherweise nicht in der neuen Website. Außerdem werden Bilder in einem Bibliothekselement nicht in die neue Website kopiert.
Wenn du ein Bibliothekselement verwendest, fügt Dreamweaver einen Link darauf ein, anstatt das Element selbst, in die Web-Seite. Das heißt, Dreamweaver fügt eine Kopie des HTML-Quellcodes für dieses Element in das Dokument ein und fügt einen HTML-Kommentar hinzu, der einen Verweis auf das ursprüngliche, externe Element enthält. Dieser externe Verweis macht die automatische Aktualisierung möglich.
Wenn du ein Bibliothekselement erstellst, das ein Element mit einem angehängten Dreamweaver-Verhalten enthält, kopiert Dreamweaver das Element und seinen Event-Handler (das Attribut, das angibt, welches Ereignis die Aktion auslöst, wie onClick, onLoad oder onMouseOver, und welche Aktion aufgerufen werden soll, wenn das Ereignis eintritt) in die Bibliothekselementdatei. Dreamweaver kopiert die zugehörigen JavaScript-Funktionen nicht in das Bibliothekselement. Stattdessen fügt Dreamweaver beim Einfügen des Bibliothekselements in ein Dokument automatisch die entsprechenden JavaScript-Funktionen in den head-Bereich dieses Dokuments ein (falls sie nicht bereits vorhanden sind).
Falls du JavaScript per Hand programmierst (das heißt, wenn du es erstellst, ohne Dreamweaver-Verhalten zu verwenden), kannst du es zu einem Teil eines Bibliothekselements machen, wenn du das Verhalten JavaScript aufrufen verwendest, um den Code auszuführen. Falls du kein Dreamweaver-Verhalten verwendest, um den Code auszuführen, wird der Code nicht als Teil des Bibliothekselements beibehalten.
Es gibt spezielle Anforderungen für die Bearbeitung der Verhalten in Bibliothekselementen. Bibliothekselemente können keine Stylesheets enthalten, da der Code für diese Elemente Teil des head-Abschnitts ist.
Ähnliche Themen
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
