تويت
[FRAME="3 70"]بسم الله الرحمن الرحيم
أيقونة الموقع كما في موقع الهندسة الصناعية يوجد أيقونه بجوار رابط الموقع فى المتصفح !!!
فكيف يمكن لك أن تضع أيقونة لموقعك؟
والآن من موسوعة الأيقونات وطريقة تحويل الصور
~¤ô§[ موسوعة الأيقونات -1-2 مع برنامج تحويل الصور إلى أيقونات]§ô¤~
نظرة على برامج تحرير الأيقونات الأخرى و هي كثيرة و مجانية
أخيرا لاتنسونا من صالح دعائكم
أبو هـــMـــــام
:::::::
::::
::
ملحوظة: هناك جزء من الشرح منقول
[/FRAME]
أيقونة الموقع كما في موقع الهندسة الصناعية يوجد أيقونه بجوار رابط الموقع فى المتصفح !!!
فكيف يمكن لك أن تضع أيقونة لموقعك؟
1- يجب أن تضع ملف أيقونة بإمتداد .ico و يفضل أن يكون على الدليل الرئيسي للموقع و تعطي هذه الأيقونة أسم favicon.ico.
2- سوف تعرض هذه الأيقونة بجانب رابط موقعك ، و يمكن لك أن تضع لكل نطاق فرعى أيقونة خاصة به (Sub Domain)
3- ربما فى جميع المتصفحات لاتظهر أيقونة الموقع ، و لكن المتصفح IE5.0 وما بعده يظهر أيقونة الموقع عندما يحفظ موقعك ضمن المفضلة (Favorites) فقط.
4- متصفح موزيلا فيرفوكس mozilla و Netscape , Avant و كذلك الاصدار الأخير من متصفح اوبر Opera يمكن لها قراءة ملف "favicon.ico" أيقونة الموقع.
5- يتطلب لك أن ترسم أيقونة تمثل مضمون أو شكل موقعك ، لذلك ربما تحتاج إلى برامج لتحرير الأيقونات
كيف تساعد المتصفح ليجد ملف الأيقونة في موقعك "favicon.ico"
يفضل أن تقوم بإضافة هذا الوسم في هيدر الصفحة الرئيسية لموقعك "index"
[HTML] <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> [/HTML]
في هذا الوسم (href="/favicon.ico") يجب عليك تحديد مكان الأيقونة بالضبط في موقعك فلو كانت تحت دليل أخر يجب عليك أن تعدل ذلك
مثلاً لوكانت الايقونة في دليل الصور هكذا: "/images/favicon.ico" يلزم عليك تعديل الوسم
2- سوف تعرض هذه الأيقونة بجانب رابط موقعك ، و يمكن لك أن تضع لكل نطاق فرعى أيقونة خاصة به (Sub Domain)
3- ربما فى جميع المتصفحات لاتظهر أيقونة الموقع ، و لكن المتصفح IE5.0 وما بعده يظهر أيقونة الموقع عندما يحفظ موقعك ضمن المفضلة (Favorites) فقط.
4- متصفح موزيلا فيرفوكس mozilla و Netscape , Avant و كذلك الاصدار الأخير من متصفح اوبر Opera يمكن لها قراءة ملف "favicon.ico" أيقونة الموقع.
5- يتطلب لك أن ترسم أيقونة تمثل مضمون أو شكل موقعك ، لذلك ربما تحتاج إلى برامج لتحرير الأيقونات
كيف تساعد المتصفح ليجد ملف الأيقونة في موقعك "favicon.ico"
يفضل أن تقوم بإضافة هذا الوسم في هيدر الصفحة الرئيسية لموقعك "index"
[HTML] <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> [/HTML]
في هذا الوسم (href="/favicon.ico") يجب عليك تحديد مكان الأيقونة بالضبط في موقعك فلو كانت تحت دليل أخر يجب عليك أن تعدل ذلك
مثلاً لوكانت الايقونة في دليل الصور هكذا: "/images/favicon.ico" يلزم عليك تعديل الوسم
والآن من موسوعة الأيقونات وطريقة تحويل الصور
~¤ô§[ موسوعة الأيقونات -1-2 مع برنامج تحويل الصور إلى أيقونات]§ô¤~
نظرة على برامج تحرير الأيقونات الأخرى و هي كثيرة و مجانية
.
1- PixelToolbox 1.1
2- Icon Suite Version 2.1.11
- برامج صنع الصور ذات امتداد (.ico):
برنامج IconForge متخصص في صنع الإيقونات ذات الامتداد (.ico)
- رسم الايقونات مباشرة من الإنترنت Favicon أون لاين من الإنترنت:
1- ارسم الـ favicon الخاص بك.
2- إذا اردت أن تكون الايقونة عبارة عن كلمة فهذا الموقع يساعدك بأن تكتب ما تريد في ايقونتك الخاصة من هذا الموقع.
- من هذا الموقع يمكن لك أن تختر أحد الأيقونات الموجودة من هذا الموقع وخزنها لديك لاستخدامها كـ Favicon لموقعك.
- أسحب أي صورة من جهازك وهذا الموقع يحولها لك إلى أيقونة
- كذلك هذا الموقع يقوم بنفس العمل أسحب ما تريد من الصور من جهازك
- في هذا الموقع يمكن لك أن تضع رابط أي صورة من الانترنت و هو يقوم بسحبها و تحويلها إلى أيقونة favicon
1- PixelToolbox 1.1
2- Icon Suite Version 2.1.11
- برامج صنع الصور ذات امتداد (.ico):
برنامج IconForge متخصص في صنع الإيقونات ذات الامتداد (.ico)
- رسم الايقونات مباشرة من الإنترنت Favicon أون لاين من الإنترنت:
1- ارسم الـ favicon الخاص بك.
2- إذا اردت أن تكون الايقونة عبارة عن كلمة فهذا الموقع يساعدك بأن تكتب ما تريد في ايقونتك الخاصة من هذا الموقع.
- من هذا الموقع يمكن لك أن تختر أحد الأيقونات الموجودة من هذا الموقع وخزنها لديك لاستخدامها كـ Favicon لموقعك.
- أسحب أي صورة من جهازك وهذا الموقع يحولها لك إلى أيقونة
- كذلك هذا الموقع يقوم بنفس العمل أسحب ما تريد من الصور من جهازك
- في هذا الموقع يمكن لك أن تضع رابط أي صورة من الانترنت و هو يقوم بسحبها و تحويلها إلى أيقونة favicon
أخيرا لاتنسونا من صالح دعائكم
أبو هـــMـــــام
:::::::
::::
::
ملحوظة: هناك جزء من الشرح منقول
[/FRAME]
تعليق