المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كيف تحدد أيقونة موقعك بنفسك؟

JavaGirl
1/3/2002, 07:04
</b>ما أحب أغلي عنكم شي يا أطيب ناس.. :)
<font size=2 face="Tahoma">
السلام عليكم و رحمة الله و بركاته

<font color="#800000"><u>ملاحظة</u></font>: هذا الدرس مخصص لمصممي المواقع.

--------------------------------------
<font color="#FF0000">&nbsp;المقدّمة </font>
--------------------------------------

تجد في كثير من المواقع أنه بجانب عنوان الموقع، تكون هناك أيقونة خاصة بالموقع، <font color="#800000"><i>تظهر عند حفظنا الموقع في المفضلة فقط</i></font> كما في المثال: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/google.gif" width="199" height="46"> </blockquote>و اليوم ان شاء الله سنتعلّم كيف نقوم بعمل شيء مشابه لمواقعنا.

--------------------------------------
<font color="#FF0000">&nbsp;الخطوة الأولى: تصميم الأيقونة</font>
--------------------------------------

نحتاج إلى برنامج متخصص لعمل الأيقونات، و هذه البرامج متوفرة في الإنترنت، و بعضها مجاني. بالنسبة لي أفضل استخدام برنامج GoldIcon الذي يمكنك تنزيله من <a href="http://www.softpile.com/Desktop/Icons/Review_09013_index.html">هنا</a> &nbsp;أو مباشرة <a href="http://www.javagirl.ws/lessons/web/internet/siteIcon/gicon112.exe">من موقعي</a> وهو مجاني، و الشرح اليوم سيكون عليه. ستجد في أسفل الدرس مجموعة من الروابط لمواقع تقدم برامج و خدمات شبيهة :-)

في برنامج GoldIcon نقوم بعمل أيقونة خاصة لنا بحجم 16 × 16 بكسل كما هو موضّح في الصورة: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/create.gif" width="419" height="111"></blockquote> ثم قم بتصميم الأيقونة الخاصة بك كما تشاء باستخدام الأدوات التي يوفرها البرنامج هكذا: <blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/makeIt.gif" width="250" height="248"></blockquote>
--------------------------------------
<font color="#FF0000">&nbsp;الخطوة&nbsp; الثانية: حفظ الأيقونة
</font>--------------------------------------

هذه الخطوة مهمة مهمة مهمة :-) لابد أن تقوم بحفظ الأيقونة باسم <font color="#800000"><b>favicon.ico</b></font><blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/name.gif" width="168" height="36"></blockquote>لن تعمل معك إذا لم تقم بحفظ الأيقونة بهذا الإسم.

--------------------------------------
<font color="#FF0000">&nbsp;الخطوة&nbsp; الثالثة: تحميل الأيقونة
</font>--------------------------------------

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

--------------------------------------
<font color="#FF0000">&nbsp;الخاتمة</font>
--------------------------------------

عندما تحفظ الموقع في المفضلة، سيكون مميز و شكله حلو، هكذا: <blockquote><img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/nice.gif" width="177" height="180"></blockquote>والآن ستظهر الأيقونة بهذا الشكل في موقعك: <blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/mysite.gif" width="204" height="48"></blockquote>
--------------------------------------
<font color="#FF0000">&nbsp;ملاحظة</font>
--------------------------------------

يمكنك عمل الأيقونة بالحجم المطلوب في أحد برامج التصميم مثل الفوتوشوب و غيره، ثم حفظه بصيفة bmp و استيراده من برنامج GoldIcon: <blockquote> <img border="1" src="http://www.javagirl.ws/lessons/web/internet/siteIcon/bmp.gif" width="145" height="151"> </blockquote>
--------------------------------------
<font color="#FF0000">&nbsp;مواقع مفيدة</font>
--------------------------------------

برامج إنشاء أيقونات: <ul> <li><a href="http://www.favicon.com/">http://www.favicon.com/</a></li><li><a href="http://www.webmasterfree.com/iconeditor.html">http://www.webmasterfree.com/iconeditor.html</a></li><li><a href="http://www.iconcool.com/main.htm">http://www.iconcool.com/main.htm</a></li></ul>مواقع أيقونات جاهزة:<ul><li><a href="http://www.iconfactory.com/">http://www.iconfactory.com/</a></li><li><a href="http://www.coolarchive.com/icons.cfm">http://www.coolarchive.com/icons.cfm</a></li><li><a href="http://www.favicon.com/">http://www.favicon.com/</a></li></ul>
أرجو أن يكون الدرس مفيداً
مع تحياتي

