Gewusst wie: Erstellen eine Website mit Adobe Photoshop CS5

Adobe Photoshop CS5 ist die neueste Version von Adobes beliebte Bildbearbeitungs-Software. Photoshop ist ein weit davon entfernt, eine Foto-Retusche-Programm als ein Werkzeug der Wahl für die Erstellung von grafischen Entwürfen, vor allem für das Web gekommen. Spezielle Web-Tools stehen in Photoshop, die macht es einfach für einen Designer zum Erstellen von Layouts der Website, insbesondere solche, die im HTML-Format leicht implementiert werden können.

Anweisungen

1 Öffnen Sie Adobe Photoshop CS5, und klicken Sie auf "Datei" dann "Neu."

2 Wählen Sie "Web" im Feld Vorgabe, und wählen Sie die Größe Ihrer Website aus dem Dropdown-Menü. Eine sichere Größe für eine Website ist 800 x 600, die auch gut für die Anzeige auf Mobiltelefonen funktioniert.

3 Erstellen Sie das Design und Layout Ihrer Website. Eine einfache Website-Layout enthält einen Abschnitt für Körper, Kopfzeile, Fußzeile und Seitenleisten. Sie können Ihr Design auf Ihrer Website, z. B. was Design am besten für eine zweispaltige oder dreispaltiges Layout funktioniert-Framework basieren. Verwenden Sie die Photoshop-Werkzeugen wie dem "Shape"-Tool zum Erstellen von Grafiken für Navigation und Abschnitt Kopf- und das "Füllwerkzeug" Farbe hinzufügen.

4 Klicken Sie auf das Tool "Scheibe" in der Symbolleiste. Wenn Sie das Tool "Slice" nicht angezeigt werden, müssen Sie einen Rechtsklick auf das Werkzeug "Zuschneiden" anzeigen die Option zur Verwendung von "Stück."

5 Schneiden Sie Ihr Webdesign in Abschnitte mit dem Tool. Dies ermöglicht einfache Upload und Download der Bilder sobald Sie es in eine Webseite umwandeln.

6 Klicken Sie auf "Datei" und "Für Web und Geräte speichern".

7 Wählen Sie die Image-Datei, die Sie verwenden, um Ihre Bilder speichern möchten. Sie können wählen, von JPEG, GIF und PNG Formate. Klicken Sie auf "Speichern".

8 Wählen Sie "HTML und Bilder" als Format für die Datei, die Sie speichern möchten. Klicken Sie auf "Speichern". Die Website ist nun mit den dazugehörigen Bildern in einem separaten Ordner mit dem Namen "Bilder." gespeichert.

Tipps & Warnungen

• Sie können HTML-Editoren wie Dreamweaver, Frontpage oder CoffeeCup ändern das Aussehen Ihrer Seite, als auch Textinhalt hinzufügen.