Bevor wir mit der Erstellung beginnen, analysieren wir zunächst diese Seite. Schauen Sie sich an, was auf dieser Seite verwendet wird.
□Der Titel „Meine Homepage“ oben auf der Webseite ist ein Textabschnitt.
□In der Mitte der Webseite befindet sich ein Bild.
□Die Willkommensnachricht unten ist ein Textabschnitt.
□Der Hintergrund der Webseite ist tiefviolett.
Nachdem wir uns die Struktur dieser Webseite ausgedacht haben, können wir mit der Erstellung beginnen.
Starten Sie zunächst Dreamweaver und stellen Sie sicher, dass Sie mit dem Site-Manager eine Website (Stammverzeichnis) erstellt haben.
Um die Produktion zu erleichtern, öffnen Sie bitte vorab den Ressourcenmanager und sammeln Sie die zu verwendenden Bilder im Bilderordner des Website-Verzeichnisses.
[ Titeltext einfügen]
Geben Sie den Ansichtsstatus für das Seitenbearbeitungsdesign ein. Unter normalen Umständen ist der Editor standardmäßig linksbündig, der Cursor blinkt in der oberen linken Ecke und die Cursorposition ist die Position der Einfügemarke. Wenn Sie den Text in der Mitte einfügen möchten, klicken Sie im Eigenschaftenfenster auf die Schaltfläche „Mitte“. Starten Sie die chinesische Eingabemethode und geben Sie die vier Wörter „Meine Homepage“ ein. Es spielt keine Rolle, ob die Schriftart klein ist, wir können sie einrichten.
[Textformat festlegen] Wählen Sie den Text aus und stellen Sie das Schriftformat im Eigenschaftenfenster oben auf die Standardschriftart ein. Die Schriftgröße kann nach Belieben geändert werden. Und wählen Sie „B“, um die Schriftart fett zu machen.
[Farbe des Textes festlegen] Wählen Sie zunächst den Text aus, klicken Sie im Eigenschaftenfenster auf das Farbauswahlsymbol und wählen Sie mit der Pipette die Farbe im Popup-Farbwähler aus.
[Titel und Hintergrundfarbe der Webseite festlegen]
Klicken Sie auf das Menü „Ändern“ und wählen Sie „Seiteneigenschaften“. Das System öffnet das Dialogfeld „Seiteneigenschaften“ (wie unten gezeigt).
Bitte geben Sie im Titeleingabefeld den Titel „Meine Homepage“ ein.
Hintergrundfarbe festlegen: Der Hintergrund der Webseite kann ein Bild oder eine Farbe sein. In diesem Fall ist es die Farbe. Öffnen Sie zur Auswahl die Hintergrundfarbenauswahl wie oben gezeigt. Wenn Sie den Hintergrund auf ein Bild festlegen möchten, klicken Sie auf die Schaltfläche „Durchsuchen“ für das Hintergrundbild. Das System öffnet ein Dialogfeld zur Bildauswahl. Wählen Sie die Hintergrundbilddatei aus und klicken Sie auf die Schaltfläche „OK“.
Klicken Sie in der Entwurfsansicht mit der Maus in den leeren Bereich rechts neben dem Titel „Meine Homepage“, drücken Sie die Eingabetaste, um eine Zeile zu ändern, und führen Sie die folgenden Schritte aus, um ein Bild einzufügen und das Bild zu zentrieren. Sie können es auch nach links ausrichten, indem Sie im Eigenschaftenfenster auf die Schaltfläche „Links ausrichten“ klicken.
【Bild einfügen】Wählen Sie eine der folgenden Methoden:
(1) Verwenden Sie das Menü „Einfügen“: Wählen Sie „Bild“ im Menü „Einfügen“. Das Dialogfeld „Bildquelldatei auswählen“ wird angezeigt. Wählen Sie die Bilddatei aus und klicken Sie auf „OK“. Wie unten gezeigt:
(2) Verwenden Sie die Einfügespalte: Klicken Sie auf die Schaltfläche „Einfügespaltenobjekt“ > „Auswählen“. Das Dialogfeld „Bildquelldatei auswählen“ wird angezeigt. Die übrigen Vorgänge sind die gleichen wie oben.
(3) Verwenden Sie das Bedienfeld „Ressourcen“ der Bedienfeldgruppe (wie unten gezeigt): Klicken Sie auf die Schaltfläche, erweitern Sie den Bildordner im Stammverzeichnis, wählen Sie die Datei aus und ziehen Sie sie mit der Maus an die entsprechende Position im Arbeitsbereich.
Hinweis: Zur Vereinfachung der Verwaltung legen wir die Bilder im Ordner „images“ ab. Wenn nur wenige Bilder vorhanden sind, können Sie diese auch im Stammverzeichnis der Site platzieren. Beachten Sie, dass der Dateiname auf Englisch oder Pinyin und in Kleinbuchstaben benannt werden muss und nicht auf Chinesisch sein darf, da es sonst zu Problemen kommt.
Ein Bild wird eingefügt. (Fügen Sie eine *.swf-Animationsdatei ein, wählen Sie im Menü „Einfügen“ > „Medien“ > „Flash“).
[Begrüßungstext eingeben]
Klicken Sie in den leeren Bereich rechts neben dem Bild und drücken Sie die Eingabetaste, um die Zeile umzubrechen. Befolgen Sie weiterhin die oben beschriebene Methode, geben Sie den Text „Willkommen…“ ein und verwenden Sie dann das Eigenschaftenfenster, um den Text festzulegen.
Speichern Sie die Seite.
Eine einfache Seite wurde so bearbeitet.
[Vorschau der Webseite] Drücken Sie F12 im Seiteneditor, um eine Vorschau des Webseiteneffekts anzuzeigen.
Die erste Seite der Website, die Startseite, erhält beim Speichern normalerweise den Namen index.htm.
[Zusammenfassung] Wir haben eine einfache Webseite erstellt.
Es gibt vier Inhalte:
①Einstellungen zum Einfügen und Ausrichten von Bildern;
② Einstellungen für Textformat, Farbe und Fettdruck;
③Einstellen der Hintergrundfarbe;
④Schauen Sie sich eine Vorschau der Webseite an, um den tatsächlichen Effekt zu sehen.
Sie müssen es nicht nur beherrschen, sondern auch wiederholt üben.