Medienobjekte hinzufügen

Zuletzt aktualisiert am 27. April 2021

Hier erfahren Sie u. a., wie Sie in Dreamweaver-Webseiten Medienobjekte einfügen und bearbeiten, Design Notes verwenden.

Neben SWF- und FLV-Dateien können Sie andere Audio- oder Videoobjekte in ein Dreamweaver-Dokument einfügen. Wenn Sie Eingabehilfen-Attribute mit einem Medienobjekt eingefügt haben, können Sie diese Eingabehilfen-Attribute einstellen und die zugehörigen Werte im HTML-Code bearbeiten.

Platziere die Einfügemarke im Dokumentfenster an der Stelle, an der du das Objekt einfügen möchtest.
Fügen Sie das Objekt ein, indem Sie einen der folgenden Schritte ausführen:
  • Klicken Sie auf die Kategorie „HTML“ des Bedienfelds „Einfügen“ und wählen Sie das Symbol für den einzufügenden Objekttyp aus.

  • Wählen Sie im Untermenü „Einfügen“ > „HTML“ das entsprechende Objekt aus.

  • Daraufhin wird ein Dialogfeld angezeigt, in dem Sie eine Quelldatei auswählen und verschiedene Parameter für das Medienobjekt festlegen können.

Anmerkung

Wenn Sie festlegen möchten, dass dieses Dialogfeld nicht angezeigt wird, wählen Sie „Bearbeiten“ > „Voreinstellungen“ > „Allgemein“ (Windows) bzw. „Dreamweaver“ > „Voreinstellungen“ > „Allgemein“ (Mac) aus und deaktivieren Sie die Option „Beim Einfügen von Objekten Dialogfeld zeigen“. Um die derzeitigen Einstellungen für die Anzeige von Dialogfeldern außer Kraft zu setzen, halten Sie die Strg-Taste (Windows) bzw. die Wahltaste (Mac) gedrückt, während Sie das Objekt einfügen. 

Nehmen Sie im Dialogfeld „Datei auswählen“ die gewünschten Einstellungen vor und klicken Sie dann auf „OK“.
Anmerkung

Das Dialogfeld Barrierefreiheit-Attribute wird angezeigt, wenn du im Dialogfeld Bearbeiten > Voreinstellungen ausgewählt hast, Attribute beim Einfügen von Medien anzuzeigen.

Lege die Barrierefreiheit-Attribute fest.
Anmerkung

Du kannst auch Medienobjekt-Attribute bearbeiten, indem du das Objekt auswählst und den HTML-Code in der Code-Ansicht bearbeitest oder mit der rechten Maustaste klickst (Windows) oder bei gedrückter ctrl-Taste klickst (Macintosh) und Tag-Code bearbeiten auswählst.

Titel

Geben Sie für das Medienobjekt einen Titel ein.

Zugriffstaste

Gib eine Tastenkombination (einen Buchstaben) in das Textfeld ein, um das Formularobjekt im Browser auszuwählen. Dadurch kann ein Besucher der Website die Strg-Taste (Windows) zusammen mit der Zugriffstaste verwenden, um auf das Objekt zuzugreifen. Wenn du beispielsweise B als Zugriffstaste eingibst, verwende Strg+B, um das Objekt im Browser auszuwählen.

Reihenfolgenposition

Geben Sie eine Zahl für die Tabulatorreihenfolge des Formularobjekts an. Das Festlegen einer Registerkartenreihenfolge ist nützlich, wenn du andere Verknüpfungen und Formularobjekte auf der Seite hast und der Benutzer sie in einer bestimmten Reihenfolge durchlaufen soll. Wenn du die Registerkartenreihenfolge für ein Objekt festlegst, stelle sicher, dass du die Registerkartenreihenfolge für alle festlegst.

Klicken Sie auf „OK“, um das Medienobjekt einzufügen.
Anmerkung

Wenn du auf Abbrechen klickst, wird ein Medienobjekt-Platzhalter im Dokument angezeigt, aber Dreamweaver verknüpft keine Barrierefreiheit-Tags oder -Attribute damit.

