أعتقد أن كل شخص جديد في معايير الويب سوف يطرح هذا السؤال، وسوف أقوم بتلخيصه بناءً على تجربتي الخاصة.
الخطوة 1. لا تستخدم DW والأدوات الأخرى لتصميم صفحات الويب فحسب، بل تعرف على لغة (X)HTML ولغة CSS
نظرًا لأن معايير الويب قد حسنت متطلبات التعليمات البرمجية، فمن المستحيل اجتياز الفحص دون فهم معين لرمز XHTML. يمكن أيضًا استخدام أدوات DW، ولكن عليك إلقاء نظرة على الكود لكتابة صفحة الويب.
الأول هو أكواد xhtml، وهي ليست كثيرة، ومعرفة كيفية استخدامها، وكيفية كتابتها بشكل صحيح، وتذكر إغلاق العلامة. مثل <img/><br/>. يوصى بقراءة بعض أدلة html المرجعية، حيث تمت ترقية xhtml من html، ولا تزال العديد من العلامات قيد الاستخدام.
الخطوة 2. إنشاء بيان موحد (DOCTYPE) والرأس
في الماضي، لم تكن صفحات الويب، حتى البوابات الكبيرة، تحتوي على بيان، فقط <html> ما عليك فعله الآن هو إضافة بيان إلى صفحة الويب الخاصة بك، وتوحيد منطقة الرأس، وجعل محركات البحث مثل محرك البحث الخاص بك موقع إلكتروني.
طريقة الكتابة الموصى بها
<!--(1) انتقالي (انتقالي)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)صارم (صارم)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)نوع الإطار (مجموعة الإطارات)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--قم بتعيين مساحة الاسم (مساحة الاسم) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<الرأس>
<!--قم بتعريف لغة الترميز الخاصة بك: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Content-Type" content="text/html; مجموعة الأحرف=GB2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<!--محتوى مُجهز لمحركات البحث-->
<!--السماح لروبوتات البحث بالبحث في جميع الروابط الموجودة في الموقع. إذا كنت تريد عدم البحث في صفحات معينة، فمن المستحسن استخدام طريقة robots.txt -->
<محتوى التعريف = "جميع" الاسم = "الروبوتات" />
<!--تعيين معلومات مؤلف الموقع-->
<meta name = "author" content = "البريد الإلكتروني، الاسم" />
<!--تعيين معلومات حقوق الطبع والنشر للموقع-->
<meta name="Copyright" content="وصف حقوق الطبع والنشر لموقع الويب" />
<!--مقدمة مختصرة عن الموقع (مستحسن)-->
<meta name="description" content="مصمم ويب جديد. موقع تعليمي لمعايير الويب، يروج لتطبيق معايير الويب في الصين" />
<!--الكلمات الرئيسية للموقع (مستحسن)-->
<meta content="التصميم، مع، الويب، المعايير، xhtml، css، الرسم، التصميم، التخطيط، سهولة الاستخدام، إمكانية الوصول، w3c، w3، w3cn، ajie" name="keywords" />
<!--الأيقونة المفضلة-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<title>عنوان صفحة الويب</title>
<!--ربط ورقة الأنماط-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<نمط نوع = "نص / CSS" وسائل الإعلام = "الكل">
@import url(css/style01.css);
</نمط>
<!--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>
</الرأس>
<الجسم>
</الجسم>
</html>
الخطوة 3. تعرف على كيفية استخدام div مع CSS لتخطيط صفحة الويب
استخدم <div> مع CSS لتخطيط صفحة الويب الخاصة بك بدلاً من استخدام الجدول. هناك العديد من هذه المقالات والأمثلة، أوصيك بالانتقال إلى bluediea.com. هناك العديد من الفوائد لتخطيط div.
1. تكرار الكود صغير ويتم فتح صفحة الويب بسرعة.
2. يتم الفصل بين الهيكل والأداء. يمكنك تغيير تخطيطك فقط من خلال CSS، بينما تظل المعلومات دون تغيير. وهذا يقلل من تكلفة الصيانة والترقية.
الخطوة 4. تعلم نظرية معايير الويب، وعلم الدلالات، وCSS، وفكرة الفصل بين البنية والعرض.
تم اقتراح معايير الويب في الواقع فقط لتحقيق دلالات العلامات، وفصل الهيكل والأداء، والانتقال من توطين موقع الويب إلى التدويل، والتوافق مع الإصدارات السابقة واستقلال الجهاز، بحيث يمكن تشغيل صفحات الويب الخاصة بك بسلاسة على الإنترنت.
في هذه المرحلة، يمكنك بالفعل استخدام CSS لتخطيط صفحات الويب الخاصة بك وإنشاء صفحات ويب يمكنها اجتياز فحص W3C. ويمكنك فهم معايير الويب وإطار معايير الويب ووظائفها وأفكار ومزايا الفصل بين الهيكل والأداء والمعرفة العميقة بـ CSS، فإن نظرية الطبقات ودلالات علامات xhtml ونظرية التقارب والوظائف عبر الأنظمة الأساسية تجعل صفحات الويب الخاصة بك مناسبة لمتصفحات وأجهزة متعددة.
الخطوة 5. قم بتطبيق معايير الويب لإنشاء صفحات الويب، وإنشاء مواصفات التعليمات البرمجية القياسية للويب الخاصة بك، وتحسين كفاءة التطوير.
لا يزال يتم الترويج لمعايير الويب، ولا يوجد نموذج ناضج بعد كل شيء، هناك حاجة إلى تعليمات برمجية مكتوبة بخط اليد في هذا الوقت، يمكنك اقتراح بعض الطرق لتحسين كفاءة التطوير لديك بناءً على تجربتك الخاصة، ويمكنك تسمية بعض مقتطفات التعليمات البرمجية شائعة الاستخدام وCSS المخصصة، ويتم تحويل بعض الوحدات الوظيفية القابلة لإعادة الاستخدام إلى مقاطع تعليمات برمجية لتحسين إمكانية إعادة استخدام التعليمات البرمجية!