Wie erstelle ich eine Website mit Photoshop & Dreamweaver

Die Adobe Creative Suite ist eine große Reihe von Programmen für die Entwicklung und Erstellung einer Website haben. Eine der wichtigsten Gründe, warum ist da eine Person nicht haben umfangreiche HTML-Kenntnisse unbedingt um eine Website erstellen zu können. Diese beiden Programme können helfen, eine Person, die eine minimale Menge an Arbeit zu tun, aber immer noch ein ausgezeichnetes Endprodukt zu erhalten.

Anweisungen

Das Design in Photoshop erstellen

1 Öffnen Sie ein neues Photoshop-Dokument, indem Sie auf das Photoshop-Symbol auf dem Computer. Nachdem das Programm öffnet, öffnet wählen Sie "STRG + N" und ein neues Dokument.

2 Platzieren Sie Elemente auf der Seite. Verwenden Sie die Tools in der Toolbox auf der linken Seite der Seite. Der beste Weg dazu ist das Rechteck-Werkzeug aus der Toolbox auswählen. Klicken Sie und ziehen Sie ein Rechteck-Shape auf der Seite eine Leiste am oberen Rand machen. Wählen Sie eine Farbe im Feld ausfüllen.

3 Wählen Sie das Text-Werkzeug erstellen Sie beliebig viele Textfelder wie Sie entlang dieser Bar benötigen. In der Regel sollten etwa fünf Boxen ausreichen. Die Boxen enthalten Wörter wie "Über uns" "Registrieren", "News", "Kontakt" und "Kaufen".Was ist in diesen Boxen enthalten hängen letztlich von der Zweck der Website.

4 Gehen Sie zu "File" und "Platz", einige Bilder auf der Seite zu platzieren. Die gleichen Regeln, mit denen oft Design Druck gelten für Web-Design sowie. Dies bedeutet, dass Sie sicher sein sollten, dass die Elemente auf der Seite ausrichten.

5 Beenden Sie das Design für die Startseite der Website. Speichern Sie diese Seite als JPEG-Datei und schließen Sie es.

Bereiten Sie für das Web mit Dreamweaver

6 Öffnen Sie Dreamweaver. Nachdem Dreamweaver öffnet, gehen Sie auf "Datei" und klicken Sie dann auf "Öffnen". Wenn das nächste Fenster geöffnet wird, wählen Sie "Erstellen". Dies findet man auf der rechten unteren Ecke des Bildschirms.

7 Wenn die neue Seite öffnet, zeigt sie den Code der Seite. Finden Sie die Registerkarte "Entwurf" auf der Seite in der Nähe der Registerkarte "Code" oberhalb der HTML-Bereich bearbeiten. Nachdem Sie sich im Entwurfsmodus befinden, gehen Sie zum Menü "Einfügen" auf die Oberseite der Seite und wählen Sie "Bild" aus dem Menü.

8 Es erscheint ein Fenster, das Sie ein Bild auszuwählen, auf einer Seite platzieren können. Finden Sie die JPEG-Datei gerade in Photoshop erstellten und wählen Sie es. Dieses Bild wird nun auf der Dreamweaver-Seite sein.

9 Wählen Sie das Bild-Map-Tool auf der Unterseite der Seite. Dann klicken Sie und ziehen Sie die Maus über einem Bereich auf der Seite einen Link setzen möchten. Nachdem Sie dies tun, gehen Sie zurück zu den unteren Bildschirmrand und geben Sie eine vollständige URL-Adresse in das URL-Feld am unteren Rand des Fensters. Wiederholen Sie diesen Schritt für jeden Link, den Sie auf der Seite erstellen möchten.

10 Wiederholen Sie dabei (Schritte 1 und 2) auf eine andere Seite für die Website erstellen. Es liegt an Ihnen, jede Seite zu entwerfen, wie Sie es gestalten möchten, aber die wichtige Sache zu erinnern ist, speichern Sie es als JPEG-Datei und laden Sie sie in Dreamweaver jedes Mal. Wenn alles gesagt und getan ist, haben Sie eine attraktive Website, die Sie mit Photoshop und Dreamweaver erstellt.

Tipps & Warnungen

• Fügen Sie Text in die "Alt"-Box, die neben dem URL-Feld beim Image-Maps zu tun. Dies ermöglicht einfachere Verwendung unter visuell beeinträchtigt, wenn sie Ihre Website besuchen.
• Vergessen Sie nicht das Symbol "#" aus dem Feld "Link" zu löschen, wenn Sie eine neue Adresse eingeben. Nicht das Löschen dieses bewirkt, dass Ihre URL nicht richtig funktionieren.