ادوات تستخدم في تصميم المواقع وتعقيب اخطأ التصميم

عند التعامل مع قوالب المنتديات (ستايلات) مثلا، كثيرا ما ترغب في معرفة اسم النمط Class المستخدم على عنصر معين في الصفحة من أجل التعديل عليه في الـStyle Sheet، كتكبير الخط أو تغيير لونه وما شابه.

الطريقة البدائية لعمل ذلك هو استعراض شفرة المصدر Source Code للصفحة والبحث عن العبارة للنظر ما اسم النمط المستخدم معها. مثلا في الصفحة الأولى لهذا المنتدى، لو رغبت في التعرف على اسم النمط المستخدم مع عبارة «المنتديات العامة» ستفتح شفرة المصدر وتبحث عن العبارة المذكورة لتكتشف فيما بعد أنه تحت النمط maintitle

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

تقم هذه الأداتان باظهار اسم النمط بمجرد وضع مؤشر الفأرة على العنصر الذي يستخدم هذا النمط.

IE Developer أداة خاصة بالـInternet Explorer

يمكن تنزيلها من هنا:
« IE Developer »

الحجم: 624KB

FireBug أداة خاصة بالـFireFox

يمكن تنزيلها من هنا:
« FireBug »

الحجم: 258KB

أسألكم الدعاء

الله يعطيك العافية ويسلمك

مشكووووووووورين

تحيااااااااتي : العااشق المميز

» تصميم لغـــــــــــــــــــــــــــــزة
» البد و مثل النخيل(تصميم)::::
» دورة تصميم الاعلانات التجارية – الجزء الاول