So fügen Sie in Adobe Dreamweaver einen Link zu einem Bild hinzu: 7 Schritte

Inhaltsverzeichnis:

So fügen Sie in Adobe Dreamweaver einen Link zu einem Bild hinzu: 7 Schritte
So fügen Sie in Adobe Dreamweaver einen Link zu einem Bild hinzu: 7 Schritte
Anonim

Bei der Erstellung von Websites gibt es bestimmte Dinge zu beachten, unter anderem, Ihre Website für die Zuschauer interessant zu machen. Mit Dreamweaver, einem HTML-Bearbeitungsprogramm, ist es einfach, ein Bild in einen Link umzuwandeln. Dieser Artikel zeigt Ihnen, wie das geht!

Schritte

Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 1

Schritt 1. Öffnen Sie Dreamweaver

Öffnen Sie eine vorhandene Datei oder definieren Sie eine neue Site und erstellen Sie eine neue HTML-Datei, falls Sie dies noch nicht getan haben.

Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 2

Schritt 2. Wenn Sie eine neue HTML-Datei erstellen, erstellt Dreamweaver bereits eine grundlegende Webseitenstruktur für Sie

Geben Sie Ihren Cursor irgendwo zwischen den Tags und ein.

Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 3

Schritt 3. Fügen Sie das gewünschte Bild ein

Dafür gibt es drei alternative Methoden:

  • Gehen Sie oben zum Bereich "Einfügen". Klicken Sie auf „Bild“und wählen Sie „Bild“aus dem erscheinenden Untermenü.
  • Rechts befindet sich eine Leiste, auf der 'Insert' und 'Files' geschrieben stehen. Klicken Sie auf „Auswählen“und dann im Dropdown-Menü auf „Allgemein“. Fügen Sie nun das Bild ein, indem Sie auf 'Bild' klicken. Wenn diese Leiste nicht angezeigt wird, klicken Sie auf die Stelle, an der der Arbeitsbereich „Kompakt“oder „Erweitert“steht. Klicken Sie auf „Kompakt“und dann auf „Kompakt zurücksetzen“, um die Standardeinstellungen von Dreamweaver zurückzusetzen.
  • Drücken Sie Strg+Alt+I auf Ihrer Tastatur.
Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 4

Schritt 4. Passen Sie die Größe Ihres Bildes an, indem Sie die Anzahl der Pixel in die Felder „Breite“und „Höhe“eingeben

Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 5

Schritt 5. Gehen Sie in den 'Design'-Modus, um zu sehen, wie Ihr Bild aussieht

Klicken Sie auf "Live", um zu sehen, wie Ihre Website tatsächlich aussehen wird.

Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 6

Schritt 6. Klicken Sie auf das Bild

Im Bereich "Eigenschaften" sehen Sie ein leeres Feld mit der Aufschrift "Link". Geben Sie den Link Ihrer Webseite ein (zum Beispiel - https://www.wikihow.com/), aber vergessen Sie nicht das Präfix "http:"! Wählen Sie im 'Ziel' die Option '_blank' aus, wenn es in einem neuen Browser-Tab oder -Fenster geöffnet werden soll.

Hinzufügen eines Links zu einem Bild in Adobe Dreamweaver Schritt 7

Schritt 7. Speichern Sie Ihre Webseite, indem Sie Strg+S. drücken (Speichern) oder Strg+⇧ Umschalt+S (Speichern unter).

Tipps

  • Wenn Sie möchten, dass es wie eine Schaltfläche oder nur eine Form in Ihrem Bild ist, ändern Sie den Hintergrund mit einem Bildbearbeitungsprogramm wie Photoshop in einen ähnlichen Hintergrund wie auf Ihrer Webseite.
  • Klicken Sie auf das kleine Globus Symbol oben, um es in Ihrem Browser anzuzeigen.

Beliebt nach Thema