Adobe Photoshop gibt Webdesignern einfache Möglichkeiten zum Erstellen und Code -Grafik. Ob Sie eine Sidebar oder Header mit mehreren Links benötigen , ermöglicht die Slice-Werkzeug Sie schneiden ein Bild , fügen Sie Code für Links und nahtlos speichern Sie das Bild Scheiben alle zusammen. Photoshop organisiert und benennt jede Scheibe , so dass Sie den Überblick über jeden Link, den Sie erstellen halten können . Anleitung
1
Öffnen Sie eine Grafik zum Schneiden in Photoshop. Fügen Sie alle Effekte vor dem Schneiden und sparen.
2
Klicken Sie auf die " Slice" -Tool aus der Toolbox auf der linken Seite . Das " Slice" -Tool sieht aus wie ein Stift seitlich unterhalb des "Crop" -Tool befindet
3
Klicken und ziehen Kästen um , wo Sie wollen , um Code Links für Ihre Grafik - . Zum Beispiel wenn Ihr Header-Grafiken Text haben , dass stehen für Links. Ziehen separaten Boxen um jedes Stück Text . Die Slice-Werkzeug fügt Zahlen und umreißt jedes Feld in blau.
4
rechten Maustaste auf die erste Scheibe ein und klicken Sie auf " Bearbeiten Slice-Optionen . " Geben Sie den Code für Ihre Links in diesem Dialog . Geben Sie die Werte für " URL ", "Ziel ", "Message Text" und "Alt -Tag. " Geben Sie nur einen Wert für die URL , wenn Sie nicht brauchen, die anderen Werte .
5
Geben Sie "_blank" für " Target" zu zwingen, ein neues Fenster zu öffnen, wenn geklickt wird. Set "Message Text" zu einem Begriff anzeigen über den Link . Geben Sie einen Begriff für " Alt-Tag " zu erscheinen, wenn eine Maus schwebt über den Link . Klicken Sie auf " OK" , wenn Sie fertig .
6
Klicken Sie auf " Datei" und wählen Sie "Speichern für Web und Geräte . " Wählen Sie das Dateiformat Voreinstellung aus der rechten oberen Ecke . A . PNG-Format ist notwendig für Grafiken mit Transparenz . Klicken Sie auf " Speichern" , wenn Sie fertig .
7
Öffnen Sie Ihren Internet-Browser. Klicken Sie auf " Datei" und " Öffnen". Finden Sie Ihr Bild in Scheiben geschnitten und doppelklicken Sie zum Öffnen . Ihr Bild wird in Scheiben geschnitten , um eine Vorschau zu laden. Testen Sie die Links auf das Bild , bevor Sie einen Blog oder eine Vorlage.
