Die Vorteile von Div+CSS und Web-Standardseiten

CSS ist die englische Abkürzung für Cascading Style Sheets. Es handelt sich dabei um eine Computersprache, mit der die Stile von Dateien wie HTML oder XML ausgedrückt werden.

[1] Vorteile von Webstandards

Tatsächlich werden Webstandards beim Einsatz verschiedener Webdesign- und Produktionstools zum Entwerfen und Erstellen von Webseiten verwendet. Beim Entwerfen einer Webseite in Dreamweaver oder anderen Webseiten-Editoren schreibt der Webseiten-Editor die verschiedenen Code-Schnipsel in den Webstandards tatsächlich automatisch für uns. Obwohl wir Editoren oder andere Mittel zum Schreiben von Webstandards verwenden, bedeutet dies nicht, dass die erstellten Webseiten den Designstandards entsprechen. Wirklich standardkonformes Webdesign zeichnet sich dadurch aus, dass es Webstandards flexibel nutzen kann, um Struktur, Präsentation und Verhalten von Webinhalten zu trennen – also ein Design, das Präsentation und Inhalt trennt.

Die Trennung von Präsentation und Inhalt ist das Kernziel aktueller Webstandards:
„Inhalt bezieht sich auf bestimmte Informationen, die sich nur auf den Hauptteil der Informationen beziehen. Der Hauptteil wird durch die strukturierte XHTML-Sprache in unabhängige Teile unterteilt, z. B. linke Spalte, rechte Spalte, Informationsliste (Artikelliste) usw.
Mit „Präsentation“ ist die Form gemeint, in der Informationen dargestellt werden, wie etwa Schriftgröße, Schriftart und Layoutgestaltung. „ [2]

1. Effiziente Konstruktion, Planung und einfache Wartung

Beim Entwurf einer Website legen Designer und Planer vor allem Wert auf eine effiziente Gestaltung und Planung sowie eine einfache Wartung, denn davon hängt es ab, wie viel Kosten für Gestaltung, Planung und Betrieb der Website anfallen. Die durch die Trennung von Ausdruck und Inhalt erzielte Effizienz bei Design und Planung bedeutet, dass durch die Trennung von Inhalt und Ausdruck das spezifische Inhalts- und Stildesign klassifiziert und dasselbe Design wiederverwendet werden kann. Nachdem der Designstil eines Elements auf der Benutzeroberfläche definiert wurde, kann der Designstilcode durch die Trennung von Design und Inhalt in einem anderen Informationsinhalt wiederverwendet werden. Der Code kann zur Erweiterung direkt angewendet oder übernommen werden, um den Zweck der Wiederverwendung zu erreichen, wodurch doppelter Code reduziert und die Design- und Planungseffizienz beschleunigt werden kann. Mit dieser Wiederverwendungsmethode können Sie außerdem mit halbem Wartungsaufwand das doppelte Ergebnis erzielen. Durch Ändern desselben Codesegments kann das Stildesign aller Bereiche, die diesen Code wiederverwenden, gleichzeitig geändert werden, was die Wartung einfach und effizient macht. Bemerkenswerter ist, dass sich Stildesigner aufgrund der Trennung von Inhalt und Präsentation auf die Präsentation des Stils konzentrieren können, ohne den Stilinhalt wiederholt definieren zu müssen, was die Lesbarkeit und Wartbarkeit erheblich verbessert.

2 Plattformübergreifende Verfügbarkeit von Informationen

Indem wir Inhalt und Design trennen, können wir Informationen plattformübergreifend zugänglich machen. Da Inhalt und Design getrennt sind, können wir den Designstil für andere Geräte ändern. Beispielsweise müssen wir bei Handheld-Computern oder Spielekonsolen nur eine Stildesigndatei ersetzen, um auf einem anderen Gerät einen anderen Stil zu haben, der sich an den Bildschirm verschiedener Geräte anpasst, und unser Inhalt selbst muss nicht geändert werden.

3. Serverkosten senken

