مقدمة المترجم: تحتوي هذه السلسلة من المقالات الأصلية على إجمالي 8 مقالات، وهي تبدأ بنشر معايير الويب وتصف كيفية استخدام Dreamweaver 8 لإنشاء موقع ويب متوافق مع المعايير، نظرًا لأن مقالة المؤلف الأصلية عبارة عن مراجعة لـ "Build Your موقع الويب الخاص بك المتوافق مع المعايير باستخدام Dreamweaver 8" (هذه المقالة عبارة عن مقتطف مدفوع الأجر)، لذلك قمت بحذف المحتوى بشكل مناسب. يتوافق الترتيب مع المقالة الأصلية، ولكن سيتم تعديل الطول. وأبلغك بموجب هذا. مستوى الترجمة محدود، يرجى فهم ذلك.
إذا كنت تقرأ هذه المقالة، فمن المحتمل أنك مهتم بالفعل بمعايير الويب ولديك فضول شديد بشأن تطبيق المعايير في المواقع التي تم إنشاؤها باستخدام DW (اختصار لـ Dreamweaver).
ربما لديك بالفعل فهم معين لـ WS (اختصار لمعايير الويب)، لكنك لا تعرف كيفية استخدام DW لكتابة تعليمات برمجية متوافقة. أو أنك أحد مستخدمي DW وترغب في الالتزام بـ WS، واستخدام CSS على نطاق أوسع، وإنشاء مستندات أكثر سهولة في الاستخدام. بغض النظر عن نوعك، ستمنحك هذه المقالة الإجابة التي تريدها: ستخبرك بكيفية استخدام DW للتعامل مع WS.
تعريف معايير الويب
بقدر ما يتعلق الأمر بـ WS خلال هذه المقالة، فلنتوقف أولاً للحظة لتوضيح ما نتحدث عنه بالضبط:
WS هي المواصفات التي توجه لغات تطوير الويب ويتم صياغتها بواسطة W3C. تتضمن هذه المواصفات لغات متعددة، مثل HTML وXHTML وCSS، بالإضافة إلى بعض اللغات الأخرى ذات الصلة، مثل MathML، والتي تستخدم لتمثيل المعادلات في الرياضيات. عندما تكون لديك مثل هذه الاحتياجات الخاصة، قد تتمكن من استخدامها. . أصدرت W3C أيضًا "إرشادات الوصول إلى محتوى الويب - WCAG" - لتعزيز إمكانية الوصول إلى صفحات الويب (عبر WAI)
نصيحة: احصل على هذه المواصفات مباشرة
يمكنك قراءة هذه المواصفات على موقع W3C، على الرغم من صعوبة قراءتها في بعض الأحيان:
أتش تي أم أل 4.01
أتش تي أم أل 1.0
سي اس اس 1
سي اس اس 2.1
WCAG 1.0
في هذه المقالة، سوف نستخدم XHTML 1.0، وCSS 1 و2.1، وWCAG 1.0 وغيرها من المواصفات والتوصيات، ولكن سيكون من دواعي سرورك معرفة أنه ليس علينا قراءة الكثير من مستندات W3C.
من يحتاج إلى WS؟
قد تكون لديك فكرة غامضة فقط عن أن WS أمر جيد، ولكن العديد من المواقع - بما في ذلك العديد من المواقع المعروفة - لا تتوافق مع WS، ويبدو أنها تتم إدارتها بشكل جيد. لذا، لماذا يجب أن نبذل قصارى جهدنا للامتثال لـ WS؟ هل هناك أي فوائد حقيقية من القيام بذلك؟ من يحتاج إلى WS؟ من يحتاج إلى الاهتمام بمواصفات وتوصيات W3C؟
مطوري ومصممي الويب
المجموعة الأولى من الأشخاص الذين يحتاجون إلى الاهتمام بـ WS هم نحن: مطورو ومصممو إنشاء مواقع الويب. هل يستحق الأمر أن نقضي الوقت في تعلم كيفية التطوير باستخدام WS؟
العلامات النظيفة تجعل إصلاحات الأخطاء أسرع.
إذا قمت بالتحقق من صحة صفحاتك باستخدام W3C، فستعرف على الأقل أن العلامات غير المنتظمة ليست هي سبب الأخطاء التي واجهتها. في بعض الأحيان، يمكن أن تؤدي عملية التحقق من صحة الصفحة وإصلاح الأخطاء الموجودة إلى حل المشكلات في العرض الناتجة عن العناصر التي لا تنتهي أو العلامات التي بها أخطاء إملائية.
حتى لو لم يؤدي التحقق من المستند إلى حل المشكلات، على الأقل ستعرف أن المشكلات موجودة في المستند الأساسي. الآن بعد أن عرفت أن هذه المشكلة ليست خطأً، يمكنك البدء في التركيز على مشكلات أخرى، مثل الاختلافات في معالجة CSS في المتصفحات المختلفة.
الامتثال لمتطلبات إمكانية الوصول أمر سهل
إذا كتبت علامة XHTML أساسية، فيمكنك التأكد من صحة المستند من الناحية الدلالية، ويمكنك فصل محتوى المستند عن العرض التقديمي، وستكون قادرًا على بذل الكثير من العمل في العديد من مشكلات إمكانية الوصول إلى عمود WCAG1.0 . من المهم أيضًا إدراك أن إمكانية الوصول لا تقتصر على الأشخاص ذوي الإعاقة فقط. يمكن الوصول إلى الموقع السهل من خلال العديد من الأجهزة المختلفة، مثل الهواتف المحمولة وأجهزة المساعد الرقمي الشخصي (PDA)، التي لا تتمتع بقدرة المعالجة للتعامل مع العلامات المتناثرة وغير القياسية.
متوافق إلى الأمام
إذا كنت تفكر فقط في أداء صفحتك المطورة حديثًا في المتصفحات الحالية، فكيف يمكنك ضمان أدائها في المتصفحات الجديدة في المستقبل؟ قد يعرض المتصفح الجديد صفحتك بشكل سيء للغاية، والآن تجد صعوبة في العثور عليها إصلاح تلك المشاكل المزعجة.
لن يؤدي الالتزام بـ WS إلى القضاء على هذه المشكلة بشكل كامل، ومع ذلك، فإن توافق المعايير يقلل بشكل كبير من خطر فشل التصميم الخاص بك، كما بدأت شركات برامج المتصفحات الحالية في دعم المعايير. قد يسيئون تفسير جزء من المواصفات عن طريق الخطأ، لكن لا يمكنهم رفضها تمامًا. إذا حدث الأسوأ وأنتج متصفح جديد تأثيرات غريبة على موقعك القياسي، فسيكون إصلاحه أسهل بكثير من إصلاح موقع غير متوافق. إذا واجهت مشكلة، فسوف تؤثر أيضًا على المواقع الأخرى المتوافقة مع المعايير. ستشير الحكمة الجماعية لمجتمع الويب إلى هذا الأمر وستكتب مقالات لمعالجته. لذلك، ناقش الجميع بشكل جماعي أنه من الأسهل إصلاح هذا الخطأ في مستند متوافق بدلاً من إصلاحه في مستند غير متوافق.
إعادة هيكلة أكثر ملاءمة
هل اضطررت يومًا إلى إزالة النص من أحد المواقع وإعادة بنائه والبدء من جديد؟ هل سبق لك أن رأيت تلك التسميات المزدحمة بتسميات الخطوط وخلايا الجدول الصغيرة (التي تجعلنا يجب أن نبدأ من الصفر)؟ كل ما أعرفه هو أنني قمت بذلك، وهي عملية طويلة، واستغرقت الكثير من الوقت والمال إعادة هيكلة هذا الموقع.
إن فصل محتوى المستند وعرضه يمنحك جمال الالتزام بالمعايير: فهذا يعني أنه في المرة القادمة التي يريد فيها شخص ما إعادة بناء الموقع، لن يتعين عليه نسخ مستند الويب. سيتم تمييز كافة النصوص الموجودة في الموقع باستخدام HTML الدلالي (X)، وسيتم تخزين جميع معلومات العرض التقديمي - وهو ما يريد مشرف الموقع تغييره - في ملف CSS يمكن استبداله بسهولة.
لن ينتظر بعض العملاء إعادة هيكلتها قبل أن يطلبوا منك إجراء بعض التغييرات، وسوف ينتظرون حتى يزوروا حفرة الماموث الأحفورية ثم يطلبون منك أن تقول: "فقط قم بتحريك العمود الأيسر إلى اليمين. " بالنسبة للمواقع المتوافقة القياسية، يتم التحكم في جميع الصفحات بواسطة CSS. يمكنك بسهولة نقل العلامات على الصفحة دون الحاجة إلى التفكير في الحيل في العديد من الصفحات ذات الجداول المعقدة كهياكل. وهذا يجعل تغيير تخطيط الصفحة أسهل.
يمكن أيضًا أن يؤدي فصل البنية عن العرض التقديمي إلى تسهيل إضافة عناصر جديدة، مثل إصدار صورة صغيرة عالي التباين لموقع ما قد يكون أكثر جاذبية لبعض المشاهدين. لماذا تنشئ نسخة نصية منفصلة فقط من الصفحة بينما يمكنك بسهولة استبدال ورقة الأنماط؟
شركة برمجيات المتصفح
بدأت شركات برامج المتصفح في الاهتمام بـ WS. في الماضي، أضافت شركات برامج المتصفح علامات وسمات خاصة بها إلى اللغة الأساسية. ولكن الآن، كما لم يحدث من قبل، بدأوا جميعًا في الالتزام بالمعايير، وتبذل بعض أحدث المتصفحات بالفعل جهدًا لعرضها وفقًا لـ (X)HTML وCSS كما هو محدد في المواصفات.
في المستقبل المنظور، ستتمكن المتصفحات من عرض معظم العلامات والأكواد غير القياسية، لأنه إذا لم يحدث ذلك، فلن يتم عرض الآلاف من المواقع غير القياسية بشكل صحيح - ومن ثم من المرجح أن يبدأ الجمهور بإلقاء اللوم على المتصفح، وليس مصممي الويب. ومع ذلك، فإن الأجهزة الأخرى (تلك التي لا تتمتع بقوة المعالجة التي تتمتع بها أجهزة الكمبيوتر المكتبية) ستعتمد بشكل أكبر على التوافق القياسي للتعليمات البرمجية التي تواجهها.
صانع برامج أداة الإنشاء
بدأ بائعو برامج أدوات التأليف - مثل Macromedia، التي تصنع Dreamweaver - في الالتزام بـ WS، كما هو الحال مع مصممي الويب، على سبيل المثال، حيث يطلب المزيد والمزيد من عملائهم أن تقوم أدوات التأليف هذه بإخراج علامات موحدة. في الأصل، لم تتمتع بيئات التطوير المرئية هذه بسمعة جيدة لأنها أنتجت علامات مربكة وغير قياسية، ومع ذلك، استندت أحدث بيئات التطوير المرئي الرئيسية إلى عناصر موحدة للتوافق وإمكانية الوصول، والتي أصبحت أيضًا نقطة بيع رئيسية. يجب على بائعي البرمجيات الاستماع والاستجابة لاحتياجات السوق.
مستخدمي الويب
يستفيد مستخدمو المواقع التي نصممها أيضًا من اعتمادنا لـ WS، حتى لو لم يدركوا ذلك، وربما يستخدمون دون وعي مواقع تم تطويرها خصيصًا للمتصفحات الشائعة اليوم. إذا قام هؤلاء المستخدمون بالتبديل إلى متصفح آخر، فقد يجدون أن التجربة عبر الإنترنت لم تعد ممتعة لأن علامات الملكية هذه لن يقبلها المتصفح الجديد. يقدم الموقع القياسي والمتوافق أداءً جيدًا في المتصفحات المختلفة، سواء كانت متصفحات حالية أو متصفحات مستقبلية.
بالإضافة إلى ذلك، سيكون موقع الويب الذي يتبع توصيات إمكانية الوصول أكثر سهولة في التعامل مع المستخدمين الذين يجدون أن تصفح الويب غير مرضٍ. يجب أن توفر شبكة الويب ظروفًا أكثر ملاءمة للتسوق والقراءة والبحث للأشخاص الذين يعانون من إعاقات بصرية أو إعاقات أخرى. ولا ينبغي منعهم من تصفح موقع ما لأنه يستخدم علامات خاصة أو تكنولوجيا حصرية أخرى (تشير إلى المتصفح).