بخش بیست و دوم : معرفی و انتخاب Favicon برای وب سایت
بخش بیست و دوم : معرفی و انتخاب Favicon برای وب سایت
معرفی و انتخاب Favicon : فایوایکون مخفف favorites icon می باشد به معنی شکل کوچک و آیکنی مورد دلخواه شما.
فایویکون اصطلاحا به شکل کوچکی گفته میشود که هنگام یافته شدن آدرس اینترنتی مورد نظر، در ابتدای آدرس دامنه در باکس آدرس بار مرورگرهای اینترنتی ظاهر می شود. این شکل معمولا لوگو یا آرم آن وب سایت است که توسط برنامه های تولید فایو آیکون (یا favicon generator)، تولید شده اند و با کمک یکی از تگهای html در صفحه ایندکس آن وب سایت قرار گرفته اند.
|
<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon” /> |
این لینک در میان شروع و خاتمه تگ head قرار داده می شود .
علاوه بر برنامه هایی که تولید فایوایکون می کنند، برخی سایت ها نیز هستند که به سرعت و راحتی با انتخاب عکس مورد نظر خود از کامپیوتر خودتان، می توانید favicon همان تصویر را که شکل آیکنی و کوچک شده آن است با این مزیت که کیفیت نمایشی آن با کوچک شدن، تغییر نکرده است، تولیدکنید و بسازید و آنرا در وب سایت خود قراردهید. برخی از این سایت های تولید فایوایکون، علاوه بر قابلیت تولید Favicon از عکس یا تصویری خاص، قابلیت ساختن و یا نقاشی کردن شکل مورد نظر شما را نیز دارند و شما اگر تصویری دلخواه ندارید و می خواهید خود، لوگو یا آرم سایت خود را بسازید، می توانید این کار را به راحتی از طریق این سایت ها انجام داده و favicon آنرا را نیز generate یا تولید نمایید.
سایزهای متداول فایوایکون ها معمولا 12 در 12 یا 16 در 16 یا 32 در 32 پیکسل می باشد. این سه سایز از معمولترین سایزهای فایوآیکونها می باشند و تصاویر آن ها معمولا برداری و با کیفیت بالا اما حجم پایین، تولید می شوند. پسوند فایلهای تولید شده توسط favicon generator ها .ico است و تنها با همین پسوند شناخته می شوند.
گاهی ممکن است شما favicon را در صفحه وب خود قرار داده اید اما توسط مرورگرها یافت نمی شود و با وجود قرار دادن آن در کدهای html و ارجاع به فایل favicon، همچنان این آیکون در کنار آدرس شما دیده نمی شود. علت آن ممکن است مربوط به در نظر نگرفتن آیکون مورد نظرتوسط وبمسترها باشد و گاهی هم باید صبر کنید تا توسط وب مسترها این آیکون شناسایی گردد.
آموزش قرار دادن آیکون در کنار اسم سایت یا وبلاگ (FavIcon)
حتما شما هم Icon یا شکلک هایی که در کنار عنوان سایت ها در مرورگر نمایش داده می شود را دیده اید. استفاده از این شکلک ها که به آن Favicon گفته می شود، علاوه بر زیبایی باعث مشخص شدن یک سایت در بین Tab های مختلف می شود.
درست کردن Favicon برای سایت یا وبلاگ
مرحله اول :
قبل از هر چیز، باید آیکون یا شکلک مورد نظر خود را طراحی کنید. برنامه های زیادی برای طراحی آیکون وجود دارند که می توانید از آنها استفاده کنید. و یا می توانید از بین مجموعه آیکون های آماده، یکی را انتخاب کنید. اما توجه داشته باشید که آیکون مورد نظر، باید در اندازه 32×32 پیکسل باشد. اگر آیکون مورد علاقه شما بزرگ تر از این اندازه بود، باید آن را ویرایش کرده و کوچک کنید.
از این سایت ها هم می توانید برای ایجاد Favicon استفاده کنید :
www.favicon.cc
tools.dynamicdrive.com/favicon
اسم آیکونی که می خواهید به عنوان Favicon استفاده کنید را favicon.ico قرار دهید.
مرحله دوم :
بعد از آماده کردن آیکون مورد نظر خود، باید آن را در فضایی در اینترنت آپلود کنید.
– اگر هاست مستقل برای سایت خود دارید، به راحتی فایل favicon.ico را در ریشه اصلی سایت خود در پوشه public_html قرار دهید. و کار تمام است. بعد از Refresh کردن صفحه اول سایت خود، favicon را خواهید دید.
– اگر وبلاگ دارید، ابتدا باید فایل favicon.icon را در فضایی در اینترنت آپلود کنید. (مثلا در آپلود سنتر سرویس دهنده وبلاگتان) . سپس باید این کد را در فایل اصلی قالب وبلاگ خود ، و بعد از تگ <head> قرار دهید :
<link href=”http://Address/favicon.ico” rel=”shortcut icon”>
به جای عبارت قرمز رنگ ، آدرس لینکی که favicon.ico را آپلود کرده اید قرار دهید.
مثلا http://blog.com/myblog/files/favicon.ico
بعد از Refresh کردن وبلاگ خود، آیکون را خواهید دید.
منبع :زن امروزی
همچنین بخوانید :
بخش اول : وب سایت چیست ؟
بخش دوم : سرور چیست ؟
بخش سوم : Client یا کلاینت چیست ؟
بخش چهارم : دامنه چیست ؟
بخش پنجم : هاست چیست ؟
بخش ششم : مرورگر چیست ؟
بخش هفتم : انواع مرورگرها
بخش هشتم : HTML چیست ؟
بخش نهم : پروتکل FTP چیست و چکار می کند؟
بخش دهم : آپلود کردن فایل چیست؟
بخش یازدهم : دانلود کردن فایل چیست؟
بخش دوازدهم : نرم افزارهای مورد نیاز برای طراحی سایت
بخش سیزدهم : داستن یک وبسایت وسوالات پیش روی شما
بخش چهاردهم : پروتکل HTTP چیست؟
بخش پانزدهم : جاوا اسکریپت چیست؟
بخش شانزدهم : CSS چیست و چه کاربردی دارد؟
بخش هفدهم : انتخاب هاست مناسب برای وب سایت
بخش هجدهم : آشنایی با قوانین CSS
بخش نوزدهم : طریقه استفاده از کدهای CSS
بخش بیستم : پرتال چیست ؟
بخش بیست و یکم : RSS چیست ؟
