الدكتور نت

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

كيف تصنع الايقونه ؟

عليك أولا الحصول على برنامج محرر للايقونات يحول الصور إلى امتداد .ICO و المتصفحات الحديثة الآن تدعم الصور المتحركة من نوع gif و png

• هناك الكثير من البرامج مثل icon forge .عند صنعك الايقونه تاكد من أن حجمها 16 *16 pixels و انها من نسق win32و لا تزيد عن 256لون .
• و هناك إضافة لبرنامج الفوتوشوب تمكنك من فتح و تحرير ملفات ico يمكنك ان تجدها هنا ..

كيف تضع الايقونة في مكانها الصحيح ؟

هذا بالنسبة إذا كنت تملك نطاقك الخاص yoursite.com مثلا .

• تاكد من تسمية الايقونه بــ favicon.ico حملها إلى المجلد الرئيسي في موقعك .
• المتصفح انترنت اكسبلورر 5 مصمم ليبحث في المجلد الرئيسي للموقع عن الايقونه favicon.ico

أما إذا لم تكن تملك نطاقك الخاص..فمازلت تستطيع ان تحصل على ايقونتك الخاصة .

• حمل الايقونه إلى حيثما تريد .. و في منطقة الرأس head tag ضع الكود التالي
• و استبدل your-url بعنوان الكامل لمكان تخزين الايقونة.

حاليا يتم النصح بارفاق هاتان الشفرتان :

<link rel="shortcut icon" href="http://yoursite.com/favicon.ico" type="image/vnd.microsoft.icon" />

<link rel="icon" href="http://yoursite.com/favicon.ico" type="image/vnd.microsoft.icon" />

أين يمكنك مشاهدة هذه الايقونات ؟

سيتمكن الزائر من مشاهدتها في متصفحه بمجرد أضافته للصفحة في المفضلة .

1- يمكنه مشاهدتها في القائمة المفضلة .

2- يمكنه مشاهدتها في شريط العنوان إلى جانب عنوان الموقع .

يمكنك ان تجد محرر ايقونات على الخط بالإضافة إلى معلومات اخرى في هذا الموقع :http://www.favicon.com/