So machen Sie Ihre Website dynamisch
Ist Ihre Website immer noch so statisch wie nie zuvor? Unter den aktuellen geometrischen Wachstum von Internet -Websites hält eine beträchtliche Anzahl von ihnen immer noch an statisch und blieb unsichtbar hinter dem Tempo der Zeit zurück. Der sogenannte statische Statik bedeutet, dass der Webseiteninhalt der Website behoben wird. Statisches HTML -Dokument. Der Inhalt seiner Seite verwendet nur Standard -HTML -Code und wird höchstens von den beliebten dynamischen Bildern von GIF89A -Format wie dem Animationseffekt mehrerer Welpen und Kätzchen begleitet. Wenn ein Website -Betreuer den Inhalt einer Webseite aktualisieren möchte, muss er alle seine HTML -Dokumente manuell aktualisieren.
Die tödliche Schwäche statischer Websites ist, dass sie nicht einfach zu pflegen sind, um die Webinhalte ständig zu aktualisieren, und Sie müssen ständig HTML -Dokumente wiederholen. Vorstellung.
Sie können nicht anders, als zu fragen: Also, was ist eine dynamische Website? Dies ist der Kern des Artikels.
1. Interaktivität bedeutet, dass Webseiten dynamisch ändert und nach den Nutzeranforderungen und -auswahl reagieren und den Browser als Client -Schnittstelle ein Hauptereignis für die zukünftige Entwicklung von Web sein werden.
2. Automatisches Update bedeutet, dass Sie das HTML -Dokument nicht manuell aktualisieren müssen, und eine neue Seite wird automatisch generiert, wodurch die Arbeitsbelastung stark speichern kann.
3. Es ändert sich von Zeit zu Person, wenn verschiedene Personen zu unterschiedlichen Zeiten die gleiche Website besuchen und verschiedene Personen verschiedene Seiten produzieren.
Nachdem Sie ein grundlegendes Konzept für dynamische Websites haben, sollten Sie als nächstes eine kompetente Waffe auswählen. Es gibt viele Möglichkeiten, Ihre Website dynamisch zu erstellen. Es hängt davon ab, welche Bedürfnisse Ihre Bedürfnisse sind. Wenn Sie ein Betreuer Ihrer persönlichen Website sind und einen kostenlosen Homepage -Bereich verwenden, können Sie in den meisten Fällen nur Java, Java -Skript und die neueste DHTML -Technologie verwenden. Seien Sie sehr glücklich, mit echter dynamischer Technologie zu spielen. Die CGI- und ASP -Technologie werden später diskutiert.
Was genau ist DHTML? Wie unterscheidet es sich von traditioneller HTML? DHTML ist, wenn eine Webseite von einem Webserver heruntergeladen wird und nicht mehr vom Server verarbeitet werden muss, sondern den Inhalt, den Layoutstil und die Animation der Webseite im Browser direkt und dynamisch aktualisiert werden. Wenn beispielsweise die Maus zum Artikelabsatz wechselt, kann der Absatz blau werden oder wenn Sie auf einen Hyperlink klicken, wird automatisch ein Dropdown-Subhyperlink-Verzeichnis generiert. Dies ist dynamisches HTML (Dynamic HTML), eine der aufregendsten und praktischsten Innovationen in der schnellen Entwicklung des Internets in den letzten Jahren. Es handelt sich um ein Konzept, das durch die umfassende Entwicklung verschiedener Technologien erzielt wird, einschließlich Java -Skript, VB0Script, Dokumentobjektmodell, Ebenen und Kaskadierungsstilblättern (CSS -Stylesheets) usw. Es ist sehr bedauerlich, dass wir nach mehreren Kämpfen zwischen Netscape und Microsoft IE -Browsern noch keinen einheitlichen Standard für die DHTML -Unterstützung erhalten haben. Daher muss dieser Artikel bei der Einführung von DHTML separat beschrieben werden. Schauen wir uns zunächst einen Blick auf die Unterstützung von Microsoft IE 4 für DHTML:
1. Dynamischer Inhalt: Aktualisieren Sie den Inhalt der Webseite dynamisch und fügen Sie Komponenten der Webseite dynamisch ein, z. B. Text, Tags usw.
2. Dynamische Stilblätter: Durch die Kaskadierungsstil -Blätter von W3C (verbundene Schrift, die als CSS1 oder CSS bezeichnet) ist die Schriftgröße, die Schriftgröße, die Dicke, die Schriftstil und die Zeilenhöhe von HTML -Tags, addieren, unten hinzugefügt. Linie oder mittlere horizontale Linie, Entfernung von der Kante, Zentrum von links oder Zentrierung, Eindrückung, Hintergrundbild oder Farbe und anderen Typensatzfunktionen. Dynamische Layoutstile können den Layoutstil jederzeit dynamisch verändern.
3.. Dynamische Positionierung: Durch den Arbeitsentwurf von W 3 C zur Positionierung von HTML mit Kaskadenstilblättern bietet es die Positionierungsfunktion von HTML -Komponenten in den Achsen X, Y und Z, sodass Designer Bilder, Steuerelemente, Text usw. in den Platzieren von Bildern, Text usw. platzieren können in Überall auf der Seite. Durch das Platzieren auf unterschiedliche Z-Achse kann der Designer überlappende Effekte erzeugen.
4. Integriertes Datenbewusstsein: Es ist nicht erforderlich, komplexe Programme oder zu viel Ressourcen für den Server auszugeben, sodass Webdesigner Dokumente in Echtzeit verarbeiten können.
5. Eingebaute Multimedia-Unterstützung: IE 4.0 kombiniert CSS und integrierte ActiveX-Steuerelemente, um Multimedia-Unterstützungsfunktionen bereitzustellen, einschließlich Multimedia-Funktionen wie Konvertierungseffekten, Filtereffekten, Pfadregelung, Sequenzregelung, Animation, Zeichnung, Wiedergabe von Klang und Bildern .
Schauen wir uns die Unterstützung von Netscape Communicator 4.0 für DHTML an:
1. Dynamische Stilblätter: Unterstützen Sie W 3 C Cascading Style Sheets (Connected Type Style, als CSS1 oder CSS bezeichnet) und hausgemachte Java -Drehbuchstilblätter.
2.Dynamische Ebenen: Bietet die Funktionen der Positionierung von Bildern und Texten, ändern Sie die überlappende Reihenfolge von Bildern und Texten, steuern das Versteck oder das Anzeigen von Bildern und Texten und können Sie Animationseffekte entwerfen!
3.Dynamische Schriftarten: Bietet die Funktion, Schriftarten vom Server herunterzuladen. Es ist ersichtlich, dass zwar IE 4.0 und Netscape Communicator 4.0 beide dynamische HTML -Unterstützung bieten, mit Ausnahme der ähnlichen Spezifikationen von Kaskadierungsstilblättern, der Rest ist jedoch sehr unterschiedlich. Wenn Sie DHTML -Seiten entwerfen, müssen Kompatibilitätsprobleme vollständig berücksichtigt werden. Der Autor erläutert die Verwendung von Methoden und Designtechniken von DHTML in Kapitel 2 "Achtzehn Kampfkünste dynamischer Webdesigns" sorgfältig. Bitte beachten Sie genau.
Vielleicht reicht für eine persönliche Website die volle Nutzung der DHTML -Technologie aus, um die Webseite zum Leben zu erwecken und voller Dynamizität. Für Unternehmen, die kommerzielle Websites erstellen, ist es jedoch weit davon entfernt, DHTML zu haben. Da die dynamischen Effekte, die nur auf den Browser des Kunden auftreten, nicht den dynamischen Anforderungen kommerzieller Websites erfüllen können, z. B. große Mengen an Informationsanfragen, Kundenberatung, Ressourceninteraktion usw. Daher ist es als Designer kommerzieller Websites erforderlich, eine praktischere und interaktivere dynamische Website zu entwerfen. Da die meisten kommerziellen Websites über eine große Menge an Daten und Informationen verfügen, besteht die ursprüngliche Absicht, ein Netzwerk aufzubauen, die Kunden zu erleichtern, Unternehmensinformationen abzufragen, die Kommunikation mit Kunden zu erleichtern und zeitnahes Feedback zu erhalten. Anschließend werden Sie unweigerlich darauf hinweisen, wie Benutzer die Webdatenbankinformationen über das Internet oder das Intranet in der Browserschnittstelle abfragen und die Informationen auf dem Webserver sogar eingeben, aktualisieren und löschen können. Im Folgenden werde ich kurz mehrere häufig verwendete dynamische Website -Designmethoden einführen:
1. Die traditionelle Methode von CGI (Common Gateway -Schnittstelle) wird verwendet, um das ausführende Formular aus dem Formular auszuführen. . Die CGI -Anwendung analysiert die im Formular eingegebenen Informationen (Formular), greift auf die Webdatenbank und gibt die Ergebnisse der Abfrageausführung im HTML -Format zurück. Die Verwendung von CGI zum Zugriff auf Webdatenbanken hat viele Nachteile, z. Es muss vollständig mit HTML verwendet werden.
2. IDC (Internet -Datenbankanschluss) Internet -Datenbankanschluss ist eine der Funktionen des Windows NT -Servers, der Internet Information Server (IIS) enthält. Iis. Sie müssen nur das Grundkenntnis von HTML und SQL beherrschen und einige Code schreiben, um interaktive Datenbankanwendungen zu kompilieren, sodass Benutzer auf dem Webserver auf den Dateninformationen der Browser -Schnittstelle abfragen, eingeben, eingeben und löschen können. Als VB -Programmierer sind die Dateien, aus denen die IDC -Anwendung besteht, erklären. Entwicklungszyklus und Feedback. Der Preis dieser Einfachheit besteht jedoch darin, viel Flexibilität zu opfern, was Sie dazu zwingt, eine Menge Kontrolle über die Benutzeroberfläche und fast die Möglichkeit zu geben, Daten zu überprüfen. Daher ist IDC nur für einfache Webanwendungen geeignet.
3. ActiveX Data Object (ADO) ist die beste Wahl für Webdatenbankanwendungen.
Was genau ist ActiveX -Datenobjekt (kurz ADO)? Mit ActiveX Data Object -Technologie können Sie mit aktiven Serverseiten (kurz ASP) kombinieren, um Webseiteninhalte zu erstellen, die Dateninformationen liefern. Geben Sie Daten auf dem Webserver in der Browserschnittstelle ein, aktualisieren und löschen Sie Daten auf dem Webserver. Wenn der Browser auf der Benutzerseite die für die Eingabe des Formulars erforderlichen Informationen ausfüllt, und die Taste der Sendene drückt, wird die HTTP -Anforderung über das Internet und das Intranet an den Webserver übertragen. Das Formular (Suffix -Name) auf dem Webserver. Ein ASP -Dokument ist ein einfaches Textdokument, das Folgendes enthält: HTML -Tags, VBScript- oder Jscript -Sprachprogrammcode, ASP -Syntax und strukturierte SQL -Anweisungen für Abfragen. IIS3.0/4.0 Webserverausführung. ADO hat die Vorteile von einfacher Nutzung, schneller Entwicklung und Ausführung, weniger Systemressourcen und kleinem Speicherplatz.
Die oben genannten dynamischen Technologien, die üblicherweise bei der Gestaltung von kommerziellen Websites verwendet werden. Zukunft. Daher wird der Autor im zweiten Kapitel dieses Artikels "Achtzehn Kampfkunst des dynamischen Webdesigns" die Verwendung von ADO und ASP erklären, also bleiben Sie dran.