abohmam
13-08-2007, 12:51 PM
بسم الله الرحمن الرحيم
أيقونة الموقع كما في موقع طريق الإحتراف يوجد أيقونه بجوار رابط الموقع فى المتصفح !!!
http://www.abc4web.net/vb/uploaded/1/icone_b.jpg
فكيف يمكن لك أن تضع أيقونة لموقعك؟
1- يجب أن تضع ملف أيقونة بإمتداد .ico و يفضل أن يكون على الدليل الرئيسي للموقع و تعطي هذه الأيقونة أسم favicon.ico.
2- سوف تعرض هذه الأيقونة بجانب رابط موقعك ، و يمكن لك أن تضع لكل نطاق فرعى أيقونة خاصة به (Sub Domain)
3- ربما فى جميع المتصفحات لاتظهر أيقونة الموقع ، و لكن المتصفح IE5.0 وما بعده يظهر أيقونة الموقع عندما يحفظ موقعك ضمن المفضلة (Favorites) فقط.
4- متصفح موزيلا فيرفوكس mozilla و Netscape , Avant و كذلك الاصدار الأخير من متصفح اوبر Opera يمكن لها قراءة ملف "favicon.ico" أيقونة الموقع.
5- يتطلب لك أن ترسم أيقونة تمثل مضمون أو شكل موقعك ، لذلك ربما تحتاج إلى برامج لتحرير الأيقونات
كيف تساعد المتصفح ليجد ملف الأيقونة في موقعك "favicon.ico"
يفضل أن تقوم بإضافة هذا الوسم في هيدر الصفحة الرئيسية لموقعك "index"
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
في هذا الوسم (href="/favicon.ico") يجب عليك تحديد مكان الأيقونة بالضبط في موقعك فلو كانت تحت دليل أخر يجب عليك أن تعدل ذلك
مثلاً لوكانت الايقونة في دليل الصور هكذا: "/images/favicon.ico" يلزم عليك تعديل الوسم
والآن من موسوعة الأيقونات وطريقة تحويل الصور
~¤ô§[ موسوعة الأيقونات -1-2 مع برنامج تحويل الصور إلى أيقونات]§ô¤~ (http://www.abc4web.net/vb/showthread.php?t=39)
نظرة على برامج تحرير الأيقونات الأخرى و هي كثيرة و مجانية
.
1- PixelToolbox 1.1 (http://www.axiomx.com/PixelToolbox/PixelToolbox.zip)
http://www.axiomx.com/PixelToolbox/images/pixeltoolbox_sm.gif
2- Icon Suite Version 2.1.11 (http://www.bouffler.freeserve.co.uk/Files/IconSuite.exe)
http://www.bouffler.freeserve.co.uk/images/IconEdit.jpg
- برامج صنع الصور ذات امتداد (.ico):
برنامج IconForge (http://www.winsite.com/bin/Info?4000000037704) متخصص في صنع الإيقونات ذات الامتداد (.ico)
- رسم الايقونات مباشرة من الإنترنت Favicon أون لاين من الإنترنت:
1- ارسم الـ favicon الخاص بك. (http://www.favicon.co.uk/)
2- إذا اردت أن تكون الايقونة عبارة عن كلمة فهذا الموقع يساعدك بأن تكتب ما تريد في ايقونتك الخاصة (http://antifavicon.com/)من هذا الموقع.
- من هذا الموقع (http://mppierce66.home.comcast.net/web/fi/index.htm)يمكن لك أن تختر أحد الأيقونات الموجودة من هذا الموقع وخزنها لديك لاستخدامها كـ Favicon لموقعك.
- أسحب أي صورة من جهازك وهذا الموقع (http://www.htmlkit.com/services/favicon/) يحولها لك إلى أيقونة
- كذلك هذا الموقع (http://tools.dynamicdrive.com/favicon/)يقوم بنفس العمل أسحب ما تريد من الصور من جهازك
- في هذا الموقع يمكن لك أن تضع رابط أي صورة من الانترنت و هو يقوم بسحبها و تحويلها إلى أيقونة (http://www.favicongenerator.com/) favicon
أخيرا لاتنسونا من صالح دعائكم
أبو هـــMـــــام
:::::::
::::
::
ملحوظة: هناك جزء من الشرح منقول
أيقونة الموقع كما في موقع طريق الإحتراف يوجد أيقونه بجوار رابط الموقع فى المتصفح !!!
http://www.abc4web.net/vb/uploaded/1/icone_b.jpg
فكيف يمكن لك أن تضع أيقونة لموقعك؟
1- يجب أن تضع ملف أيقونة بإمتداد .ico و يفضل أن يكون على الدليل الرئيسي للموقع و تعطي هذه الأيقونة أسم favicon.ico.
2- سوف تعرض هذه الأيقونة بجانب رابط موقعك ، و يمكن لك أن تضع لكل نطاق فرعى أيقونة خاصة به (Sub Domain)
3- ربما فى جميع المتصفحات لاتظهر أيقونة الموقع ، و لكن المتصفح IE5.0 وما بعده يظهر أيقونة الموقع عندما يحفظ موقعك ضمن المفضلة (Favorites) فقط.
4- متصفح موزيلا فيرفوكس mozilla و Netscape , Avant و كذلك الاصدار الأخير من متصفح اوبر Opera يمكن لها قراءة ملف "favicon.ico" أيقونة الموقع.
5- يتطلب لك أن ترسم أيقونة تمثل مضمون أو شكل موقعك ، لذلك ربما تحتاج إلى برامج لتحرير الأيقونات
كيف تساعد المتصفح ليجد ملف الأيقونة في موقعك "favicon.ico"
يفضل أن تقوم بإضافة هذا الوسم في هيدر الصفحة الرئيسية لموقعك "index"
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
في هذا الوسم (href="/favicon.ico") يجب عليك تحديد مكان الأيقونة بالضبط في موقعك فلو كانت تحت دليل أخر يجب عليك أن تعدل ذلك
مثلاً لوكانت الايقونة في دليل الصور هكذا: "/images/favicon.ico" يلزم عليك تعديل الوسم
والآن من موسوعة الأيقونات وطريقة تحويل الصور
~¤ô§[ موسوعة الأيقونات -1-2 مع برنامج تحويل الصور إلى أيقونات]§ô¤~ (http://www.abc4web.net/vb/showthread.php?t=39)
نظرة على برامج تحرير الأيقونات الأخرى و هي كثيرة و مجانية
.
1- PixelToolbox 1.1 (http://www.axiomx.com/PixelToolbox/PixelToolbox.zip)
http://www.axiomx.com/PixelToolbox/images/pixeltoolbox_sm.gif
2- Icon Suite Version 2.1.11 (http://www.bouffler.freeserve.co.uk/Files/IconSuite.exe)
http://www.bouffler.freeserve.co.uk/images/IconEdit.jpg
- برامج صنع الصور ذات امتداد (.ico):
برنامج IconForge (http://www.winsite.com/bin/Info?4000000037704) متخصص في صنع الإيقونات ذات الامتداد (.ico)
- رسم الايقونات مباشرة من الإنترنت Favicon أون لاين من الإنترنت:
1- ارسم الـ favicon الخاص بك. (http://www.favicon.co.uk/)
2- إذا اردت أن تكون الايقونة عبارة عن كلمة فهذا الموقع يساعدك بأن تكتب ما تريد في ايقونتك الخاصة (http://antifavicon.com/)من هذا الموقع.
- من هذا الموقع (http://mppierce66.home.comcast.net/web/fi/index.htm)يمكن لك أن تختر أحد الأيقونات الموجودة من هذا الموقع وخزنها لديك لاستخدامها كـ Favicon لموقعك.
- أسحب أي صورة من جهازك وهذا الموقع (http://www.htmlkit.com/services/favicon/) يحولها لك إلى أيقونة
- كذلك هذا الموقع (http://tools.dynamicdrive.com/favicon/)يقوم بنفس العمل أسحب ما تريد من الصور من جهازك
- في هذا الموقع يمكن لك أن تضع رابط أي صورة من الانترنت و هو يقوم بسحبها و تحويلها إلى أيقونة (http://www.favicongenerator.com/) favicon
أخيرا لاتنسونا من صالح دعائكم
أبو هـــMـــــام
:::::::
::::
::
ملحوظة: هناك جزء من الشرح منقول