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

حتماً تا به حال با صفحاتی مواجه شده اید که به زبان فارسی نوشته شده اند، اما وقتی از آنها بازدید می کنید با کلماتی به هم ریخته و غیر قابل فهم مواجه می شوید. دلیل این مشکل ناسازگار بودن 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 در مرورگر به صورت خودکار برای آن صفحه اعمال می شود.


نظرات بازدید کنندگان
ساعت: 01:05 - تاریخ: 11 دی 1386 نویسنده : hisitech
عاللللللللللللللللللللللللللللللللییییییییییییییییییییی
خسته نباشید
 
ساعت: 15:59 - تاریخ: 1386 نویسنده : مریم
با با ای ول به مرامت خیلی عالی بود دستای قشنگتو میبوسم که این همه زحمت کشیدی
 
ساعت: 05:12 - تاریخ: 1386 نویسنده : mohammad
با كمال تشكر تمام مطالب html را كرفتم
 
ساعت: 14:17 - تاریخ: 1386 نویسنده : حمید
بابا من فردا امتحان مبانی اینترنت داشتم اونم پایان ترم، دمت گرم دنبال این کدها می گشتم ،ممنون از سایتتون خیلی کمکم کرد.
 
ساعت: 11:16 - تاریخ: 1386 نویسنده : هادی شیرمحمدی
با سلام و خسته نباشید دستتون درد نکنه مطالب خیلی خوب و کاربردی بود لطفا در مورد طراحی سایت و ASP نیز مطلب بگذارید
 
ساعت: 17:00 - تاریخ: 1386 نویسنده :
واقعا عالی بود انگشتاتون درد نکنه از تایپ کردن ،خودتون هم خسته نباشید.
 
ساعت: 11:09 - تاریخ: 1386 نویسنده : reyhaneh
خیلی عالی است
 
ساعت: 01:35 - تاریخ: 1386 نویسنده : امید
واقعا خسته نباشید
اگه امکان دارد نحوه پیکربندی یک سایت واقعی را اموزش دهید
مثلا فایلهایی که برای دانلود گذاشته میشود کجا ذخیره شود
از چه تصاویری با چه فرمتی در صفحه اسفاده شود
نحوه ساخت نظر سنجی مثل همین سایت خودتون

مرسی و خیلی ممنون
امید  
 
ساعت: 18:18 - تاریخ: 1386 نویسنده : فرناز
سايت شما خوب نيست / فوق العاده است...
 
ساعت: 12:42 - تاریخ: 1386 نویسنده : سپیده هاشمی
من واقعآ خوشهالم که شما چنین برنامه آموزشی خوبی گذاشتید.باور کنید از شدت ذوق اشک  از چشمانم جاری شد. خیلی خوشهالم کردید .سپاسگزارم.
 
ساعت: 14:47 - تاریخ: 1386 نویسنده : elham
واقعاً عالی بود. خيلی جامع و مفيد بود، خسته نباشيد. البته اگه pdf بود خيلی بهتر بود، ولی بازم نسبت به سايتهای ديگه خيلی خوب بود.
 
ساعت: 11:29 - تاریخ: 1386 نویسنده : بهرام
سلام ممنون از  شما یه سوال داشتم:
در مورد فرم ها که  کنار آنها علامت ستاره میگذارند که باید آن قسمتها حتما پر شود
مثلا ثبت نام دانشگاه  که اگر پر نشود  به کاربر پیغام  خطامی دهد
لطفا من را راهنمایی کنید
 
ساعت: 16:48 - تاریخ: 1386 نویسنده : عباس
خسته نباشد مطالبتون خيلي عالي بود
 
ساعت: 03:26 - تاریخ: 1386 نویسنده : Torment
بسیار جامع و عالی.
خیلی ممنون از زحمات شما.
 
ساعت: 23:17 - تاریخ: 1386 نویسنده : امير
خيلي خيلي مفيد بود دستتون درد نكنه فقط كاش فايل PDF آنرا براي دانلود مي گذاشتيد.
 
ساعت: 14:02 - تاریخ: 1386 نویسنده : shokoofeh33
با تشکر
میتونم خواهش کنم تفاوت بین utf-8و unicode رو توضیح دهید
 
ساعت: 13:37 - تاریخ: 18 مهر 1386 نویسنده : amin
باتشکر خیلی خوب بود