مشكلة عدم القدرة على حفظ القالب

السلام عليكم

جميعنا ندكر حادثة العرب مع المتصفح الشهير فايرفوكس..أصبحث المواقع العربية و الأجنبية لا تراعي

مشاريعهم و أتهموا العرب أن الثعلب بعميل..ماجاء فقط ليفضح المواقع العربية

و انتقلوا الى متصفح الاكسبلور IE6 فكم كانت الحادثة مضحكة عندما جائتهم انباء تقول أن

" مواقعكم لا تخضع للمعايير القياسية "

الشيء المضحك أن الرد كان و ماهي المعايير القياسية ؟

تكمن فكرة وجودها الى وجود تقنيات ويب جديدة و متطورة هذا يعني أن مبرمج الموقع او مصممه

إذا قام بإنشاء موقع فهو يعلم أنه سيظهر بالشكل المطلوب في كل المتصفحات وحتى في أنظمة التشغيل

المهم درسنا اليوم له علاقة بملفات Css يعني التأكد أن الملفات تتوافق مع هذه المعايير

ندخل في صلب الموضوع..

تخيل أنك صادفت هذا السيناريو مع منصة التدوين بلوجر :

تقوم بلصق رمز أو كود ، أو كتابة كود HTML أثناء تحرير قالب،

ثم تنقر على معاينة أو حفظ التغييرات التي تريدها ،

لكن واجهتك مشكلة،

وتحصل على رسالة باللغة الانكليزية ترجمتها إلى العربية ،

لا يمكن حفظ القالب لأنه لم يتم تشكيله بشكل جيد

يرجى التأكد من إغلاق كافة عناصر XML بشكل صحيح

يكون حل مثل هذه رسالات الخطأ الى معرفة قواعد معينة ،و القراءة الجيدة لرسالة الخطأ

أولا اتجه الى تحرير القالب سوف تجد الكود التالي


<?xml version="1.0" encoding="UTF-8"?>

و هو الخاص بتعريف نسخة xml .. الترميز المستخدم عالميا

بعد الكود السابق سوف تجد مايلي


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

و هو فقط لتحسين المعايير القياسية بشكل أفضل

كما أن الكود السابق لهو دور كبير في تحويل Html الى Xhtml

لأنه في الغالب نجد أن الموقع على منصة بلوجر قد لا يتوافق مع المتصفحات

وإنشاء مدونة تظهر بشكل صحيح في كل المتصفحات الحديثة اليوم

قد تستهلك الكثير من الوقت ..و عليه

في حالة وجود أخطاء في القالب ..دعونا نرى ماهي المشاكل و التي قد تحدث أثناء حفظك للقالب

القاعدة الاولى :

التأكد من غلق كافة الحقول

على سبيل المثال

الكود الغير الصحيح


<a href=http://www.blogger.com>Blogger</a>

الكود الصحيح


<a href="http://www.blogger.com">Blogger</a>

ادا كان الخطا موجود في القالب فسوف تتلقى رسالة مفادها

القاعدة الثانية

التأكد من غلق و فتح كافة الأوسام

على سبيل المثال

الكود الغير الصحيح


<a href="http://blogger.com"><span style="color: red;">Blogger</a></span>

الكود الصحيح


<a href="http://blogger.com"><span style="color: red;">Blogger</span></a>

و الرسالة المنبهة للخطأ

القاعدة التالثة

يجب اغلاق كافة العلامات

و الخطا له علاقة بالرمز / و لفهم اكثر اتركك مع المثال الموافق

الكود الغير الصحيح


<div id=" blogspacetech ">
here your texte<div>

الكود الصحيح


<div id=" blogspacetech ">
here your texte</div>

الرسالة الموافقة للخطأ

كما يوجد العديد من الأخطاء و الموافقة مع الرسالة السابقة

ندكر الوسم الخاص بانشاء الفواصل

الكود الغير الصحيح


<br> <br>

الكود الصحيح


<br> </br>

القاعدة الرابعة

الكود الغير صحيح


<input checked>

الكود الصحيح


<input checked="checked" />

القاعدة الخامسة

التأكد لطريقة كتابتك للعلامات

على سبيل المثال

الكود الغير صحيح


<a HREF="http://www.blogger.com">Blogger</a>

الكود الصحيح


<a href="http://www.blogger.com">Blogger</a>

القاعدة السادسة

استخدام الرمز "&"

هذا الخطا له علاقة كبيرة بتسمية الصفحة او عنوان المدونة

فاكثير يفضل وضع مسافة بين الكلمة و الأخرى

أترككم مع المثال للمزيد من الفهم

الكود الغير الصحيح


<title>Blog & Tech</title>

الكود الصحيح


<title>Boys &a m p; Tech </title>

فادا لم تستعمل الرموز السابقة سوف تتلقى رسالة مفادها

او

أخطاء أخرى

الرسالة الأولى

هذه الرسالة تفيدنا أنه علينا أن نرفق أو نضيف النقطتان " : " الى الوسم

bsection

ليصبح بعد التعديل

b:section

الرسالة الثانية

تفيد الرسالة الى أن الوسم

b:section

عليه أن يكون محدود بالرمز

كانت هذه أهم الأخطاء الشائعة لمنصة التدوين بلوجر عند عدم القدرة على حفظ القالب

كما و اعدكم أني سأقوم باضافة أخطاء و قواعد أخرى في حالة

ما ادا صادفت مشاكل أخرى أثناء حفظ القالب.

التبادل الاعلاني النصي

الأربعاء، 23 يناير 2013