Adobe Photoshop ist ein ideales Werkzeug für die Erstellung eines Website-Layouts und ist die Industrie-Standard -Tool für die Bildbearbeitung und Bitmap- Image-Erstellung . Erstellen eines Layouts in Adobe Photoshop ermöglicht dem Designer die Möglichkeit, schnelle Änderungen ohne jede Code anpassen zu machen. Sobald das Aussehen und das Gefühl der Website fertig sind, macht Adobe Photoshop es sehr einfach , in Scheiben schneiden und die Optimierung der Bilder für das Internet. Things You
Adobe Photoshop CS3
-Code -Compiler oder Web -Design-Programm
brauchen anzeigen Weitere Anweisungen
1
planen auf dem Papier . Nähern Sie sich dem Computer mit einem klaren Plan und das Wissen , was die Website müssen Projekt Erwartungen zu erfüllen. Finden Sie Ideen für Farben und Stilen aus zu ziehen . Je mehr Planung und Organisation, die in diesem Stadium auftritt, wird die weniger schwierig Design-Entscheidungen einmal arbeiten in Adobe Photoshop .
2
Öffnen Sie Adobe Photoshop CS3 und starten Sie ein neues Dokument. Legen Sie das Dokument in der Höhe auf 800 Pixel und die Breite auf 600 Pixel. Dies ist ein Standard-Größe für Web- Layout-Design und wird dafür sorgen, dass die Seite durch eine Vielzahl von Auflösungen betrachtet werden können.
3
Stellen Sie die Auflösung des Dokuments zu 72 Pixel pro Zoll ( PPI) . Stellen Sie sicher, dass das Dokument den Farbmodus auf RGB eingestellt ist. Schalten Sie die Maßeinheiten auf dem Lineal auf Pixel für genaue Messungen angezeigt.
4
bilden den Rahmen der Seite mit Führungen . Die vertikalen Grenzen schaffen Parameter für die Website- Breite und den horizontalen Führungen wird Raum aus der Site -Elemente. Definieren Sie Bereiche für einen Header , Navigationsleiste und der Content-Bereich . Einen konsequenten Marge , in der Regel rund 10 Pixel, zwischen den Elementen zu ästhetischen Raum zu der Webseite hinzufügen .
5
Fügen Sie die Bilder und Texte , die den Stil der Seite umfassen wird . Für komplizierte Bilder , wie die Website-Header , entwerfen ein Bild zuerst in einer anderen Datei und fügen Sie ihn in die gewünschte Position in der Layout-Datei . Halten Sie alle Layout-Elemente auf separaten Ebenen um Leichtigkeit in Bearbeitung zu gewährleisten. Benennen Sie jede Schicht nach dem entsprechenden Element .
6
Einen Hintergrundbild. Ein einfaches Muster in einem 100 Pixel x 100 Pixel Platz kann gefliest und ist schneller zu laden als ein größeres Bild .
7
Schneiden Sie das Dokument in Stücke , in die Website codiert. Benutzen Sie den " Slice" -Tool , um Bereiche, die als einzelne Bild -Dateien gespeichert werden sollen.
8
Wähle eine Scheibe gespeichert werden soll mit " Scheibe auswählen . " Wählen Sie Datei> Speichern für Web und Geräte , um das Bild für das Web zu optimieren. Die geschnittenen Bildern und Stil der Seite wird umfassen das Aussehen und das Gefühl der Website .
