Wie wir alle wissen, umfasst die Website-Erstellung verschiedene Wissensaspekte, darunter Grafikdesign, HTML-Seitenerstellung, CSS-Stildefinition, clientseitige Skripterstellung (JavaScrfipt/VBScript), serverseitige Skripterstellung (Asp/Asp.Net/PHP/JSP). usw. Inhalt. In dieser Ausgabe beginnt der Autor ganz grundlegend, konzentriert sich auf die Erstellung einer einfachen HTML-Website und erlebt zunächst den Spaß.
1. Das vom Autor hier verwendete Tool zur Webseitenerstellung ist Dreamweaver. Führen Sie zuerst Dreamweaver aus, wählen Sie das Menü „Datei“ → „Neu“ und das in Abbildung 1 gezeigte Fenster wird angezeigt.
2. In diesem Fenster gibt es unter der Registerkarte „Basisseite“ sieben Optionen. Nachdem wir das Element „HTML“ ausgewählt und auf die Schaltfläche „Erstellen“ geklickt haben, wird der Erstellungsarbeitsbereich leer, was bedeutet, dass die HTML-Seite erfolgreich erstellt wurde Klicken Sie auf die Codeansicht und der in Abbildung 2 gezeigte Inhalt wird angezeigt.
3. Ignorieren Sie die spezifische Bedeutung dieser angezeigten HTML-Seitencodes. Wir ändern zunächst „Titel ohne Titel“ in „Webseitendebüt“ und wählen dann die Entwurfsansicht aus. Klicken Sie auf „Menü“ → „Einfügen“ → „HTML“ → „Rahmen“ → „Oben“, um oben auf der Webseite einen Rahmen einzufügen. Zu diesem Zeitpunkt ist die Webseite in zwei Frames unterteilt, nämlich den oberen Frame und den unteren Frame. Nachdem wir den Frame ausgewählt haben, wählen Sie den Befehl „Menü“ → „Einfügen“ → „HTML“ → „Frame“ → „Links“, der einen Frame auf der linken Seite der Webseite einfügt.
4. Klicken Sie auf „Strg+S“, um jeden Frame zu speichern (top.htm, left.htm, right.htm). Wählen Sie dann den linken Rahmen aus und klicken Sie auf den Befehl „Menü“ → „Einfügen“ → „Hyperlink“. Das in Abbildung 3 gezeigte Dialogfeld wird angezeigt. Geben Sie in diesem Dialogfeld verschiedene Elemente ein, wobei „Text“ der im Link angezeigte Text, „Link“ die Seitenadresse ist, zu der nach dem Klicken gesprungen wird, und „Ziel“ der Frame, in dem er angezeigt wird. Hier wählen wir das „Ziel“ als MainFrame (also den linken Frame) aus und folgen diesem Schritt, um mit dem Einfügen von Hyperlinks fortzufahren. Geben Sie als Nächstes die Codeansicht des rechten Frames (right.htm) ein und geben Sie <marquee Direction=left align=middle>Willkommen auf meiner Website!!!</marquee> in <body></body> ein Durch Spezialeffekte kann sich Text nach links, rechts, oben und unten bewegen. Durch Ändern der Richtung (AUF, AB, Links, Rechts) kann die Bewegungsrichtung des Texts geändert werden.
5. Nachdem wir nun eine HTML-Seite mit einem Frame erstellt haben, fügen wir dem oberen Frame (top.htm) ein Banner hinzu. Banner kann einige dynamische JavaScript-Effekte ausführen. Der spezifische Code für dynamische Austauscheffekte kann im Quellcode der Top.Htm-Seite angezeigt werden.
bannerAD[0]=pic173.gif;
bannerADlink[0]=http://www.sina.com;
bannerAD[1]=pic1732.gif;
bannerADlink[1]=http://www.sohu.com;
Code-Erklärung: Das obige ist ein JavaScript-Array, das Bilder speichert, und BannerADlink speichert Links, nachdem Sie auf das Bild geklickt haben.
6. Erstellen Sie weiterhin Seiten für die Hyperlinks im rechten Frame. Der spezifische Inhalt kann selbst angepasst werden. Wählen Sie das Menü „Datei“, klicken Sie auf „Neu“, wählen Sie HTML aus, um eine Reihe von Seiten zu erstellen. Die Namen der Seiten sollten mit den beim Einfügen des Links geschriebenen Namen übereinstimmen. Der Autor hat im Originaldokument zwei Beispiele (aktuelle Nachrichten und beliebte Prominente) aufgeführt, und die Leser können versuchen, selbst weitere Inhalte hinzuzufügen. Auf diese Weise entsteht der Prototyp einer HTML-Website, wie in Abbildung 4 dargestellt ist, der endgültige Effekt der Seite.
Der dynamische Effekt spiegelt sich nicht im Screenshot wider. Nach dem Öffnen wird das Eingabeaufforderungsmenü „Blockierte Inhalte zulassen“ angezeigt (Abbildung 5).
Zusammenfassung: In dieser Ausgabe stellen wir vor, wie Sie mit Dreamweaver eine einfache HTML-Site erstellen, die JavaScript, HTML-Framework, Hyperlink und andere Technologien verwendet. Darüber hinaus ist die Aufforderung zum Blockieren von Inhalten, die wir oben gesehen haben, darauf zurückzuführen, dass die Webseite nicht auf der Website veröffentlicht wurde. In der nächsten Ausgabe wird Ihnen der Autor weitere spannende Inhalte präsentieren.