Wechseln Sie im Dokumentfenster zur Entwurfsansicht und wählen Sie einen Dokumentabschnitt aus, der als Bibliothekselement gespeichert werden soll.
In diesem Thema erfahren Sie, wie Sie, wie Sie Bibliothekselemente in Dreamweaver erstellen und wie Sie Bibliothekselemente in Dokumenten bearbeiten.
Eine Bibliothek ist eine spezielle Dreamweaver-Datei, die eine Sammlung von einzelnen Assets oder Kopien von Assets enthält, die du in deine Web-Seiten einfügen kannst. Die Elemente in einer Bibliothek werden als Bibliothekselemente bezeichnet. Zu den Elementen, die du in einer Bibliothek speichern kannst, gehören Bilder, Tabellen, Sounds und Dateien, die mit Adobe Flash erstellt wurden.Du kannst automatisch alle Seiten aktualisieren, die ein Bibliothekselement verwenden, wenn 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 Bibliotheksordner innerhalb des lokalen Stammordners für jede Site.Jede Website hat ihre eigene Bibliothek.
Du kannst ein Bibliothekselement aus jedem Element im Hauptteil-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 eine Referenz 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 einfach den alt-Text des Bildes oder sogar sein src-Attribut auf der gesamten Website ändern könntest. (Verwende diese Technik nicht, um die Breite- und height-Attribute eines Bildes zu ändern, wenun du nicht auch einen Bildeditor verwendest, um die tatsächliche Größe des Bildes zu ändern.)
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.
Wenn du ein Bibliothekselement verwendest, fügt Dreamweaver eine Verknüpfung dazu 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 eine Referenz auf das ursprüngliche, externe Element enthält. Diese externe Referenz 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 Bibliothekselement- Datei. 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).
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.
Es gibt besondere Anforderungen für die Bearbeitung der Verhaltensweisen in Bibliothekselementen.Bibliothekselemente können keine Stylesheets enthalten, da der Code für diese Elemente Teil des head-Bereichs ist.
Auf einer Auswahl basierende Bibliothekselemente erstellen
Wählen Sie „Werkzeuge“ > „Bibliothek“ > „Objekt in Bibliothek einfügen“.
Dreamweaver speichert jedes Bibliothekselement als separate Datei (mit der Dateierweiterung .lbi) im Bibliotheksordner des lokalen Stammordners der Website.
Leere Bibliothekselemente erstellen
Wenn etwas ausgewählt ist, wird es in das neue Bibliothekselement eingefügt.
Wählen Sie im Bedienfeld „Elemente“ die Kategorie „Bibliothek“ aus.
Klicken Sie im unteren Bereich des Bedienfelds auf die Schaltfläche „Neues Bibliothekselement“.
Bibliothekselemente in Dokumente einfügen
Wenn du ein Bibliothekselement zu einer Seite hinzufügst, wird der tatsächliche Inhalt in das Dokument eingefügt, zusammen mit einem Verweis auf das Bibliothekselement.
Wählen Sie im Bedienfeld „Elemente“ die Kategorie „Bibliothek“ aus.
- Ziehen Sie ein Bibliothekselement vom Bedienfeld „Elemente“ in das Dokumentfenster.
Wenn Sie den Inhalt eines Bibliothekselements ohne Verweis auf das Element im Dokument einfügen möchten, drücken Sie die Strg-Taste (Windows) bzw. die Wahltaste (Mac), während Sie das Element aus dem Bedienfeld „Elemente“ ziehen. Wenn Sie ein Element auf diese Weise einfügen, können Sie es im Dokument bearbeiten. Das Dokument wird jedoch nicht aktualisiert, wenn Sie Seiten aktualisieren, auf denen das Bibliothekselement verwendet wird.
Wählen Sie ein Bibliothekselement aus und klicken Sie auf „Einfügen“.
Bibliothekselemente bearbeiten und Dokumente aktualisieren
Wenn du ein Bibliothekselement bearbeitest, kannst du alle Dokumente aktualisieren, die dieses Element verwenden.Wenn du dich entscheidest, nicht zu aktualisieren, bleiben die Dokumente mit dem Bibliothekselement verknüpft; du kannst sie später aktualisieren.
Du kannst Elemente umbenennen, um ihre Verbindung mit Dokumenten oder Vorlagen zu trennen, Elemente aus der Bibliothek der Website löschen und ein fehlendes Bibliothekselement neu erstellen.
Bibliothekselemente bearbeiten
Wählen Sie im Bedienfeld „Elemente“ die Kategorie „Bibliothek“ aus.
Klicken Sie entweder auf die Schaltfläche „Bearbeiten“ oder doppelklicken Sie auf das Bibliothekselement.
Dreamweaver öffnet ein neues Fenster, ähnlich dem Dokumentfenster, zum Bearbeiten des Bibliothekselements.Der graue Hintergrund zeigt an, dass du ein Bibliothekselement statt eines Dokuments bearbeitest.
Geben Sie an, ob die Dokumente auf der lokalen Site aktualisiert werden sollen, auf denen das Bibliothekselement verwendet wird. Wählen Sie „Aktualisieren“ aus, damit die Dokumente sofort aktualisiert werden. Wenn Sie „Nicht aktualisieren“ auswählen, werden die Dokumente erst aktualisiert, wenn Sie „Werkzeuge“ > „Bibliothek“ > „Aktuelle Seite aktualisieren“ oder „Seiten aktualisieren“ wählen.
Das aktuelle Dokument aktualisieren, um die aktuelle Version aller Bibliothekselemente zu verwenden
Wählen Sie „Werkzeuge“ > „Bibliothek“ > „Aktuelle Seite aktualisieren“.
Die gesamte Website oder alle Dokumente aktualisieren, die ein bestimmtes Bibliothekselement verwenden
Wählen Sie „Werkzeuge“ > „Bibliothek“ > „Seiten aktualisieren“.
Um alle Seiten in der ausgewählten Website zu aktualisieren, damit sie die aktuelle Version aller Bibliothekselemente verwenden, wähle Gesamte Website aus, dann wähle den Website-Namen aus dem angrenzenden Popup-Menü.
Um alle Seiten in der aktuellen Website zu aktualisieren, die das Bibliothekselement verwenden, wähle Dateien, die verwenden aus, dann wähle einen Bibliothekselement- Namen aus dem angrenzenden Popup-Menü.
Wenn Sie gleichzeitig Vorlagen aktualisieren möchten, wählen Sie auch „Vorlagen“ aus.
Dreamweaver aktualisiert die Dateien wie angegeben.Wenn du die Option Protokoll anzeigen ausgewählt hast, generiert Dreamweaver einen Bericht, der zeigt, ob Dateien erfolgreich aktualisiert wurden, zusammen mit anderen Informationen.
Bibliothekselemente umbenennen
Wählen Sie im Bedienfeld „Elemente“ die Kategorie „Bibliothek“ aus.
Bibliothekselemente in einer Bibliothek löschen
Wenn du ein Bibliothekselement löschst, entfernt Dreamweaver es aus der Bibliothek, ändert aber nicht den Inhalt von Dokumenten, die das Element verwenden.
Wählen Sie im Bedienfeld „Elemente“ die Kategorie „Bibliothek“ aus.
Ein gelöschtes Bibliothekselement kann nicht wiederhergestellt werden. Es kann jedoch neu erstellt werden.
Ein fehlendes oder gelöschtes Bibliotheks- element neu erstellen
Hervorhebung von Bibliothekselementen anpassen
Du kannst die Hervorhebungs- farbe von Bibliothekselementen anpassen und die Hervorhebung anzeigen oder ausblenden, indem du Hervorhebungseinstellungen festlegst.
Die Hervorhebungsfarbe von Bibliotheks- elementen ändern
So zeigst oder verbirgst du Hervorhebungen im Dokumentfenster
Um die Markierungen einzublenden, wählen Sie „Ansicht“ > „Optionen in der Entwurfsansicht“ > „Visuelle Hilfsmittel“ > „Unsichtbare Elemente“. Wenn die Markierung ausgeblendet werden soll, deaktivieren Sie „Unsichtbare Elemente“.
Bearbeite die Eigenschaften eines Bibliothekselements
Du kannst den Eigenschafteninspektor verwenden, um ein Bibliothekselement zur Bearbeitung zu öffnen, ein ausgewähltes Bibliothekselement von seiner Quelldatei zu trennen oder ein Element mit dem aktuell ausgewählten Bibliothekselement zu überschreiben.
Quelle
Zeigt den Dateinamen und Speicherort der Quelldatei für das Bibliothekselement an. Diese Informationen können nicht bearbeitet werden.
Öffnen
Öffnet die Quelldatei des Bibliothekselements zum Bearbeiten. Dies entspricht dem Auswählen des Elements im Assets-Bedienfeld und Klicken auf den Bearbeiten-Button.
Von Original trennen
Trennt die Verknüpfung zwischen dem ausgewählten Bibliothekselement und seiner Quelldatei. Du kannst das getrennte Element im Dokument bearbeiten, aber es ist nicht mehr ein Bibliothekselement und wird nicht aktualisiert, wenn du das Original änderst.
Neu erstellen
Überschreibt das ursprüngliche Bibliothekselement mit der aktuellen Auswahl. Verwende diese Option, um Bibliothekselemente neu zu erstellen, wenn das ursprüngliche Bibliothekselement fehlt oder versehentlich gelöscht wurde.
Bibliothekselemente in einem Dokument bearbeitbar machen
Falls du ein Bibliothekselement zu deinem Dokument hinzugefügt hast und das Element speziell für diese Seite bearbeiten möchtest, musst du die Verknüpfung zwischen dem Element im Dokument und der Bibliothek trennen. Sobald du eine Instanz eines Bibliothekselements bearbeitbar gemacht hast, wird diese Instanz nicht aktualisiert, wenn sich das Bibliothekselement ändert.
Verhalten in einem Bibliothekselement bearbeiten
Um ein Verhalten in einem Bibliothekselement zu bearbeiten, musst du zuerst das Element in ein Dokument einfügen und dann das Element in diesem Dokument bearbeitbar machen. Nachdem du die Änderungen vorgenommen hast, kannst du das Bibliothekselement neu erstellen und das Element in der Bibliothek mit dem bearbeiteten Element aus deinem Dokument ersetzen.
Notiere dir den Namen des Bibliothekselements sowie die exakten Tags, die es enthält. Sie benötigen diese Informationen später.
Wählen Sie im Bedienfeld „Elemente“ die Kategorie „Bibliothek“ aus.
Achte darauf, genau die gleichen Elemente auszuwählen, die im ursprünglichen Bibliothekselement enthalten waren.
Klicken Sie im Bedienfeld „Elemente“ auf die Schaltfläche „Neues Bibliothekselement“ und geben Sie dem neuen Element den Namen des gelöschten Elements. Verwenden Sie dabei die gleiche Schreibweise sowie Groß- und Kleinschreibung.
Wenn Sie das Bibliothekselement in den anderen Dokumenten der Site aktualisieren möchten, wählen Sie „Werkzeuge“ > „Bibliothek“ > „Seiten aktualisieren“.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.