الجمعة، أغسطس 07، 2009

أدوات هامة جدا لمصممى المواقع.

. الجمعة، أغسطس 07، 2009

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

اداة Web Page Analyzer Tool
هذه الاداة تقوم باعطاءك تقرير شامل عن زمن تحميل صفحات موقعك، و يشمل التقرير على العناصر الموجودة على صفحاتك و احجامها مثل الصور، وعناصر التنسيق الاخرى، و تستخدم ثلاثة الوان فى التقرير، الاخضر للجيد، الاصفر للتحذير، الاحمر للسئ، يمكنك تجربة الاداة على اى من صفحات موقعك وسترى النتائج بنفسك.



اداة W3C CSS Validation Services
غنية عن التعريف، و لمن لايعرفها فهى تقوم بفحص صحة اكواد css ، و يمكنك ذلك اما بكتابة عنوان ملف css ، او رفعه ، او نسخ الكود مباشرة للموقع.



اداة Browser compatibility testing tool
من اهم الادوات لمصممى و مطورى مواقع الويب، حيث يمكنك اختبار طريقة عرض صفحات موقعك فى اكثر من متصفح، و تشمل الاداة جميع المتصفحات الخاصة بالويندوز، و الماك، و اللينوكس ، و نظم اخرى.



اداة Website Wireframe Tool
هذه الاداة مهمة جدا بالنسبة للمصممين، و لكن تزداد اهميتها فى المشاريع الكبيرة على الشبكة، حيث تقوم برسم مخطط ( خريطة) لصفحات الموقع ، مما يسهل بعد ذلك صيانته ، او مشاركة تطويره بين فرق العمل، فهى اداة رائعة لمن احسن استخدامها.



اداة Web color picker
اداة رائعة لاختيار الوان صفحات موقعك، حيث تمكنك من اجراء التجارب فى صفحتها من رفع صور ، و اختيار الوان، و سوف تعرض عليك ناتج ذلك، بدلا من العمل مباشرة فى موقعك.



اداة Screen Resolutions Checker
بالتاكيد ان زوار موقعك لايستخدمون شاشات من نفس المقاس، لذا فان هذه الاداة تمكنك من معاينة موقعك فى مختلف الشاشات و القياسات، و ذلك من اجل اخراجها بشكل افضل فى جميع حالات العرض.



اداة Dummy Text Generator
بديهيا انه لايوجد موقع بدون نصوص، هذه الاداة تقوم بانتاج نص ليس له معنى ( للحشو) و ذلك لتجربته على موقعك، و هى تدعم العديد من اللغات و من ضمنها النصوص باللغة العربية، كما يوجد بالموقع خيارات اخرى يمكنك الاطلاع عليها .



اداة Broken Link checker
تقوم تلك الاداة باختبار جميع الارتباطات على صفحتك لاستخراج الروابط غير السليمة اى التى لاتؤدى الى صفحات اخرى، و تضع امامها علامة خطأ، وهى اداة سريعة، و يفضل استخدامها من وقت لاخر.



اداة Browser size checker
تقوم تلك الاداة باعطاءك معلومات عن حجم شاشتك التى تستخدمها اثناء التصميم، و كذلك حجم مستعرض الويب الذى تستخدمه.



اداة Robot Control Code Generation Tool
بالتاكيد ان الكثير يحتاج الى عمل ملف robots.txt و ذلك لمنع فهرسته من قبل بعض المحركات او منع بعض العناكب السيئة من دخول الموقع.



اداة Http header checker
تمكنك من جلب جميع المعلومات الخاصة بالسيرفر الذى يستضيف الموقع بمجرد ادخال عنوان الموقع.



اداة URL rewriting tool
تقوم بتحويل الروابط الديناميكية لصفحات موقعك الى روابط ثابتة



اداة htaccess tool
وظيفتها انشاء ملفات htaccess و htapasswd بدون الحاجة الى كتابة اى اكواد يدويا.


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

2 تعليق:

حـسين عادل يقول...

أشكرك أخي علي هذا المقال وهذه اول زيارة لي بمدونتك وأعجبني المحتوي جداً :) وفقك الله

temo يقول...

مشكور اخى حسين عادل، و باذن الله سوف يكون هناك المزيد، تقبل تحياتى

 
room darkening shades