Um eine Quelldatei anzugeben oder Abmessungen und andere Parameter und Attribute festzulegen, verwende den Eigenschafteninspektor für jedes Objekt. Du kannst Barrierefreiheit-Attribute für ein Objekt bearbeiten.

Einen externen Editor für Mediendateien starten

Du kannst einen externen Editor von Dreamweaver aus starten, um die meisten Mediendateien zu bearbeiten. Außerdem können Sie festlegen, welcher Editor von Dreamweaver zur Bearbeitung einer Datei gestartet werden soll.

Stelle sicher, dass der Mediendateityp einem Editor auf deinem System zugeordnet ist.

Um herauszufinden, welcher Editor dem Dateityp zugeordnet ist, wähle Bearbeiten > Voreinstellungen in Dreamweaver aus und wähle Dateitypen/Editoren aus der Kategorienliste. Klicke auf die Dateierweiterung in der Spalte Erweiterungen, um den zugeordneten Editor oder die Editoren in der Spalte Editoren anzuzeigen. Du kannst den Editor ändern, der einem Dateityp zugeordnet ist.

Doppelklicke auf die Mediendatei im Dateien-Bedienfeld, um sie im externen Editor zu öffnen.

Der Editor, der startet, wenn du auf die Datei im Dateien-Bedienfeld doppelklickst, wird Primär-Editor genannt. Wenn du beispielsweise auf eine Grafikdatei doppelklickst, öffnet Dreamweaver die Datei im primären externen Grafik-Editor wie Adobe Fireworks.

Wenn du nicht den primären externen Editor zum Bearbeiten der Datei verwenden möchtest, kannst du einen anderen Editor auf deinem System zum Bearbeiten der Datei verwenden, indem du eine der folgenden Aktionen ausführst:
  • Klicke im Dateien-Bedienfeld mit der rechten Maustaste (Windows) oder bei gedrückter Ctrl-Taste (Mac) auf den Dateinamen und wähle Öffnen mit aus dem Kontextmenü.

  • Klicke in der Entwurfsansicht mit der rechten Maustaste (Windows) oder bei gedrückter Ctrl-Taste (Mac) auf das Medienelement innerhalb der aktuellen Seite und wähle Bearbeiten mit aus dem Kontextmenü.

Gib den Editor an, der von Dreamweaver gestartet werden soll

Du kannst den Editor angeben, den Dreamweaver zum Bearbeiten eines Dateityps verwenden soll, und Dateitypen hinzufügen oder löschen, die Dreamweaver erkennt.

Gib explizit an, welche externen Editoren für einen bestimmten Dateityp gestartet werden sollen

Wähle Bearbeiten > Voreinstellungen und wähle Dateitypen/Editoren aus der Kategorienliste aus.

Dateinamenerweiterungen wie .gif, .wav und .mpg werden links unter Erweiterungen aufgelistet. Zugehörige Editoren für eine ausgewählte Erweiterung werden rechts unter Editoren aufgelistet.

Wähle die Dateityp-Erweiterung in der Liste Erweiterungen aus und führe eine der folgenden Aktionen aus:
  • Um einen neuen Editor mit dem Dateityp zu verknüpfen, klicke auf den Plus-Button (+) über der Editorenliste und fülle die angezeigte Dialogbox aus.

    Wähle beispielsweise das Anwendungssymbol für Acrobat aus, um es mit dem Dateityp zu verknüpfen.

  • Um einen Editor zum primären Editor für einen Dateityp zu machen (das heißt, der Editor, der sich öffnet, wenn du auf den Dateityp im Dateien-Bedienfeld doppelklickst), wähle den Editor in der Editorenliste aus und klicke auf Primär machen.

  • Um die Verknüpfung eines Editors mit einem Dateityp aufzuheben, wähle den Editor in der Editorenliste aus und klicke auf den Minus-Button (-) über der Editorenliste.

Neuen Dateityp und zugehörigen Editor hinzufügen

