Ich denke, dass jeder, der mit Webstandards noch nicht vertraut ist, diese Frage stellen wird, und ich werde sie basierend auf meiner eigenen Erfahrung zusammenfassen.
Schritt 1. Verwenden Sie nicht nur DW und andere Tools zum Entwerfen von Webseiten, sondern machen Sie sich mit der (X)HTML-Sprache und der CSS-Sprache vertraut
Da Webstandards verbesserte Codeanforderungen haben, ist es unmöglich, die Prüfung ohne ein gewisses Verständnis des XHTML-Codes zu bestehen. Es können auch DW-Tools verwendet werden, Sie müssen sich jedoch den Code ansehen, um die Webseite zu schreiben.
Der erste ist der XHTML-Code, es gibt nicht viele davon. Sie wissen, wie man sie verwendet, wie man sie richtig schreibt, und denken Sie daran, das Tag zu schließen. Wie zum Beispiel <img/><br/>. Es wird empfohlen, einige HTML-Referenzhandbücher zu lesen. Schließlich wurde xhtml von html aktualisiert und viele Tags werden noch verwendet.
Schritt 2. Erstellen Sie eine standardisierte Anweisung (DOCTYPE) und einen Kopf
Früher gab es auf Webseiten, auch auf großen Portalen, nicht einmal eine Erklärung, sondern nur <html>. Jetzt müssen Sie Ihrer Webseite eine Erklärung hinzufügen, den Kopfbereich standardisieren und Suchmaschinen wie Ihre gestalten Webseite.
Empfohlene Schreibmethode
<!--(1) Übergang (Übergang)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)Streng (Streng)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)Frame-Typ (Frameset)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--Legen Sie einen Namespace fest (Namespace) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<Kopf>
<!--Deklarieren Sie Ihre Kodierungssprache: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<!--Inhalt für Suchmaschinen aufbereitet-->
<!--Suchrobotern erlauben, alle Links auf der Website zu durchsuchen. Wenn Sie möchten, dass bestimmte Seiten nicht durchsucht werden, empfiehlt sich die Verwendung der robots.txt-Methode -->
<meta content="all" name="robots" />
<!--Site-Autorinformationen festlegen-->
<meta name="author" content="Email,name" />
<!--Urheberrechtsinformationen für die Website festlegen-->
<meta name="Copyright" content="Website-Copyright-Beschreibung" />
<!--Eine kurze Einführung in die Website (empfohlen)-->
<meta name="description" content="Neuer Webdesigner. Tutorial-Site für Webstandards, die die Anwendung von Webstandards in China fördert" />
<!--Site-Keywords (empfohlen)-->
<meta content="Entwerfen, mit, Web, Standards, XHTML, CSS, Grafik, Design, Layout, Benutzerfreundlichkeit, Zugänglichkeit, W3c, W3, W3cn, Ajie" name="Schlüsselwörter" />
<!--Favoritensymbol-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<title>Titel der Webseite</title>
<!--Connect Style Sheet-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<style type="text/css" media="all">
@import-URL(css/style01.css);
</style>
<!--RSS-->
<link rel="alternate" type="application/rss+xml" title="greengnn's space" href="http://www.*.com/feed.asp" />
<!--JS-->
<script src="js/common.js" type="text/javascript" language="javascript" "></script>
</head>
<Körper>
</body>
</html>
Schritt 3. Erfahren Sie, wie Sie div mit CSS für das Webseitenlayout verwenden
Verwenden Sie <div> mit CSS, um Ihre Webseite zu gestalten. Es gibt viele solcher Artikel und Beispiele. Ich empfehle Ihnen, auf bluediea.com zu gehen. Hier sind einige praktische Vorteile.
1. Die Coderedundanz ist gering und die Webseite wird schnell geöffnet.
2. Struktur und Leistung sind getrennt. Sie können Ihr Layout nur über CSS ändern, während die Informationen unverändert bleiben. Dies reduziert die Kosten für Wartung und Upgrades.
Schritt 4. Lernen Sie Webstandardtheorie, Semantik, CSS und die Idee der Trennung von Struktur und Präsentation.
Die Webstandards werden eigentlich nur vorgeschlagen, um die Semantik von Tags, die Trennung von Struktur und Leistung, den Übergang von Website-Lokalisierung zur Internationalisierung, Abwärtskompatibilität und Geräteunabhängigkeit zu erreichen, damit Ihre Webseiten reibungslos im Internet laufen können.
Zu diesem Zeitpunkt können Sie CSS bereits zum Layouten Ihrer Webseiten verwenden und Webseiten erstellen, die die W3C-Prüfung bestehen können. Sie können verstehen, was Webstandards sind, welchen Rahmen und welche Funktionen Webstandards haben und welche Ideen und Vorteile die Trennung von Struktur und Leistung bietet und die tieferen Kenntnisse von CSS. Die Theorie der Ebenen, die Semantik von xhtml-Tags, die Affinitätstheorie und die plattformübergreifende Funktionalität machen Ihre Webseiten für mehrere Browser und Geräte geeignet.
Schritt 5. Wenden Sie Webstandards an, um Webseiten zu erstellen, erstellen Sie Ihre eigenen Webstandard-Codespezifikationen und verbessern Sie die Entwicklungseffizienz.
Webstandards werden immer noch gefördert und es gibt kein ausgereiftes Modell. Zu diesem Zeitpunkt können Sie einige Methoden zur Verbesserung Ihrer Entwicklungseffizienz vorschlagen. Sie können einige häufig verwendete Codefragmente nennen und benutzerdefiniertes CSS, und einige wiederverwendbare Funktionsmodule werden in Codeclips umgewandelt, um die Wiederverwendbarkeit des Codes zu verbessern!