Bilder einfügen

Wenn Sie ein Bild in ein Dreamweaver-Dokument einfügen, erzeugt Dreamweaver im HTML-Quellcode automatisch einen Verweis auf die Datei. Damit dieser Verweis problemlos funktioniert, muss sich die Bilddatei in der aktuellen Site befinden. Wenn sie sich nicht in der aktuellen Site befindet, fragt Dreamweaver Sie, ob Sie die Datei in die Site kopieren möchten.

Sie können Bilder auch dynamisch einfügen. Dynamische Bilder ändern sich häufig. So müssen zum Beispiel Rotationssysteme für Werbebanner einzelne Banner nach dem Zufallsprinzip aus einer Liste potentieller Banner auswählen und das ausgewählte Banner dynamisch anzeigen, wenn eine Seite angefordert wird. Weitere Informationen finden Sie unter Bilder dynamisch gestalten.

So fügen Sie ein Bild ein:

1. Setzen Sie die Einfügemarke an die Stelle im Dokumentfenster, an der das Bild erscheinen soll. Führen Sie anschließend einen der folgenden Schritte aus:
   • Klicken Sie in der Leiste Einfügen in der Kategorie Allgemein auf das Symbol Bild.
     
     
   • Ziehen das Symbol Bild in das Dokumentfenster (bzw. in das Codeansicht-Fenster).
   • Wählen Sie Einfügen > Bild.
   • Ziehen Sie ein Bild aus dem Bedienfeld Elemente (Fenster > Elemente) an die gewünschte Stelle im Dokumentfenster. Fahren Sie dann mit Schritt 3 fort.
   • Ziehen Sie ein Bild aus dem Bedienfeld Site an die gewünschte Stelle im Dokumentfenster. Fahren Sie dann mit Schritt 3 fort.
   • Ziehen Sie ein Bild vom Desktop an die gewünschte Stelle im Dokumentfenster. Fahren Sie dann mit Schritt 3 fort.
2. Führen Sie im daraufhin erscheinenden Dialogfeld einen der folgenden Schritte aus:
   • Wählen Sie Dateisystem, um eine Grafikdatei auszuwählen.
   • Wählen Sie Datenquelle, um eine dynamische Bildquelle auszuwählen.
3. Wählen Sie aus der Verzeichnisstruktur das Bild oder die Bildquelle aus, die Sie einfügen möchten.

   Wenn Sie in einem nicht gespeicherten Dokument arbeiten, erstellt Dreamweaver den Verweis file:// auf die Bilddatei. Wenn Sie das Dokument in einem beliebigen Ordner in der Site speichern, wandelt Dreamweaver diesen Verweis in einen dokumentrelativen Pfad um.

4. Klicken Sie auf OK.

   Das Dialogfeld Eingabehilfen-Attribute für Image-Tag wird eingeblendet, wenn Sie das Dialogfeld in den Voreinstellungen aktiviert haben (siehe Den Arbeitsbereich für zugängliche Seiten optimieren).

   
   
   

5. Geben Sie Werte in den Textfeldern Alternativtext und Lange Beschreibung ein, und klicken Sie anschließend auf OK.

   HINWEIS

   Je nach Bedarf können Sie in den beiden Textfeldern Text eingeben.

   Weitere Informationen finden Sie unter Optionen des Dialogfelds „Eingabehilfen-Attribute für Image-Tag" festlegen.

   Das Bild wird im Dokument angezeigt.

   HINWEIS

   Wenn Sie auf Abbrechen klicken, wird das Bild in das Dokument eingefügt, ohne jedoch von Dreamweaver mit Eingabehilfen-Tags oder -Attributen versehen zu werden.

6. Legen Sie im Eigenschafteninspektor (Fenster > Eigenschaften) die gewünschten Eigenschaften des Bildes fest.

   Weitere Informationen finden Sie unter Bildeigenschaften festlegen.

   Weitere Informationen über das Bearbeiten von Eingabehilfen-Attributen für Bilder finden Sie unter Eingabehilfen-Attribute für Bilder bearbeiten.

Ergänzende Themen

• Hintergrundbild oder Hintergrundfarbe der Seite festlegen
• Platzhalterbilder verwenden

Eingabehilfen-Attribute für Bilder bearbeiten

Wenn Sie Eingabehilfen-Attribute für ein Bild eingefügt haben (siehe Bilder einfügen), können Sie diese Werte im HTML-Code bearbeiten.

So bearbeiten Sie die barrierefreien Informationen eines Bildes:

1. Wählen Sie im Dokumentfenster das Bild aus.
2. Führen Sie einen der folgenden Schritte aus:
   • Bearbeiten Sie die jeweiligen Bildattribute in der Codeansicht.
   • Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Taste <Ctrl> (Macintosh), und wählen Sie dann Tag-Code bearbeiten.
   • Bearbeiten Sie den Wert des Feldes Alt im Eigenschafteninspektor.