JavaGirl
M.Alkahtani
1/3/2002, 11:18
كالعادة المبدعة JavaGirl تتحفنا بدرس متميز ... الله يخليك لنا .
و نحتاج للموقع أيقونه خليني أطبق درسك عليها :D
JavaGirl
1/3/2002, 11:33
السلام عليكم و رحمة الله وبركاته..

هلا mksa هلا والله :)

و سويت لكم أيقونة حمّل الملف المرفق أوكي؟

على فكرة.. (خل نتناقش يعني مادام كلكم موجودين هاهاهاهاها)..

لاحظت انك بعد فترة (أكثر من شهر أعتقد بس مب متأكدة) من حفظ الموقع اللي له أيقونة في المفضّلة تختفي الأيقونة، و ما ترجع إلا لو حذفت الموقع من المفضّلة و رجعت ضفته..

يا ترى شو تفسيركم للظاهرة، هل للموضوع علاقة بالمتصفّح؟

تحياتي
JG
M.Alkahtani
1/3/2002, 11:58
يعطيك العافيه على الإقونه أحرجتينا و الله :D :D :D بس الملف المضغوط . بايت :rolleyes: شكلت مريتي على المنتدى العام اليوم :D

بالنسبه للإقونه أنها تختفي بعد شهر بتكون المشكلة أن الإيقونه أنحذفت من المجلد c:\windows\favorites

بس وش السبب الله أعلم لكن اتفحص لك الموضوع :)
شقراوي
1/3/2002, 12:09
شكرا يا جافا:yes:
POWER
1/3/2002, 16:35
تسلمين والله يا بنت الجافا
ودائما من ابداع لابداع لابداع....... وابداع متواصل
مشكوره...وننتظر المزيد يا اخت جافا
تحياتي لك :yes:
JavaGirl
1/3/2002, 22:22
مكسا.. هاه بشّر وانا اختك ضبط الدرس؟ :D ياخي والله الواحد يفرح يوم يناقشكم، أحسن من جماعة ميكروسوفت :lkj:

شقراوي.. العفو يا أستاذ :D

بوحسين.. بعد (ننتظر المزيد؟؟!؟؟! :req: :zael: ) يعني مافي تقاعد؟ :noo: ؟؟؟

هاهاهاها أفا عليك يابوحسين.. والله هذا بعض مما عندكم.. :D

تحياتي
JG
POWER
2/3/2002, 01:39
هلا وغلا ب JG
بصراحه دروسك جميله ولا يمكن ان يمل منها الشخص
لعل هذا ابرز سبب لاقول (ننتظر المزيد)
تحياتي لكي
3boud
2/3/2002, 04:42
شكرا شكرا


لكن هل تنفع هالحركة مع موقع الجيوسيتيز:confused: :confused:
JavaGirl
2/3/2002, 19:30
والله يا بو حسين الله يجبر بخاطرك يارب.. :kany:

3boud: أعتقد ينفع والله أعلم.. جربه، و قول لي أوكي؟

تحياتي
JG
محب الشلهوب
4/3/2002, 15:42
JavaGirl

هلاليه مبدعه

كالعاده لم نشاهد سوى ابداعاتك المتناثره في هذا المنتدى

وبالتوفيق لك واحنا بنتظار المزيد من ابداعاتك

تحياتي لك :)
JavaGirl
4/3/2002, 17:01
السلام عليكم و رحمة الله و بركاته..

هلا محب الشلهوب :kany: شاخبارك يا أخي؟

مشكور والله على التعليق اللطيف، و ان شاء الله أبقى دايماً عند حسن الظن :D

تحياتي
JG
صقر النوادي
5/3/2002, 11:29
الف شكر يا شباب :yes:
JavaGirl
5/3/2002, 15:31
السلام عليكم و رحمة الله و بركاته..

أشكرك يا صقر النوادي على المشاركة و جزاك الله خير.. :D

تحياتي
JG
بدر
8/3/2002, 04:28
شكرا لك على موضوعك الرائع:yes:
JavaGirl
8/3/2002, 08:33
بدر.. :D
مشكوووووور و جزاك الله خير على الرد، و عسى جرّبت الطريقة و نفعت؟

تحياتي
JG