Normalerweise würden Sie verwenden Web -Design -Software wie Dreamweaver , HTML- Web-Seiten mit Links zu anderen Seiten oder URLs zu erstellen. Photoshop ist vor allem ein Grafik-Editor und Foto- Touch -up -Programm. Allerdings können Sie Links in Photoshop PSD-Dateien mit dem " Slice-Werkzeug " erstellen und dann exportieren Sie die PSD zu HTML- Web -Seite. Die Scheibe Tool erstellt " Scheiben " oder einzelne Bilder, die als Tasten in Ihrem HTHL Webseite handeln . Things You
Adobe Photoshop CS3 oder höher
brauchen anzeigen Weitere Anweisungen
1
Starten Sie eine neue PSD Bild oder öffnen Sie ein vorhandenes Bild in Photoshop.
< Br > 2
erstellen Sie das Bild wie gewohnt , indem Sie Ihre Seite banner , Buttons und andere Objekte. Sie können Photoshop Text und Grafik-Tools , um das Bild zu erstellen , importieren oder vorhandene Photoshop -kompatible Bilder und legen Sie sie in der PSD Sie wollen eine Webseite konvertieren. Oder verwenden Sie eine Kombination beider Methoden .
3
Wählen Sie den " Slice-Werkzeug " (fünfte in der Toolbox ) . Wenn Sie nicht das Slice -Werkzeug verwendet haben, kann ein anderes Werkzeug aktiv sein auf die Schaltfläche. Wenn ja, klicken Sie und halten Sie die Taste gedrückt und wählen Sie dann " Slice-Werkzeug " aus dem fly -out.
4
rechten Maustaste auf den Bereich, den Sie in Scheiben geschnitten und wählen Sie " Bearbeiten Slice-Optionen " aus dem Pop- up-Menü. Dies zeigt die Slice-Optionen im Dialogfeld . Es gibt mehrere Optionen in diesem Dialogfeld für die Erstellung von Links. Geben Sie die Zielseite Dateinamen oder die URL für den Link in der Feld "URL" . Zum Beispiel: ". Http://mydomain.com/services.html " (ohne die Anführungszeichen )
Geben Sie den Ziel-Browser Verhalten im Feld "Ziel" . Zum Beispiel , um den Link in einer neuen Seite öffnen, geben Sie "_blank ". Um das Ziel in der gleichen Link -Seite zu öffnen , geben Sie " _self . " (Ohne Anführungszeichen entweder für Eintrag . )
5
Klicken Sie auf " OK", um die Verbindung gelten .
6
Setzen Sie die Erstellung und Anwendung von Scheiben Links , bis Sie alle Links, die Sie erstellt haben .
7
Klicken Sie auf " Datei" auf der Menüleiste und wählen Sie " für Web und Geräte speichern . " Dies zeigt das für Web und Geräte Dialogfeld Speichern unter. In diesem Dialogfeld können Sie steuern verschiedene Konfigurationsoptionen für Ihre HTML-Seite , wie Hintergrundfarbe , Bildqualität , Komprimierung, Metadaten-Tags ( für Suchmaschinen ) und so weiter.
8
Klicken Sie auf " Speichern" ; Taste zu benennen und exportieren Sie die Web -Seite. Sofern Sie es nicht ändern, speichert Photoshop die HTML-Datei in dasselbe Verzeichnis wie die PSD . Doppelklicken Sie auf die HTML-Datei , um die neue Seite in einem Browser öffnen und überprüfen Sie die Links. Wenn Sie Ihre Links nicht richtig funktionieren , überprüfen Sie sie in Slice-Optionen bearbeiten , um sicherzustellen, dass sie typisiert sind und richtig konfiguriert.
