Wie Hinzufügen von Bildern auf Ihrer Website in Dreamweaver

ein Bild auf Ihrer Webseite hinzufügen können zunächst fast magisch erscheinen, weil der Prozess so einfach mit Dreamweaver ist. Die Herausforderung mit Web-Grafiken ist das Hinzufügen von ihnen nicht auf Ihre Seiten, aber sie schaffen gut aussehende Bilder, die schnell laden in Ihrem Betrachters Browser.

Sie benötigen ein anderes Programm wie Photoshop, Photoshop Elements oder Fireworks, zu erstellen, zu konvertieren, bearbeiten und Bilder zu optimieren. Optimierung Bilder macht Dateigrößen kleiner, so dass Ihre Bilder schneller herunterladen. Dreamweaver bietet einige grundlegende Bildbearbeitungs-Tools, aber meistens verwenden Sie Dreamweaver und die Position von Bildern auf Ihrer Seite einzufügen.

Dreamweaver macht Bilder auf Ihren Webseiten einfach und bietet verschiedene Möglichkeiten platzieren, dies zu tun:

  • Klicken Sie auf die Bilder Symbol im Panel Gemeinsame Einfügen und dann auf ein Bild auswählen, das Bild einfügen Dialogfeld.

  • Im Bedienfeld Dateien, klicken und einen Bildnamen auf die Seite ziehen, wo Sie das Bild angezeigt werden soll.

  • Verwenden Sie das Menü Einfügen.

Wenn Sie nicht über eine Web-optimierte JPEG, GIF haben oder praktisch PNG-Bild, können Sie download kostenlos Bilder Das sind bereits optimiert.

Um ein Bild auf einer Webseite platzieren das Menü Einfügen verwenden, befolgen Sie diese Anweisungen:

  1. Öffnen Sie eine vorhandene Seite oder erstellen Sie eine neue Seite zu speichern.

  2. Setzen Sie den Cursor in dem Sie das Bild auf der Seite eingefügt werden soll.

    Sie können Bilder in oben links eine neue, leere Datei einfügen und Sie können Bilder in Tags und Elemente in einer Webseite einfügen, aber Sie können nicht nur in der Mitte einer Seite ein Bild platzieren, ohne Verwendung von zusätzlichen HTML-Tags oder CSS Formatieren zu positionieren.

  3. Wählen Sie Einfügen-Bild-Bild.

    Die Bildquelle auswählen Dialogfeld erscheint.

  4. Durchsuchen Sie das Bild eingefügt werden soll ausfindig zu machen.

    Abhängig von Ihrem Computersystem, können Sie Bilder betrachten, wie Sie sie auf verschiedene Weise einsetzen. Hier sind drei gemeinsame Optionen:

  5. Auf einem PC mit Windows XP, wählen Thumbnails aus dem Menü Ansicht Dropdown-Liste auf der rechten Seite des Feld Suchen in Miniaturversionen aller Bilder in einem geöffneten Ordner anzuzeigen. Sie können auch eine einzelne Vorschau von jedem ausgewählten Bild in der rechten Seite des Dialogfelds.

  6. Auf einem PC mit Windows Vista oder Windows 7, ein Symbol Option (Kleine Symbole, Mittel Icons, Große Symbole oder Extra Large Icons) aus dem Menü Ansicht Dropdown-Liste wählen Sie rechts neben dem Feld Suchen in Miniaturversionen aller Bilder in einem geöffneten Ordner anzuzeigen. Sie können auch eine einzelne Vorschau von jedem ausgewählten Bild ganz rechts im Dialogfeld.

  7. Auf einem Mac die Als Option Spalten von links oben im Dialogfeld wählen. Sie können in der rechten Seite des Dialogfelds eine einzelne Vorschau von jedem ausgewählten Bild anzuzeigen.

  8. Um das Bild einzufügen, doppelklicken Sie auf den Bildnamen oder einmal klicken und dann auf OK klicken.

    Wenn Sie ein Bild in eine Seite und das Bild einfügen wird nicht in der lokalen Site-Ordner gespeichert, Dreamweaver fordert Sie mit einem Dialogfeld Warnung und bietet das Bild in der lokalen Site-Ordner zu kopieren. Viele Designer erstellen Sie einen Unterordner mit dem Namen Bilder in der lokalen Site-Ordner, wo sie gespeichert werden alle Bilder in ihrer Website, aber Sie können Bilder in mehrere Unterordner organisieren, wenn Sie es vorziehen.

  9. Wählen Sie das Bild auf Ihrer Webseite anzuzeigen und zu bearbeiten Bildeigenschaften.

    Bildoptionen werden automatisch im Eigenschafteninspektor am unteren Rand der Seite angezeigt, wenn ein Bild ausgewählt wird.

Wenn Sie eine Image-Datei auf einer Seite einfügen, sehen Sie tatsächlich nicht um eine Kopie des Bildes an die seiten- fügen Sie einen Verweis auf das Bild. Der zugrunde liegende Code sieht ähnlich wie der Code für einen Link von einer Seite zur anderen.

Beide Bild Verweise und Links enthalten den Namen der Datei und den Pfad von der Seite auf diese Datei. Im Wesentlichen sind Sie eine Anweisung für einen Web-Browser zu schaffen, das Bild zu finden, wenn es um die Seite anzeigt.

Um ein Bild auf Ihrer Webseite anzuzeigen, benötigen Sie sowohl die Seite und das Bild hochladen, wenn Sie Ihre Website veröffentlichen. Wenn Sie Ihre Bilddateien und die Seiten, die auf diese Dateien beziehen sich nicht in der gleichen relativen Position auf der Festplatte sind, wie sie auf Ihrem Webserver sind, brechen Sie den Verweis auf Ihre Bilder, und ein hässliches Defektes Bild-Symbol erscheint auf Ihrer Seite .

Der beste Weg, um sicherzustellen, dass Ihre Bilder und Dateien bleiben, wo sie in Beziehung angeblich sind zueinander ist Dreamweaver Spur für Sie von ihnen halten zu lassen. Deshalb ist es so wichtig, die Site-Setup-Prozess zu vervollständigen und um sicherzustellen, dass Sie nie ein Bild verschieben oder umbenennen, außer im Bedienfeld Dateien.

Menü