شرح التجميل firebug في خاطر محمد

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


اليوم جايبلكم موضوع في غاية الروعة لإخواني المصممين وهو إضافة Firebug إلى Firefox حيث تمكنك هده الإضافة من
تحرير و تصحيح ، ورصد كل من HTML, CSS, JavaScrip وتمكنك من فهم تركيب المواقع والجدوال ومواقعها بدقة وكل شيء في صفحة الويب التي تريد، ويمكنك أيضا من نقل وتعديل الصفحات وفهم ونقل HTML و CSS بدقة، ويمكنك أيضا التعديل على قوالب المدونات الان نبدأ على بركة الله.

أفترض انك ثبت Firefox، وإن لم تكن كدلك يمكنك تثبيت النسحة الأخيرة من هدا الرابط

قم بتثبيت Firebug على هدا الرابط بالتباع الطريقة التالية :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .


إضغط على زر التثبيت نفس الشيء للإخوة الدين يستعملون اللغة الإنجليزية

إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

إنتظر مدة قصيرة جدا لأن حجمه صغير 679 k

إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .


بعدها يمكنك غلق Firefox ثم إعادة فتحه، ثم افتح أي موقع تريد بواسطة Firefox ثم افتح Firebug بالتباع الخطوات التالية:

إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .

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

إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .


يمكنك تحديد أي شيء في الصفحة، صور جداول نص ألوان وغيرها من الأكواد يعني كل شيء موجود في HTML

إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .


من هده الخاصية يمكنك إستظهار أكواد CSS الخاصة بالصفحة

إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي .


اما في هده المنطقة فيمكنك التعديل على أكواد CSS ثم نسخها في الصفحة والتعرف على الكثير من الخصائص



هده المنطقة تظهر حدود الصفحة وتظهر حدود الصفحة لمختلف الإطارات



وفي الأخير صديقي ، حتى تتمكن من التحكم جيدا في الصفحات وإنجاز المواقع المختلفة وفهمها والتعديل عليها بإستعمال Firebug يستلزم منك بدون شك معرفة ولو بسيطة بلغة HTML خاصة الكلمات المفتاحية ودراية أيظا ولو بسيطة ب CSS وبهدا يمكن ان تكون محترف وتنجز الكثير.
ويمكنك ان تتعمق أكثر في هدا الموضوع بكتابة الكلمة المفتاحية التالية Firebug Firefox في يوتيوب

أتمنى التوفيق للجميع، وتقبلو تحياتي الخالصة

لا تنسونا من خالص دعائكم والسلام عليكم ورحمة الله وبركاته