Wie Sie eine Webseite in ImageReady und Export in Dreamweaver erstellen

March 31

Wie Sie eine Webseite in ImageReady und Export in Dreamweaver erstellen

Dreamweaver ist die führende Webseite Bearbeitungsprogramm auf dem Markt. Es hat Werkzeuge und Funktionen, die es ein Favorit unter den professionellen Webseite Designer machen. Aber es ist ein sehr komplexes Programm mit einer steilen Lernkurve. Aus diesem Grund haben Sie Dreamweaver verwenden, um eine Webseite veröffentlichen es klug, so viel von der Webseite möglichst in einem anderen Programm erstellen möglicherweise. Haben Sie Zugang zu ImageReady (und Photoshop, die mitgelieferte), können Sie problemlos erstellen eine einfache Webseite, die Sie dann exportieren können in Form von Dreamweaver verwendet werden kann.

Anweisungen

1 Entscheiden Sie, was Ihre Website aussehen soll und wie es funktionieren sollte. Beispielsweise wählen Sie, ob Sie die Navigationsleiste oben oder auf der linken Seite des Bildschirms. Sie sollten auch ein Farbschema auswählen. Wie bei den meisten Grafiken Projekten ist es besser, nur ein paar Farben zu verwenden und diese dieselben Farben konsequent auf Ihrer Website zu verwenden.

2 Laden Sie alle Bilder, die Sie verwenden möchten für Ihre Web-Seiten auf Ihren Computer indem sie von der digitalen Quelle, die sie gespeichert sind oder Scannen sie im. Wenn Sie scannen, stellen Sie sicher, dass Sie eine Auflösung von mindestens 600 DPI in Ihren Scanner-Software verwendet.

3 Öffnen Sie Photoshop. Wählen Sie "Datei" und klicken Sie auf "Neu." Im daraufhin angezeigten Dialogfeld machen dem Dokument die gleiche Breite und Höhe Sie möchten Ihre Webseite sein. Hier eine gute Wahl ist 1024 x 768. Die Auflösung 72 Pixel und klicken Sie auf "OK".

4 Wählen Sie entweder das "PaintBucket" oder "Verlauf"-Werkzeug aus der Symbolleiste, und füllen Sie die Leinwand mit der Farbe oder einem Verlauf Ihrer Wahl. Dann klicken Sie auf "Rechteckig" oder das "Elliptische" Form-Werkzeug und legen Sie es auf "Füllung." Jetzt können sie um die Navigations-Schaltflächen und andere Formen benötigen Sie für Ihre Seite zu ziehen.

5 Wählen Sie das Werkzeug "Text" und hinzuzufügen Sie den Text, die, den Sie für Ihre Webseite brauchen, einschließlich Text auf die Navigationsschaltflächen.

6 Wählen Sie "Datei" und klicken Sie auf "Öffnen". Suchen Sie die Bilder, die Sie in Schritt 2 geladen und öffnen Sie sie. Verwenden Sie die Funktionen "Kopieren" und "Einfügen", um die Bilder im Dokument Webseite zu platzieren. Verwenden Sie die Funktion "Scale" unter "Bearbeiten", um dessen Größe und position der Bilder der gewünschten Stelle in Ihrem Design.

7 Klicken Sie auf das Symbol "Springen zu ImageReady" am unteren Rand der Symbolleiste. Dieses öffnet die aktuelle Photoshop-Datei in ImageReady. Wählen Sie in ImageReady das Werkzeug "Scheibe" und erstellen Sie Auswahl rund um die Schaltflächen und andere klickbare Abschnitte. Jedes Segment, selbst diejenigen, die nichts in ihnen zu nennen.

8 Wählen Sie "Datei" und klicken Sie auf "Speichern unter optimiert." Stellen Sie sicher, dass der Dateityp HTML ist, und speichern Sie die Datei. Sie haben nun ein HTML-Dokument, die in Dreamweaver geöffnet werden kann, für das Hinzufügen von Hyperlinks und veröffentlichen.

9 Öffnen Sie Dreamweaver. Wählen Sie "Datei" und klicken Sie auf "Öffnen". Navigieren Sie im Dialogfeld, das geöffnet wird zu der HTML-Datei, die Sie aus ImageReady in Schritt 8 exportiert und in Dreamweaver öffnen.