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
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.
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.
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.
Schritt 4. Passen Sie die Größe Ihres Bildes an, indem Sie die Anzahl der Pixel in die Felder „Breite“und „Höhe“eingeben
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.
Schritt 6. Klicken Sie auf das Bild
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.