Vor einigen Jahren begann sich DIV+CSS allmählich zur bevorzugten Methode des Webdesigns zu entwickeln. Derzeit haben viele inländische Websites die Umstellung von TABLE auf DIV+CSS abgeschlossen Jahre. Der Autor ist auch ein Webdesigner, der diese Methode bevorzugt. Ich verwende div+css seit drei Jahren, um Designs für Kunden bereitzustellen. Welche Vorteile hat es also im Vergleich zu TABLE? Lassen Sie uns über einige persönliche Erfahrungen und Erkenntnisse sprechen, in der Hoffnung, Kollegen und verwandtem Personal hilfreich zu sein.
Der größte Vorteil der Verwendung von DIV+CSS im Webdesign besteht darin, den Webcode zu standardisieren, die veraltete Tabellenlayoutmethode aufzugeben und die Trennung zwischen Inhalt, Leistung und Verhalten zu realisieren. Der HTML-Code ist besser strukturiert und einfacher zu lesen und zu warten. und die Dateigröße der Webseite ist ebenfalls kleiner. Beispielsweise betrug nach einer kürzlichen Rekonstruktion der Website eines Kunden die Dateigröße der Webseite weniger als die Hälfte ihrer ursprünglichen Größe, sodass sie weniger Platz auf der Website einnahm und die Website schneller geöffnet wurde.
DIV+CSS- und TABLE-Methoden unterscheiden sich stark im Design, bevor mit dem Entwerfen einer Webseite begonnen wird, z. B. die Benennung der Elemente, aus denen die Webseite besteht, um die Stildefinition in CSS zu erleichtern . Die allgemeinen Stile der gesamten Website können in einer separaten CSS-Datei platziert werden. Zu den allgemeinen öffentlichen Attributen gehören: Webseitenbreite, Hintergrundfarbe, Hintergrundbild, Standardschriftgröße, Farbe, Linkstil usw. Für jede Webseite sind unterschiedliche Stile vorhanden Konzentrieren Sie sich am besten auf einen Block und geben Sie vor dem Block an, um welche Webseite oder welchen Webseitenteil es sich handelt. Dies verringert nicht nur die Größe der CSS-Datei, sondern vermeidet auch Verwirrung und erleichtert die Wartung. Es ist erwähnenswert, dass Stile nicht in den Webseitencode eingebettet werden sollten, um Inhalt und Stil vollständig zu trennen.
Um beim DIV+CSS-Webdesign gute Arbeit zu leisten, müssen drei Punkte verstanden werden.
1. Float-Attribut: DIV (Ebene) belegt standardmäßig eine ganze Zeile. Bei gängigen zweispaltigen oder mehrspaltigen Layoutdesigns müssen Sie in der Lage sein, die Float- und Breitenattribute korrekt festzulegen, um den Effekt zu erzielen. Wenn nach Abschluss des mehrspaltigen Layouts eine Ebene folgt, die das Banner einnimmt, müssen Sie das Clear-Attribut festlegen, um die schwebende Ebene zu löschen.
2. Box-Modus: Die Ebene verfügt über Attribute wie Breite, Höhe, Rand, Innenabstand und Außenabstand. Der tatsächliche Raum, den die Ebene einnimmt, ist die Summe der oben genannten Attributwerte elegantes Layout. Schönes Weblayout.
3. Ebenenverschachtelung: Erfahrene Webdesigner wissen alle, dass es nicht ratsam ist, zu viele Ebenen zu verschachteln, im Allgemeinen nicht mehr als drei Ebenen. Zu viel Verschachtelung führt zu komplexem und redundantem Code, Schwierigkeiten bei der Wartung und langsamem Betrieb. Darüber hinaus kann im mehrspaltigen Layout Layer-Floating verwendet werden, und es ist nicht erforderlich, einen gesamten IE-Layer zum Einbetten einzurichten.
Erwähnen Sie das Thema Browserkompatibilität gesondert. Im Vergleich zum TABLE-Layout ist DIV+CSS anfälliger für Inkompatibilitätsprobleme mit mehreren Browsern. Der Hauptgrund dafür ist, dass verschiedene Browser unterschiedliche Standardwerte für Webstandards haben. Der Mainstream in China ist der IE, wobei Firefox und Chrome weniger häufig verwendet werden. Im Hinblick auf Kompatibilitätstests müssen Sie zunächst sicherstellen, dass in mehreren Versionen des IE keine Probleme auftreten. Hier sind einige Methoden und Techniken, die Ihnen dabei helfen sollen, Lösungen für bestimmte Probleme zu finden Probleme auf der Website.
Zusammenfassung: DIV + CSS bietet viele Vorteile gegenüber TABLE. Webdesigner sollten die TABLE-Methode so schnell wie möglich aufgeben, da dies dazu beiträgt, sich selbst tiefer in das Erlernen von DIV + CSS einzuarbeiten. Es ist nicht schwer, die DIV+CSS-Webdesign-Methode zu erlernen und anzuwenden. Solange Sie einige Grundkenntnisse verstehen und einige weitere Fälle bearbeiten, werden Sie sie nach und nach verstehen und beherrschen.
Dieser Artikel wurde von [Hippie], dem Webmaster von http://www.swjns.com , veröffentlicht. Bitte bewahren Sie die URL zum Nachdruck auf.
Vielen Dank an hbjsp für Ihren Beitrag