Durch die Wiederverwendung von Stilen kann die Dateigröße der gesamten Website exponentiell reduziert werden, wodurch die Kosten für die Serverbandbreite gesenkt werden können. Insbesondere bei großen Portalen gilt: Je größer die Anzahl der Webseiten, desto mehr Code wird wiederverwendet, was gleichzeitig die Menge der Datenzugriffe auf den Server verringert und die Bandbreitennutzung reduziert.
(Viele Websites im Ausland haben bereits die Vorzüge von Designs gekostet, die Webstandards entsprechen. Viele bekannte Websites, darunter mp3.com , haben durch die Verwendung von Webstandard-Website-Designs eine Menge Serverkosten gespart, die in andere Dienste investiert wurden. Bei großen Websites bedeutet die Halbierung der Menge an Webseitencode, dass die erforderliche Servernetzwerkbandbreite um die Hälfte reduziert werden kann. Bei einer Website mit zig Millionen Besuchen täglich dürfen diese Kosten nicht unterschätzt werden. Viele inländische Portale verfügen oft über Hunderte von Servern zur Dateispiegelung und für verschiedene Dienste, um die Anforderungen von Hunderten Millionen Internetnutzern zu erfüllen. Wenn jedoch die Bandbreite um die Hälfte oder ein Drittel reduziert werden kann, kann die Anzahl der Server um fast die Hälfte reduziert werden, um die Anforderungen der Internetnutzer zu erfüllen. Aus wirtschaftlicher Sicht ist dies nicht zu vernachlässigen und wird großen Websites Millionen von Yuan an Verkehrskosten sparen. Große inländische Portale wie NetEase 163.com Yahoo China cn.yahoo.com Für das Webdesign wurden Webstandards übernommen)

4. Einfach zu ändern

Bei Websites, die häufig überarbeitet werden, kann die Trennung von Inhalt und Design den Überarbeitungsaufwand erheblich senken. Bei jeder Überarbeitung muss lediglich die Stildatei geändert werden, ohne den Informationsgehalt zu verändern. Dadurch wird der technische Aufwand und der Implementierungszyklus der Überarbeitung reduziert.

5. Beschleunigen Sie das Parsen von Webseiten

Einige Tests zeigen, dass die aktuelle Webdesignstruktur, die Inhalt und Design trennt, die Analysegeschwindigkeit von Webseiten durch den Browser erheblich verbessert hat. Verglichen mit der gemischten Codierung von Inhalt und Design im alten Stil kann der Browser beim Parsen Struktur- und Designelemente besser analysieren. Die gute Internetbrowsergeschwindigkeit verbessert das Surferlebnis des Benutzers.

6. Zukunftssicher

Inhalt und Design wurden getrennt, sodass Sie sich keine Sorgen über zukünftige technologische Änderungen machen müssen. Sowohl die Struktur als auch das Design können jederzeit ersetzt und geändert werden, und es besteht keine Notwendigkeit, Änderungen am Code vorzunehmen, der mit Informationen und Design vermischt ist.

7. Bessere Benutzererfahrung

Das Design der Präsentation und die Klassifizierung des Inhalts erfordert von uns ein umfassendes Verständnis der spezifischen Zusammensetzung der Website-Informationen und der Gestaltung guter Stile zur Wiederverwendung. So können wir beim Design und der Erstellung der Website den Inhalt, die Designkonsistenz und die Benutzerfreundlichkeit der Website umfassend bedenken und gestalten und so die Benutzerfreundlichkeit der Website und das Benutzererlebnis verbessern.

Abschluss

Website-Design, das Webstandards entspricht, hat weitere Vorteile. Wenn Sie Webstandards für Design und Planung verwenden, werden Sie allmählich feststellen, dass die Tatsache, dass viele Webdesigner Webstandards für Design und Planung wählen, deren Wert weiter untermauert.

Derzeit werden Webstandards immer beliebter. Website-Designs, die Webstandards entsprechen, verändern auf subtile Weise unser Surferlebnis und die Art und Weise, wie wir uns im wachsenden Internet ausdrücken.

Quellen:
[1] Was ist div+css[DB/OL]
http://www.emct.cn/Knowledge/webmarket/2006-08-16/73.html
[2] Li Chao. CSS-Website-Layout-Aufzeichnung [M]. Peking: Science Press Beijing Hope Electronics Press, 2006-9: 76-216.

Autor: Luo Jing Quelle: Paris Ivy (Nachdruck ist willkommen, bitte geben Sie die Quelle an und verlinken Sie sie, andernfalls behält sich der Autor das Recht vor, die Verantwortung zu übernehmen.)