Klicke auf den Plus-Button (+) über der Erweiterungsliste und gib eine Dateityp-Erweiterung ein (einschließlich des Punkts am Anfang der Erweiterung) oder mehrere verwandte Erweiterungen, getrennt durch Leerzeichen.

Zum Beispiel könntest du .xml .xsl eingeben, wenn du sie mit einem auf deinem System installierten XML-Editor verknüpfen möchtest.

Wähle einen Editor für den Dateityp aus, indem du auf den Plus-Button (+) über der Editor-Liste klickst und das angezeigte Dialogfeld ausfüllst.

Dateitypen entfernen

Wähle den Dateityp in der Erweiterungen-Liste aus und klicke auf den Minus-Button (-) über der Erweiterungen-Liste.
Anmerkung

Du kannst das Entfernen eines Dateityps nicht rückgängig machen, stelle also sicher, dass du ihn wirklich entfernen möchtest.

Design Notes mit Medienobjekten verwenden

Wie bei anderen Objekten in Dreamweaver kannst du auch einem Medienobjekt Design-Notizen hinzufügen. Design-Notizen sind Notizen, die mit einer bestimmten Datei verknüpft und in einer separaten Datei gespeichert sind. Du kannst Design-Notizen verwenden, um zusätzliche Dateiinformationen zu verfolgen, die mit deinen Dokumenten verknüpft sind, wie zum Beispiel Image Source-Dateinamen und Kommentare zum Datei-Status.

Klicke mit der rechten Maustaste (Windows) oder bei gedrückter Strg-Taste (Macintosh) auf das Objekt im Dokumentfenster.
Anmerkung

Du musst deine Site definieren, bevor du Design-Notizen zu einem Objekt hinzufügst.

Klicken Sie im Kontextmenü auf „Design Notes für Seite“.
Geben Sie die Informationen ein, die Sie in die Design Note aufnehmen möchten.
Anmerkung

Du kannst auch eine Design-Notiz zu einem Medienobjekt über das Dateien-Panel hinzufügen, indem du die Datei auswählst, das Kontextmenü öffnest und Design-Notizen aus dem Kontextmenü auswählst.

Videos hinzufügen, die keine FLV-Videos sind

Du kannst Videos auf verschiedene Weise und in verschiedenen Formaten zu deiner Web-Seite hinzufügen.Videos können vom Anwender heruntergeladen werden oder als Stream abgespielt werden, sodass sie während des Herunterladens wiedergegeben werden.

Kopieren Sie den Clip in den Site-Ordner.

Solche Clips liegen meist im AVI- oder MPEG-Dateiformat vor.

Erstellen Sie einen Hyperlink zu dem Clip oder betten Sie den Clip in die Seite ein.

"Um eine Verknüpfung zum Clip zu erstellen, gib Text für die Verknüpfung ein, z. B. „Clip herunterladen", wähle den Text aus und klicke auf das Ordner-Symbol im Eigenschafteninspektor.Wählen Sie die Videodatei aus.

Anmerkung

Der Anwender muss eine Helfer-Anwendung (ein Plug‑in) herunterladen, um gängige Streaming-Formate wie Real Media, QuickTime und Windows Media anzuzeigen.

Plug-Ins einfügen

Du kannst Inhalte wie einen QuickTime-Film für ein Browser-Plug-in erstellen und dann Dreamweaver verwenden, um diese Inhalte in ein HTML-Dokument einzufügen.Typische Plug-ins sind RealPlayer und QuickTime, während einige Inhaltsdateien MP3s und QuickTime-Filme umfassen.

Du kannst Filme und Animationen, die auf Browser-Plug-ins angewiesen sind, direkt in der Entwurfsansicht des Dokumentfensters in der Vorschau anzeigen.Du kannst alle Plug‑in-Elemente gleichzeitig abspielen, um zu sehen, wie die Seite für den Anwender aussieht, oder du kannst jedes einzeln abspielen, um sicherzustellen, dass du das richtige Medienelement eingebettet hast.

