Dreamweaver-Vorlagen erstellen in Photoshop

August 4

Dreamweaver ist einer der besten Webseite bearbeiten Programme. Es hat eine Fülle von Features und Funktionen, die ihn zur Wahl von vielen Profis machen. Die nützlichere Dinge über Dreamweaver gehört, dass es gibt viele Vorlagen zum Download, die als Grundlage für eine Webseite verwendet werden kann. Ein weiteres gutes Programm, die, das Sie verwenden können, um diese Vorlagen zu erstellen, ist Adobe Photoshop. Photoshop Palette von Grafiktools ermöglichen es Ihnen, professionelle Layouts zu erstellen, die dann in Dreamweaver als HTML-Seite gezogen und bearbeitet werden können.

Anweisungen

1 Ideen für Ihre Webseite auf Papier skizzieren. Entscheiden Sie, welche Art von Vorlage, die Sie erstellen möchten. Vielleicht möchten eine machen, das hat einen einfachen weißen Hintergrund mit Ursprungstext Tasten und Navigation. Oder bevorzugen Sie vielleicht einen komplexen Hintergrund mit Bildern als Schaltflächen.

2 Alle Bilder, die Sie möglicherweise auf einen einzelnen Ordner speichern, in der Vorlage auf Ihren Rechner zu laden.

3 Öffnen Sie Photoshop. Wählen Sie "Datei" und klicken Sie auf "Neu." Klicken Sie im Dialogfeld auf "Web" unter "Voreinstellungen" und wählen Sie die Größe für die Webseite-Vorlage, die Sie erstellen möchten. 1024 x 768 ist die am häufigsten verwendeten Bildschirmgröße. Klicken Sie auf "OK".

4 Klicken Sie auf das Symbol "Neue Ebene" am unteren Bedienfeldrand "Ebenen". Wählen Sie das Auswahl-Werkzeug "Rechteckige". Verwenden Sie das Tool zum Zeichnen, wo Sie einen Banner haben möchten. Verwenden Sie eines der Tools "Füllung" das Banner mit einer Farbe, Muster oder einem Verlauf zu füllen. Sie können auch einer der geladenen Bilder öffnen und fügen Sie ihn in das Banner, Ändern der Größe passen.

5 Verwenden Sie die gleiche Methode, um alle anderen Teile der Webseite Vorlage, einschließlich Schaltflächen, Logos und Navigationsleisten erstellen.

6 Wählen Sie das Slice-Werkzeug aus der Symbolleiste, und verwenden Sie es zum Erstellen von Scheiben rund um die verschiedenen Elemente des Entwurfs. Alle Segmente mit der rechten Maustaste auf jedem, wählen "Eigenschaften" und füllen Sie einen Namen zu nennen.

7 Wählen Sie "Datei" und klicken Sie auf "Für Web und Geräte speichern". Wählen Sie den Bildtyp, die, den Sie verwenden möchten und klicken Sie auf "Speichern". Photoshop speichert die Bilder und eine HTML-Datei, die Sie als Ihre Vorlage in Dreamweaver importieren können.