Die meisten grundlegenden Web-Sites haben eine Titelleiste Navigationsleiste mit Registerkarten, um verschiedene Web- Seiten und einen Abschnitt für den Inhalt. Erstellen einer Webseite mit Adobe Illustrator ist eine der einfacheren Software-Programme zu verwenden . Es gibt zahlreiche Design-Anwendungen können Sie wählen aus und die Grundlagen sind leicht zu verstehen. Sie werden einfache Vektorgrafiken für die Erstellung einer Website in Illustrator verwenden . Vektorgrafiken sind Entwürfe, die Punkte , Linien, Kurven und Formen verwenden, um Bilder zu erstellen , um Rastergrafiken , die Pixel zu verwenden, wie z. B. in Adobe Photoshop entgegen. Anleitung
Erstellen eines Root Folder und Einrichten Dreamweaver
1

Erstellen Sie einen Ordner auf Ihrem Desktop. Um dies zu tun , rechts auf dem Desktop und wählen Sie "Neuer Ordner" in dem Dropdown-Menü . Dadurch wird Ihr Root-Ordner sein . Benennen Sie den Ordner , was du willst .
2

öffnen Dreamweaver auf " Site" an der Spitze und wählen Sie " New Site ". Der Site-Definition -Menü wird geöffnet und führt Sie durch die Schritte, die Sie benötigen, um eine Website in Dreamweaver nehmen .
3

Namen Ihrer Website in das dafür vorgesehene Feld . Sie müssen nicht über das Ausfüllen des Feldes für eine URL zu kümmern. Nach nennen Sie Ihre Website klicken Sie auf " Weiter".
4

Setzen Sie diesen nächsten Einstellung auf " Nein, ich möchte nicht eine Server-Technologie zu nutzen." Klicken Sie auf " Weiter" , um zur nächsten Gruppe von Einstellungen zu gehen.
5

Wählen Sie " Bearbeiten lokale Kopien auf meinem Rechner , dann auf Server (Internet) laden , wenn Sie bereit . " Als nächstes klicken Sie auf das Ordner-Symbol und dann in dem Menü, das finden Sie Ihr Root-Ordner öffnet , wählen Sie es aus und klicken Sie auf " Wählen ". Wenn Sie das getan haben, klicken Sie auf " Weiter" , um zum nächsten Schritt zu gehen.
6

Wählen Sie " None" , wie Sie möchten , um Ihre Remote-Server zu verbinden. Klicken Sie auf Weiter, nachdem Sie diese Einstellung verändert haben . "Done" klicken nach der Überprüfung Ihrer Einstellungen .
Entwerfen der Web-Seite in Illustrator
7

Adobe Illustrator öffnen und klicken Sie auf "Neues Web -Dokument. " Es ist nicht notwendig , um eine der Einstellungen zu verändern, so klicken Sie auf " OK" , um fortzufahren.
8

Entwurf ein einfaches " home" -Seite für Ihre Website, indem Sie die Symbolleiste . Erstellen Sie nur eine Titelleiste , eine Navigationsleiste und einen Bereich für Ihre Inhalte. Sie können dies, indem Sie das Rechteck-Werkzeug und das Text-Werkzeug zu tun. In der Navigationsleiste erstellen sub Kategorie Registerkarten, um zu verschiedenen Seiten zu navigieren. Zum Beispiel, wenn Sie eine Website für ein Restaurant haben , können Sie bis Unterkategorie Registerkarten für zu Hause, Hauptgerichten und Desserts .
9

Wählen Sie den " Slice" -Tool von Ihrem Symbolleiste sobald Sie die Grundlagen für Ihre Website gestaltet . Erstellen Sie Ihre erste Scheibe , indem ein Rahmen um Ihre Titel -Bereich. Wiederholen Sie dies mit Ihrem Navigationsgerät Barbereich und Ihre Content-Bereich .
10

Schalter auf " Scheibe Wählen Sie" Tool. Es zeigt sich , wenn man mit der Maus gedrückt halten auf dem Slice-Werkzeug . Doppelklicken Sie auf Ihren Titel Scheibe . Wenn die " Slice-Optionen "-Menü öffnet , nennen Sie Ihre Scheibe und dann drücken Sie " OK". Wiederholen Sie diesen Schritt mit der Navigationsleiste Scheibe und den Content-Bereich in Scheiben schneiden.
11