Anmerkung

Du kannst keine Filme oder Animationen in der Vorschau anzeigen, die auf ActiveX-Steuerelemente angewiesen sind.

Nach dem Einfügen von Inhalten für ein Plug‑in verwendest du den Eigenschafteninspektor, um Parameter für diese Inhalte festzulegen. Um die folgenden Eigenschaften im Eigenschafteninspektor anzuzeigen, wähle ein Plug‑in-Objekt aus.

Der Eigenschafteninspektor zeigt zunächst die am häufigsten verwendeten Eigenschaften an. Klicke auf den Erweiterungspfeil in der unteren rechten Ecke, um alle Eigenschaften anzuzeigen.

Plug‑in-Inhalte einfügen und deren Eigenschaften festlegen

Platziere in der Design-Ansicht des Dokumentfensters den Einfügepunkt an der Stelle, an der du den Inhalt einfügen möchtest. Führe dann eine der folgenden Aktionen aus:
  • Klicke in der Kategorie Allgemein des Einfügen-Bedienfelds auf den Medien-Button und wähle das Plug-in-Symbol aus dem Menü aus.

  • Wähle Einfügen > Medien > Plug-in.

Wähle im angezeigten Dialogfeld eine Inhaltsdatei für ein Plug-in aus und klicke auf OK.
Nehmen Sie im Eigenschafteninspektor die gewünschten Einstellungen für das Plug-In vor.

Name

Legt einen Namen fest, um das Plug-In bei der Skriptverarbeitung zu identifizieren. Gib einen Namen in das unbeschriftete Textfeld ganz links im Eigenschaft- Inspector ein.

B/H

Gib die Breite und Höhe in Pixeln an, die dem Objekt auf der Seite zugewiesen werden.

Quelle

Gibt die Datenquelldatei an. Klicke auf das Ordnersymbol, um eine Datei zu durchsuchen, oder gib einen Dateinamen ein.

Plg-URL

Gibt die URL des pluginspace-Attributs an. Gib die vollständige URL der Seite ein, von der Anwender das Plug-in herunterladen können. Wenn der Anwender, der deine Seite betrachtet, das Plug-in nicht hat, versucht der Browser, es von dieser URL herunterzuladen.

Ausrichten

Legt fest, wie das Objekt auf der Seite ausgerichtet wird.

V-Abstand und H-Abstand

Gib die Menge des Leerraums in Pixeln oberhalb, unterhalb und auf beiden Seiten des Plug-ins an.

Rahmen

Legt die Breite des Rahmens fest, der das Plug-In umgibt.

Parameter

Öffnet ein Dialogfeld zur Eingabe zusätzlicher Parameter, die an das Plug-in weitergegeben werden. Viele Plug-Ins reagieren auf Sonderparameter.

Du kannst auch die Attribute anzeigen, die dem ausgewählten Plug-in zugewiesen sind, indem du auf die Schaltfläche Attribut klickst. Du kannst in diesem Dialogfeld Attribute wie Breite und Höhe bearbeiten, hinzufügen und löschen.

Plug-in-Inhalt im Dokumentfenster abspielen

Füge ein oder mehrere Medienelemente mit einer der im vorherigen Abschnitt beschriebenen Methoden ein.
Führen Sie einen der folgenden Schritte aus:
  • Wählen Sie eines der eingefügten Medienelemente aus und wählen Sie „Ansicht“ > „Plug-Ins“ > „Wiedergeben“ oder klicken Sie im Eigenschafteninspektor auf die Schaltfläche „Abspielen“.

  • Wählen Sie „Ansicht“ > „Plug-Ins“ > „Alle wiedergeben“, um alle Medienelemente auf der ausgewählten Seite abzuspielen, für die Plug-Ins erforderlich sind.

Anmerkung

Der Befehl „Alle wiedergeben“ wirkt sich nur auf das aktuelle Dokument aus und beispielsweise nicht auf andere Dokumente innerhalb des Framesets.

Wiedergabe des Plug-In-Inhalts stoppen

