Photoshop ist ein gutes Werkzeug für die Gestaltung der Bildelemente Ihrer Website , einschließlich Rollover-Buttons , Drop-Down- Menüs und Grafiken , die auf anderen Web-Seiten. Allerdings ist Photoshop selbst nicht ein Web - Tool zur Erstellung einer Seite . Glücklicherweise ist es relativ einfach, Ihren Prototyp in ein web- freundliche Grafik -Format exportieren , und erstellen Sie eine HTML- Seite , die diese Elemente verwendet . Beachten Sie, dass interaktive Komponenten wie Hypertext-Links , Rollover-Buttons und Dropdown-Menüs zusätzliche Arbeit erfordern . Jenseits der Grundlagen ist stark abhängig von der Anwendung und kann spezielle Programmierkenntnisse erforderlich . Things You
Photoshop
HTML Editor
Browser
brauchen anzeigen Weitere Anweisungen
einfachen Webseite
1

Öffnen Sie Ihren Prototyp in Photoshop und exportieren, um eine Web -gestützte Bildformat. Wählen Sie " Für Web und Geräte speichern " aus dem Menü Datei. Im Dialogfenster wählen Sie entweder JPEG , GIF oder PNG. Wählen Sie ein Bild Qualität , wenn man bedenkt , dass eine höhere Qualität erhöht die Dateigröße.
2

"Speichern" Ihre Datei auf der Festplatte , so dass es einen Namen wie " myPrototype.jpg . "

3

Öffnen Sie Ihren HTML-Editor und erstellen Sie eine neue Web-Seite. Die meisten HTML-Editoren wird ein Skelett Web-Seite für Sie zu erstellen.
4

Fügen Sie ein Bild , das direkt unterhalb der Öffnung . Das Bildelement wird in Form : . .
5

Speichern Sie Ihre Web-Seite und Last in jedem Browser

Neben Basics
6

verbessern Sie Ihr Layout , indem Sie entweder Tabellen oder Cascading Style Sheets (CSS) , das Layout zu positionieren. Die bevorzugte Methode ist , um die einzelnen Schichten oder Scheiben , in Photoshop erstellt und nehmen Sie sie mit CSS positionieren . Richtig gemacht , entsteht ein "flüssiges " Layout, positioniert das Layout als Browser verkleinert wird .
7

Höhere Geschwindigkeit durch Wiederholung Hintergrund-Elemente. In Photoshop , erstellen Sie eine 5 - Pixel breiten Scheibe Ihren Hintergrund und speichern Sie es in eine Datei. In HTML können Sie wiederholen das Element mit dem Attribut background Ihrer ,

oder CSS . Syntax für jeden Fall variiert , so überprüfen Sie Ihre HTML- Führer. Achten Sie darauf, die Hintergrund -Attribut auf " wiederholen."
8

Use Image-Maps , um einfach Links von einem Bild zu einem anderen Web-Seite zu erstellen. Laut Web-Entwickler Gregory Hodges , erstellen Sie eine