auf die Datei Menü und wählen Sie "Speichern für Web und Geräte speichern ". Sie können wählen , ob Sie Ihre Bilder als GIF oder JPEG gespeichert werden soll. Klicken Sie auf "Speichern".
12

Wählen Sie " Andere ... " Klicken Sie in der Menü optimiert. Diese finden unter den Scheiben im Dropdown-Menü werden. Sie erhalten ein Menü, mit Optionen zum Speichern geöffnet.
13

Ändern von "HTML" auf " Slices " in der Ausgabe-Einstellungen -Menü. Das Dropdown-Menü ist an zweiter Stelle von oben. Nach der Auswahl " Slices ", ändern Sie die Einstellung hier auf " Generieren CSS . "
14

Ändern Sie die Hintergrundfarbe auf "None" im Hintergrund im Menü . Klicken Sie auf "OK". Stellen Sie " Format " auf " HTML und Bilder. " Ändern Sie Ihre "Einstellungen" auf "Alle Benutzer-Slices . "
15

Ändern Sie den Namen der Datei auf " Index " in den Speichern als Abschnitt . Legen Sie den Speicherort Sie sparen werden als Root Ordner, den Sie im ersten Abschnitt erstellt . Klicken Sie auf " Speichern" , wenn Sie dieses .
Getan haben Finishing Ihre Web Site in Dreamweaver
16

öffnen Dreamweaver , wählen Sie " Datei> Öffnen" und öffnen Sie Ihre index.html Datei, die Sie von Illustrator exportiert. Sie sollten in der Lage sein, dies in Ihrem Root- Ordner zu finden.
17

Geben Sie Ihre Web-Seite einen Titel . Am oberen Rand der Seite finden Sie eine Fläche für einen Titel . Legen Sie den Namen der Seite, arbeiten Sie in diesem Abschnitt. Zum Beispiel, wenn Sie auf Ihrer Homepage arbeiten, werden Sie "zu Hause" in Ihrem Titel -Bereich setzen .
18

erstellen Hotspot Link für Ihr Navigationssystem , indem Sie auf Ihrem Navigationsgerät Scheibe . An der Unterseite , klicken Sie auf die blaue Karte Hotspot -Werkzeug und ziehen Sie einen Rahmen um den ersten Navigationsleiste Registerkarte . Legen Sie den Namen der HTML- Datei, die Sie in der Link-Box verbinden. Zum Beispiel, wenn Sie ein Feld um die Registerkarte Start ziehen , würden Sie schreiben "index.html" in der Link-Box . Sie müssen auch sicherstellen, dass Sie ihm einen Namen, so alt Browsern für blinde und gehörlose Benutzer können den Link vorgelesen oder geben Sie ihn in Braille . In der alt Abschnitt Typ Hause.
19

Wiederholen Sie diesen Schritt für jede Ihrer Navigationsleiste tabs. Zum Beispiel, wenn Sie Ihre nächste Navigationsleiste Registerkarte ist für Vorspeisen , würden Sie ziehen einen Rahmen um den Reiter , Typ " entrees.html " in der Link-Box , und geben Sie " Vorspeisen " in der alt -Box .
20

Verlinken Sie Ihre Titelleistenbereich und Ihre Content-Bereich , ohne einen Hotspot. Um dies zu tun , auf das Bild klicken und dann den Namen des HTML möchten Sie im Link- Bereich zu verbinden. Zum Beispiel würde Ihre Titelleiste im Zusammenhang mit " index.html " werden. Seien Sie sicher, dass das Grenzgebiet sagt "0".
21

Gehen Sie auf " Datei> Speichern". Dies wird die Homepage für Ihre Website und die Grundlage für alle anderen HTML-Seiten für Ihre Website als gut.
22

Ändern Sie den Titel Eigentum an der Spitze vom Index , was auch immer die nächste Seite auf Ihre Website sein wird .
23

Wählen Sie "Datei> Speichern unter" und benennen Sie die Datei " entrees.html . " Der Name muss in Kleinbuchstaben und keine Leerzeichen .
24

Wiederholen Sie diese Schritte für alle übrigen Webseiten. Eine einfache Möglichkeit , dies zu betrachten ist einfach bei jeder Ihrer Navigationsleiste Registerkarten schauen . Jeder Reiter muss eine separate Webseite für ihm benannt.
25

Testen Sie Ihre Links durch einen Klick auf das Bild von einer Kugel am oberen Rand des Bildschirms . Dies wird Ihnen genau zeigen, wie Sie Ihre Website wird einmal auf eine Website hochgeladen Look.