شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator

من طرف **1M ThE BesT** السبت أبريل 09, 2011 5:52 am

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

اليوم سوف نتحدث عن موضوع قد يهم الكثير من أصحاب المواقع والمنتديات , وهو كيفية جعل موقعك
واستايل منتداك متوافق للمواصفات القياسية حسب w3c validitor وهى الأداة التى تقيم أخطاء موقعك
فى أكواد تصميمه

الموضوع سهل للغاية , وتقدر بنفسك كصاحب موقع منتدى ان تحل هذه المشكلة بدون الأستعانة باحد

لتتقن هذا الموضوع لابد ان تكون ملم بشيئين:

1-اللغة الانجليزية وقدرتك على قراءة الخطأ وتعرف المطلوب منه حتى تصححه برمجيا
2-خلفية ولو بسيطة عن ال html والcss

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

تخيل
انك ممكن ان تجد كود مثلا لوسم مكرر أكثر من 50 مرة بسبب هذه البرامج,
والسبب ان المصمم لا يلتفت لكود التصميم وهذا عيب, فالمصمم لابد ان يكون
لدية خلفية برمجية ولو بسيطة, حتى يخرج شغله مظبوط ودقيق ومنظم , يستطيع اى
شخص اخر يقدر يعدل عليه فيما بعد

نبدأ على بركة الله أساس الموضوع:

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

1-عدم اغلاق الأوسمة : وهذه أكبر مشكلة شائعة والتى تسبب ظهور الاخطاء فى تقييم الw3c لكود تصميم موقعك

نضرب أمثلة عملية :

1- عدم اغلاق وسم html كالاتى:

كود:
<html>الكود </html>

كثير جدا فى كود الهيدر للاستايل مثلا ينسوا فى نهاية الكود اغلاق الوسم </html> وهذه مشكلة

2- عدم اغلاق وسم الصورة img

كود:
< img src="رابط الصورة" />

برامج جاهزة كثيرة تنسى وضع علامة الأغلاق للوسم /

3- عدم اغلاق الاوسمة الاخرى كtd, tr .....الخ

كود:
<table></table>

كود:

<td> </td>

<tr> </tr>

4-استخدام أمر داخل الوسم لا يستخدم أصلا داخل هذا الوسم لانه لا يطابق xhmtl ولكن يطابق html فقط :

مثال:

كود:
<td background="رابط الخلفية"> </td>

لو تلاحظ الأمر background , سوف تجد ان هذه العبارة خطأ استخدامها فى xhtml ويصح استخدامها فى html, وكلنا نعلم ان الw3c معتمدة الxhtml

ملاحظة: هذا الخطأ شائع لابد الحدود, ولو جبت كل استايلات العرب كلها [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة], راح تجدها

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

ويوجد الكثير من الأخطاء لو جلست للصبح مش هخلصها, وكل السبب فى ذلك , التصميم فقط بدون فكر برمجى سليم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

نأخذ نشوف الأخطاء اللى فيه ونحاول نصلح بعضها واحدة واحدة

1- هذا منتدى متواضع لى كنت فاتحة من سنين : الحين افتح الرابط لتشوف الاخطاء اللى فيه

اضغــــــط هــــنـــــــا

راح تجد 362 خطأ

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

الحين نبدأ نشوف الأخطاء ونصحهها واحدة واحدة وأخلوكم تشوفوا كيف راح تخف الأخطاء بالصور

1- شوف صورة هذا الخطأ:

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

الخطأ بيقولك انك ياشاطر ما اغلقت وسم img

أنا قمت بأغلاقة ...........

نشوف عدد الأخطاء صار كام الحين:

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

--------------------------------------------------------------

2- شوف الخطأ بهذه الصورة:

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

الخطأ يقول انك ما اغلقت وسم html

نشوف بعد ما اغلقنا وسم الhtml

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

---------------------------------------------------------------

شوف كيف الاخطاء نزلت كثير....

وهكذا..............

معظم الأخطاء راح تجدها هيك............

بهيك يكون انتهى درسنا لليوم

من طرف **PrInCe** السبت أبريل 30, 2011 6:12 pm

شكرا لك

من طرف **Creative-VIP** الإثنين مايو 02, 2011 12:58 am

كلام ولا ارووع ..

و أنا أأيـدك على الشرح الجميل

لكن انا عنـدي مشكله ... الحين لو طلعت لى الأخطـاء كلهااا فووق 365 خطأ ..

كيف ارووح لها في الأستايل ؟

رغم أن الأخطاء تجي من الهاكات بعـد .. وأنا عملت أحصائيه عن الهاكات الخاصه بمنتدايي و حديت من الأخطاء

لكن كل اللى اب اعرفه .. الحين عرفت الأخطاء ... كيف أحلهاا ؟

عن طريق ارجاع الأستايل للفرونت بيج و تعديل الأخطاء ؟ طيب الأخطاء كثيره والأسطر كثييره

كيف ابحث عنها واعدلهاا ..؟؟؟

و كيف اعرف ان المشكله من الاستايل فقط ؟ او من الهاكات فقط ؟ او منهم كلهاا ؟؟

انتظر ردكم

او هل فيه برنامج يعدل الأخطاء في هذا البرنامج ؟ ان وجد ؟

أنتظر ردك اخوي ؟

أبي الطريقه بالصور واضحه

من طرف **{رضوان}** الإثنين مايو 02, 2011 2:23 am

لتتقن هذا الموضوع لابد ان تكون ملم بشيئين:

1-اللغة الانجليزية وقدرتك على قراءة الخطأ وتعرف المطلوب منه حتى تصححه برمجيا
2-خلفية ولو بسيطة عن ال html والcss

من طرف **{رضوان}** الأربعاء مايو 04, 2011 11:29 pm

شكرا لك على الطرح المميز خيو

شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator

شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator

رد: شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator

رد: شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator

رد: شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator

رد: شرح جعل استايل منتداك مطابق للمواصفات بدون أخطاء برمجية w3c validator