Wähle ein Medienelement aus und wähle Ansicht > Plug-ins > Anhalten, oder klicke auf den Button Anhalten im Eigenschafteninspektor.

Du kannst auch Ansicht > Plug-ins > Alle anhalten auswählen, um alle Plug-in-Inhalte zu stoppen.

Fehlersuche in Plug-Ins

Wenn du den Schritten zum Abspielen von Plug-in-Inhalt im Dokumentfenster gefolgt bist, aber einige der Plug-in-Inhalte nicht abgespielt werden, versuche Folgendes:

  • Stelle sicher, dass das zugehörige Plug-in auf deinem Computer installiert ist und dass der Inhalt mit der Version des Plug-ins kompatibel ist, die du hast.

  • Öffne die Datei Configuration/Plugins/UnsupportedPlugins.txt in einem Texteditor und schaue nach, ob das problematische Plug-in aufgelistet ist. Diese Datei enthält eine Liste der Plug-Ins, die in Dreamweaver zu Problemen führen und daher nicht unterstützt werden. (Wenn du Probleme mit einem bestimmten Plug-in hast, überlege, es zu dieser Datei hinzuzufügen.)

  • Überprüfen Sie, ob genügend Speicherplatz vorhanden ist. Einige Plug-ins benötigen zusätzliche 2 bis 5 MB Arbeitsspeicher zum Ausführen.

Medien über Verhalten steuern

Du kannst Verhalten zu deiner Seite hinzufügen, um verschiedene Medienobjekte zu starten und zu stoppen.

Shockwave oder Flash-Film steuern

Spiele ab, halte an, spule zurück oder gehe zu einem Frame in einem Shockwave-Film oder SWF-Datei.

Sound abspielen

Ermöglicht es dir, einen Sound abzuspielen; beispielsweise kannst du einen Soundeffekt abspielen, wann immer der Benutzer den Mauszeiger über einen Link bewegt.

Plug-In überprüfen

Ermöglicht es dir zu überprüfen, ob Besucher deiner Website das erforderliche Plug-in installiert haben, und sie dann je nach vorhandenem Plug-in zu verschiedenen URLs zu leiten.Das gilt nur für Plug-ins, da das Plug-in prüfen-Verhalten nicht nach ActiveX-Steuerelementen sucht.

Verwende Parameter zur Steuerung von Medienobjekten

Sie können Sonderparameter definieren, um SWF-Dateien und Zusatzmodule zu steuern. Parameter werden mit den Tags object, embed und applet verwendet. Parameter setzen Attribute, die speziell für verschiedene Objekttypen gelten. In einer SWF-Datei kann beispielsweise für das object-Tag der Qualitätsparameter <paramname="quality"value="best"> verwendet werden. Das Dialogfeld „Parameter“ wird über den Eigenschafteninspektor aufgerufen. Informationen zu den benötigten Parametern finden Sie in der Dokumentation des verwendeten Objekts.

Anmerkung

Es gibt keinen allgemein akzeptierten Standard für die Identifizierung von Datendateien für ActiveX-Steuerelemente. Konsultiere die Dokumentation für das ActiveX-Steuerelement, das du verwendest, um herauszufinden, welche Parameter du verwenden sollst.

Name und Wert für einen Parameter eingeben

Wählen Sie ein Objekt aus, für das Parameter im Dokumentfenster festgelegt werden können.

Öffnen Sie den Eigenschafteninspektor, falls er nicht bereits geöffnet ist, und klicken Sie in der unteren Hälfte des Eigenschafteninspektors auf die Schaltfläche „Parameter“. (Vergewissern Sie sich, dass der Eigenschafteninspektor erweitert ist.)

Klicke auf den Plus (+)-Button und gib den Parameternamen und -wert in die entsprechenden Spalten ein.

Parameter entfernen

Wähle einen Parameter aus und drücke den Minus (–)-Button.

Parameter neu anordnen

Wähle einen Parameter aus und verwende die Aufwärts- und Abwärtspfeil-Buttons.