المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تقليل اخطاء استايل styleك



linnou
10-31-2013, بتوقيت غرينيتش 01:07 AM
http://www.dzbatna.com/images/icons/idea.gif طھظ‚ظ„ظٹظ„ ط§ط®ط·ط§ط، ط§ط³طھط§ظٹظ„ظƒ (http://www.dzbatna.com/t1376239/)




السلام عليكم ورحمة الله وبركاته

( قبل كل شيء.. إذا كنت مستعجلاً ولا تريد أن تفهم الموضوع، فقط تريد التطبيق!! فقم بالانتقال للفقرة الثالثة: "اجعل أخطاء منتداك قليلة بأسهل الطرق" )

مقدمة
السلام عليكم ورحمة الله وبركاته.. تحية طيبة وبعد
فقد مررت منذ فترة على المنتديات ورأيت بعض الملاحظات المهمة والتي يسأل عنها الكثيرين أو يسعى لها الكثيرين، فأردت التحدث عنها في بعض المقالات التي سأدرجها تحت سلسلة [نصيحة لأصحاب المنتديات] .. وأسأل الله أن تكون ذات فائدة وتغيير للناس وتطوير لمنتدياتهم


مشكلة االسرعة ولأخطاء في الـHTML والمعايير
رأيت بعض الأخوة يشكون أن منتدياتهم تحوي الكثير من الأخطاء عند عرضها في مدقق الـHTML وأنه بعيد كل البعد عن المعايير القياسية والثبات..
فحصت منتديات الفي بي الرئيسية.. فرأيتها تتناسب مع المعايير وأن كل شي فيها جيد..
ورأيت أيضاً أن لغة القوالب في الفي بي هي الـXHTML (لم أرى البرامج الأخرى لأحكم عليها)، إذاً فما سبب هذه الأخطاء؟
عرفت الجواب مباشرة عند فحص أحد المنتديات العربية .. إنه الاختلاف بين XHTML و HTML..

كيف؟؟

كل مافي الأمر، أن الفي بي يعتمد لغة الـXHTML في القوالب، فيضع DocType الـXHTML .. وهذا وظيفته أن الزائر عند دخوله للمنتدى سيتم تعريف المتصفح مباشرة أن اللغة هي XHTML..
لكن مصممي الاستايل styleات لدينا، يستخدمون الفرونت بيج وأمثاله في صنع الاستايل styleات، فالأكواد الناتجة تكون في العادة HTML ..
ما معنى هذا؟
عندما يدخل المتصفح للمنتدى يرى دوك تايب الـXHTML فيعتمد الصفحة على انها XHTML ويسهّل عليه فتح الصفحة، لكنه يفاجأ عند رؤيته لأكواد الـHTML (الناتجة من فرونت بيج) بدلاً من XHTML.. وعندها يقوم بالبحث عن أوسمة الإغلاق والأشياء التي يجب وجودها في XHTML ..
وهذا يؤخر فتح الصفحة قليلاً لدى كل عضو ويؤثر بشكل عام على الجميع

وعند فحص المنتدى forum بالمدقق ستجد الأخطاء كثيرة وربما بالمائت.. وستقول أن الموقع لايوافق المعايير القياسية، والصحيح عكس ذلك، كل مافي الأمر أن المدقق يرى المنتدى forum من الدوكتايب أن لغته هي XHTML ثم يرى الأكواد هي أشياء أخرى فيعتبرها كلها أخطاء..
فالحل إذاً فقط بأن نغير الدوك تايب إلى دوكتايب الـHTML لأن الأكواد التي صنعناها بالفرونت بيج والتصميم هي HTML

لم تفهم شيئاً؟
لا بأس.. قم بتطبيق الخطوة التالية ولاتهتم بما سبق


اجعل أخطاء منتداك قليلة بأسهل الطرق
الآن.. كيف يمكنك تغيير الدوك تايب لتتجنب كل هذه الأخطاء وتسرّع منتداك قليلاً؟
(التطبيق للفي بي فقط)

ابدأ باسم الله:
1- بعد الدخول للوحة تحكم الإدارة (Admincp) اضغط على "التحكم بالاستايل styleات":

http://www.mad3om.com/imgcache2/177.gif





2- بعد دخول القسم، افتح الاستايل style المراد التعديل عليه بالضغط على زر "اذهب" دون تغيير أي شيء:
http://www.mad3om.com/imgcache2/178.gif

3- ستظهر لك الكثير من الخيارات.. انزل قليلاً فقط لترى النموذج التالي:
http://www.mad3om.com/imgcache2/179.gif
سترى الكود code التالي في النموذج:


رمز Code:
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>


*=== تحديد كود code (http://www.dzbatna.com/) ===*




قم بحذفه كاملاً.. وضع هذا:



رمز Code:
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;>


*=== تحديد كود code (http://www.dzbatna.com/) ===*




اضغط زر الحفظ
عد للصفحة من جديد، إن تغير لون الكلام للبرتقالي كما في الصورة التالية فقد تمت العملية بنجاح:
http://www.mad3om.com/imgcache2/180.gif

4- انتهينا.. العملية سهلة جداً ^_^

www.baltimnet.com/vb (http://www.baltimnet.com/vb)

تأكد من المدقق، ولاحظ الفرق
ادخل هنا:
http://validator.w3.org/ (http://www.gulfson.com/vb/?gsr=http%3A%2F%2Fvalidator.w3.org%2F)
ضع رابط موقعك في أول خانة واضغط &quot;check&quot;
انظر لعدد الأخطاء..

قم الآن بتطبيق الشرح طريقة الوارد في موضوعنا.. وقم بالتدقيق مرة أخرى ولاحظ الفرق الآن في عدد الأخطاء..

بانتظار نتائجكم وتجاربكم
والتجربة نحت على موقعى


http://www.baltimnet.com/vb/

تـــحــــيــــاتـــى لـــكــــمــــ وموفقين ان شاء الله , http://www.dzbatna.com/images/smilies/SnipeR%20%289%29.gif








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى