تنظیم پیج کد مورد استفاده در صفحه

حتماً تا به حال با صفحاتی مواجه شده اید که به زبان فارسی نوشته شده اند، اما وقتی از آنها بازدید می کنید با کلماتی به هم ریخته و غیر قابل فهم مواجه می شوید. دلیل این مشکل ناسازگار بودن Encoding انتخاب شده در مرورگر با زبان فارسی است.

این ناسازگاری ممکن است به دلیل کامل نشدن بارگزاری صفحه ایجاد شده باشد یا به دلیل اینکه در هنگام طراحی Encoding متناسب با زبان فارسی انتخاب نشده باشد یا اصلاً در طراحی صفحه هیچگزینه ای برای Encoding صفحه در نظر گرفته نشده باشد.

در اکثر مواقع می توانید صفحه مورد نظر را به روش زیر به صورت فارسی مشاهده کنید:

  • مرورگر اینترنت اکسپلورر در ویندوز (Microsoft Internet Explorer) :
    از منوی view گزینه Encoding را انتخاب کنید و گزینه utf-8 را کلیک کنید. در صورتی که در لیست اولیه کد پیجهای مختلف نتوانستید utf-8 را مشاهده کنید نشانگر ماوس خود را روی گزینه More نگهدارید و utf-8 را از بین کد پیجهای مختلف پیدا کرده و روی آن کلیک کنید.
    در سایر مرورگر ها هم به همین روش باید عمل کنید فقط مسیر منو ها کمی تفاوت دارد. می توانید مسیر های زیر را دنبال کنید.
  • مرورگر فایر فوکس : (Firefox)
    view --> Character Encoding --> unicode (utf-8)
    یا
    view --> Character Encoding --> More Encodings --> Unicode --> Unicode (utf-8)
  • مرورگر اپرا : (Opera)
    view --> Encoding --> Unicode --> UTF-8

البته اگر به این روش مشکل صفحه مورد نظر شما حل نشد به دلیل این است که صفحه با پیج کد دیگری نوشته شده است. می توانید گزینه هایی مثل (Arabic(Windows رانیز امتحان کنید.

برای اینکه یک صفحه فارسی طراحی کنیم دو چیز را باید مد نظر قرار دهیم:

راست به چپ بودن صفحه

برای اینکه یک صفحه راست به چپ طراحی کنیم می توانیم به چند طریق عمل کنیم.

  • استفاده از شناسه "dir="rtl در تگ <html>
    از این شناسه در بسیاری از تگهای HTML می توان استفاده نمود. در صورتی که صفحه ای راست به چپ باشد و بخواهیم از قسمتهای چپ به راست نیز در آن صفحه استفاده کنیم می توانیم از شناسه "dir="ltr استفاده کنیم.
  • استفاده از CSS برای تعیین direction صفحه
    مثلاً استفاده از یک استایل خارجی یا در بخش HEAD متن یا استفاده از شناسه "style="direction: rtl در تگهایی که می خواهیم به صورت راست به چپ نمایش داده شود

تنظیم Encoding در هنگام طراحی صفحه

برای تنظیم Encoding صفحه باید از یک متاتگ در بخش HEAD متن استفاده کنیم. این متاتگ برای کد پیج utf-8 که بیشترین سازگازی را با صفحات فارسی دارد به صورت زیر است:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

اگر در طراحی صفحه ای از این متاتگ استفاده شود کد پیج utf-8 در مرورگر به صورت خودکار برای آن صفحه اعمال می شود.


نظرات بازدید کنندگان
Wed, 03 Jun 2009 22:32:27 +0430 نویسنده : ندا صادقی
salam.
besiar alllllllliiiii bod kheily mamnon vaghean komakam
kard bazam mamnon.movafagh bashid.
bay
 
Fri, 29 May 2009 10:04:31 +0430 نویسنده : پوریا
سلام و خسته نباشید خدمت مدیر گروه
امید وارم هر کجا که هستی موفق و پیروز باشی
 
Sat, 23 May 2009 08:48:47 +0430 نویسنده : مريم
سلام
واقعا خسته نباشي ، دستت درد نكنه ولي يه نسخه قابل چاپ هم درست مي كردي تو كه اين همه زحمت كشيدي به هر حال ممنون عالي بود
 
Tue, 05 May 2009 14:29:10 +0430 نویسنده : مدیسه
ممنون از همه زحماتی که متحمل شدید بابت آموزش های ارائه شده و قدردانی به خاطر سخاوت تون.
 
Tue, 05 May 2009 02:27:41 +0430 نویسنده : بهرام
ممنونم از شما
خسته نباشید
لطفا کار با برنامه های طراحی را نیز آموزش دهید.
 
Sun, 26 Apr 2009 00:49:31 +0430 نویسنده : خدارحمی
سلام. خدا قوت. ممنون از این همه اطلاعاتی که در اختیار ما قرار می دید. خدا روز به روز موفق ترتون کنه. من تازه شروع کردم به یادگیری طراحی سایت. با اینکه لیسانس کامپیوتر دارم اما از ساختن سایت می ترسیدم. با مراجعه به سایت شما دیگه ترسی ندارم. شما یه دریچه ی نور به روی عقل و دلم باز کردید.
 
Sat, 18 Apr 2009 13:22:09 +0430 نویسنده : ندا
واقعا ممنونم. خيلي خيلي به من كمك كرد. ارزوي موفقيت براي شما در همه مراحل زندگي.
 
Thu, 16 Apr 2009 00:24:00 +0430 نویسنده : مرتضی
سلام , واقعا کارتون عالی بود نمیدونم چی جوری تشکر کنم . احسند بر شما , خدا خیرتون بده .
کاش کی میتونستم در تمام صفحات ازتون تشکر کنم .
راستی اگه تونستید اموزش #C رو هم برام ایمیل یا در سایت مربوطه بگذارید .
بازم تشکر میکنم ,  حرف نداررررررررررررررررررررری D:
 
Wed, 08 Apr 2009 12:53:39 +0430 نویسنده : اايدين
از كس يا كساني كه من و بقيه رو    راهنمايي كردن تشكر ميكنم ارزوي موفقيت هاي بيشتر
 
Sun, 05 Apr 2009 10:24:07 +0430 نویسنده : naj703
عالی بود دستت درد نکنه خیلی کمکم کرد