كيف تتعلم معايير الويب
يطرح العديد من أعضاء المنتدى في إصدار توحيد الويب للمنتدى الكلاسيكي هذا السؤال، وأعتقد أن كل شخص جديد في معايير الويب سيطرح هذا السؤال، وسألخصه بناءً على تجربتي الخاصة.
الخطوة 1. لا تستخدم DW والأدوات الأخرى لتصميم صفحات الويب فحسب، بل تعرف على لغة (X)HTML ولغة CSS
نظرًا لأن معايير الويب قد حسنت متطلبات التعليمات البرمجية، فمن المستحيل اجتياز الفحص دون فهم معين لرمز XHTML. يمكن أيضًا استخدام أدوات DW، ولكن عليك إلقاء نظرة على الكود لكتابة صفحة الويب.
الأول هو أكواد xhtml، وهي ليست كثيرة، ومعرفة كيفية استخدامها، وكيفية كتابتها بشكل صحيح، وتذكر إغلاق العلامة. مثل <img/><br/>. يوصى بقراءة بعض أدلة html المرجعية، حيث تمت ترقية xhtml من html، ولا تزال العديد من العلامات قيد الاستخدام.
الخطوة 2. إنشاء إعلان موحد (DOCTYPE) والرأس
<!–(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;
<meta http-equiv=”Content-Language” content=”zh-CN” />
<!–محتوى مُجهز لمحركات البحث–>
<!–السماح لروبوتات البحث بالبحث في كافة الروابط الموجودة بالموقع. إذا كنت تريد عدم البحث في صفحات معينة، فمن المستحسن استخدام طريقة ملف robots.txt->
<محتوى التعريف =”جميع” الاسم =”الروبوتات” />
<!–تعيين معلومات مؤلف الموقع–>
<meta name=”author” content=”[email protected] ، العنوان” />
<!–تعيين معلومات حقوق الطبع والنشر للموقع–>
<meta name=”حقوق النشر” content=”www.w3cn.org، حقوق الطبع والنشر المجانية، أي نسخ” />
<!–مقدمة مختصرة عن الموقع (مستحسن)–>
<meta name="description" content="مصمم ويب جديد. موقع تعليمي لمعايير الويب، يروج لتطبيق معايير الويب في الصين" />
<!–الكلمات الرئيسية للموقع (مستحسن)–>
<محتوى التعريف =”التصميم، مع، الويب، المعايير، xhtml، css، الرسم، التصميم، التخطيط، سهولة الاستخدام، إمكانية الوصول، w3c، w3، w3cn، ajie” name=”الكلمات الرئيسية” />
<!-الرمز المفضل->
<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” />
<style type=”text/css” media=”all”>@import url(css/style01.css );</style>
<!-RSS->
<link rel=”alternate” type=”application/rss+xml” title=”مساحة Greengnn” href=”http://www.jluvip.com/blog/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. قم بتطبيق معايير الويب لإنشاء صفحات الويب، وإنشاء مواصفات التعليمات البرمجية القياسية للويب الخاصة بك، وتحسين كفاءة التطوير.