الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   قسم المنتديات (http://www.arabwebtalk.com/forumdisplay.php?f=112)
-   -   [نصيحة لأصحاب المنتديات] 1- منتداك سريع ويوافق المعايير القياسية (http://www.arabwebtalk.com/showthread.php?t=45731)

المبدع العربي 16-01-2007 09:38 PM

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

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


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

كيف؟؟

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

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

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


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

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


2- بعد دخول القسم، افتح الاستايل المراد التعديل عليه بالضغط على زر "اذهب" دون تغيير أي شيء:


3- ستظهر لك الكثير من الخيارات.. انزل قليلاً فقط لترى النموذج التالي:

سترى الكود التالي في النموذج:
كود:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
قم بحذفه كاملاً.. وضع هذا:
كود:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ثم اضغط زر الحفظ
عد للصفحة من جديد، إن تغير لون الكلام للبرتقالي كما في الصورة التالية فقد تمت العملية بنجاح:


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


تأكد من المدقق، ولاحظ الفرق
ادخل هنا:
http://validator.w3.org/
ضع رابط موقعك في أول خانة واضغط "check"
انظر لعدد الأخطاء..

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

بالنسبة إلي.. قمت بتجربة اثنين من المنتديات، وكانت النتيجة:
1- المنتدى الأول:
- عدد الأخطاء قبل التغيير: 102
- بعد التغيير: 10

2- المنتدى الثاني:
- عدد الأخطاء قبل التغيير: 73
- بعد التغيير: 29

ماذا عنك؟ أخبرنا بنتائجك

خطوة بسيطة نحو التطور.. كل شخص حر في منتداه، لكن لنسعى للتطور بكل الطرق ونسهّل وصول منتدياتنا ومواقعنا للجميع

وأشكر الذين ساعدوني في المقال بإعطائي منتدياتهم للتجربة والشرح:
- الأخ أشرف السمهوري sBForum
- الأخ الفايق: http://www.f500f.com/vb/


بالمناسبة..
أرجوا من جميع مصممي الاستايلات الذين اقتنعوا بالكلام، أن يطبقوا هذا في جميع استايلاتهم التي يطرحونها حتى ينتشر بشكل أكبر


وفقكم الله

أخوكم
المبدع العربي
http://www.DevPedia.org
(إن أردت نقل الموضوع فاذكر اسمي والموقع DevPedia)

lord.khalid 17-01-2007 11:52 PM

أهلا وسهلا بك أخي الكريم..

أشكرك على موضوعك وبحثك الأكثر من رائع ..
أستفدت منه ، مع إني ليس لي الخبرة الكبيرة بلغات تصميم الصفحات ، أنا أعمل الأيام هذه على الفرونت بيج بكثره وأعتقد إني سأستفيد من ماذكرته وجزاك الله ألف خير.

جربت الخطوات التي ذكرتها بأحد الأستايلات الموجودة عندي ..
الأخطاء كانت 73 ، ولكن بعد ماعدلت الكود مارضي يغير التعريف على أنها لغة Html ظل على أنها Xhml

هل لازم كل الأستايلات أعدلها ؟

تحياتي وتقديري لك ، وجزاك الله ألف خير

المبدع العربي 18-01-2007 05:57 AM

لا أدري مالسبب
المفروض أن يبدله بدو أي مشكلة
نعم غير في الاستايلات كلها

لازالت لا أعلم سبب مشكلتك

AboAyoob 18-01-2007 09:21 AM

مشكور أخوي المبدع
لكن التغير يعتبر طفيف يعني اللي نقص فقط 20 خطأ
وكان السبب الاكبر هو ترميز اللغة
يعني الاخطاء بسبب ترميز اعتمد اللغة العربية من ويندوز
إقتباس:

You have used a character that is not considered a "name character" in an attribute value

مستكشف 18-01-2007 11:43 AM

بسم الله الرحمن الرحيم


الاخ الكريم / المبدع العربي

تفضل هذي النتيجه قبل التعديل

قبل
Failed validation, 399 errors


وبعد التعديل على كافة الاستايلات



Failed validation, 165 errors

طبع اعتقد لازال هناك اخطاء كثيرة

ولكن تعتبر نسبيا احسن من قبل بكثير

ياليت تفيدني افادك الله ان كان هناك امر اخر اقدر اعدله وجزاك الله خير الجزاء

شكرا لك على موضوعك الطيب وبارك الله فيك


تقبل تحياتي

الصريح جداً 18-01-2007 04:00 PM

يعطيك العاافية كفيت ووفيت

وفعلاً صدقت وفيه بعضهم يغيرون البرمجه لملفات الـ Php الى Html

وبالتوفيق ان شاء الله

أخوك .. حسين

تشآآآآآآآآآآآآو

المبدع العربي 18-01-2007 08:02 PM

إن شاء الله هناك مقال قادم أتحدث فيه عن بقية الأخطاء

الفهد 123 14-07-2007 06:28 AM

مشكور اخي العزيز تسلم يمينك

l3bxl3b 14-07-2007 09:33 AM

الصور مش موجوده بس من كلامك فهمت المكان اللى تقصده واما دورت ملقتش الكود ..

مستنى جوابك


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 08:15 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012