صمم وحدد أيقونة موقعك بنفسك

ملاحظة: هذا الدرس مخصص لمصممي المواقع.

المقدّمة

تجد في كثير من المواقع أنه بجانب عنوان الموقع، تكون هناك أيقونة خاصة بالموقع، تظهر عند حفظنا الموقع في المفضلة فقط كما في المثال:

و اليوم ان شاء الله سنتعلّم كيف نقوم بعمل شيء مشابه لمواقعنا.

الخطوة الأولى: تصميم الأيقونة

نحتاج إلى برنامج متخصص لعمل الأيقونات، و هذه البرامج متوفرة في الإنترنت، و بعضها مجاني. بالنسبة لي أفضل استخدام برنامج GoldIcon الذي يمكنك تنزيله من هنا أو مباشرة من موقعي وهو مجاني، و الشرح اليوم سيكون عليه. ستجد في أسفل الدرس مجموعة من الروابط لمواقع تقدم برامج و خدمات شبيهة :-)

في برنامج GoldIcon نقوم بعمل أيقونة خاصة لنا بحجم 16 × 16 بكسل كما هو موضّح في الصورة:

ثم قم بتصميم الأيقونة الخاصة بك كما تشاء باستخدام الأدوات التي يوفرها البرنامج هكذا:

الخطوة الثانية: حفظ الأيقونة

هذه الخطوة مهمة مهمة مهمة :-) لابد أن تقوم بحفظ الأيقونة باسم favicon.ico

لن تعمل معك إذا لم تقم بحفظ الأيقونة بهذا الإسم.

الخطوة الثالثة: تحميل الأيقونة

عليك الآن أن تقوم بنقل ملف الأيقونة إلى موقعك حيث توجد الصفحة الرئيسية، مثلاً: index.htm

الخاتمة

عندما تحفظ الموقع في المفضلة، سيكون مميز و شكله حلو، هكذا:

والآن ستظهر الأيقونة بهذا الشكل في موقعك:

ملاحظة

يمكنك عمل الأيقونة بالحجم المطلوب في أحد برامج التصميم مثل الفوتوشوب و غيره، ثم حفظه بصيفة bmp و استيراده من برنامج GoldIcon:

مواقع مفيدة

برامج إنشاء أيقونات:

• http://www.favicon.com/
• http://www.webmasterfree.com/iconeditor.html
• http://www.iconcool.com/main.htm

مواقع أيقونات جاهزة:

• http://www.iconfactory.com/
• http://www.coolarchive.com/icons.cfm
• http://www.favicon.com/

أرجو أن يكون الدرس مفيداً

وفوق كل ذي علم عليم

أوشال