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

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


نظرات بازدید کنندگان
نویسنده : ندا صادقی
salam.
besiar alllllllliiiii bod kheily mamnon vaghean komakam
kard bazam mamnon.movafagh bashid.
bay
 
نویسنده : پوریا
سلام و خسته نباشید خدمت مدیر گروه
امید وارم هر کجا که هستی موفق و پیروز باشی
 
نویسنده : مريم
سلام
واقعا خسته نباشي ، دستت درد نكنه ولي يه نسخه قابل چاپ هم درست مي كردي تو كه اين همه زحمت كشيدي به هر حال ممنون عالي بود
 
نویسنده : مدیسه
ممنون از همه زحماتی که متحمل شدید بابت آموزش های ارائه شده و قدردانی به خاطر سخاوت تون.
 
نویسنده : بهرام
ممنونم از شما
خسته نباشید
لطفا کار با برنامه های طراحی را نیز آموزش دهید.
 
نویسنده : خدارحمی
سلام. خدا قوت. ممنون از این همه اطلاعاتی که در اختیار ما قرار می دید. خدا روز به روز موفق ترتون کنه. من تازه شروع کردم به یادگیری طراحی سایت. با اینکه لیسانس کامپیوتر دارم اما از ساختن سایت می ترسیدم. با مراجعه به سایت شما دیگه ترسی ندارم. شما یه دریچه ی نور به روی عقل و دلم باز کردید.
 
نویسنده : ندا
واقعا ممنونم. خيلي خيلي به من كمك كرد. ارزوي موفقيت براي شما در همه مراحل زندگي.
 
نویسنده : مرتضی
سلام , واقعا کارتون عالی بود نمیدونم چی جوری تشکر کنم . احسند بر شما , خدا خیرتون بده .
کاش کی میتونستم در تمام صفحات ازتون تشکر کنم .
راستی اگه تونستید اموزش #C رو هم برام ایمیل یا در سایت مربوطه بگذارید .
بازم تشکر میکنم ,  حرف نداررررررررررررررررررررری D:
 
نویسنده : اايدين
از كس يا كساني كه من و بقيه رو    راهنمايي كردن تشكر ميكنم ارزوي موفقيت هاي بيشتر
 
نویسنده : naj703
عالی بود دستت درد نکنه خیلی کمکم کرد
 
نویسنده : فرهاد
باتشکر از مطالب خوبتون
 
نویسنده : احمد اصلانی
خیلی منونم ، این آموزش خیلی به من کمک کرد تا بهتر با ساخت صفحات وب آشنا بشم .
استان خوزستان- شهرستان هفتکل — کوی طالقانی
 
نویسنده : nirvana
به خاطرهمه چیز ممنونم
 
نویسنده : تارا
سلام و خسه نباشید به کسی که این سایت خو ب وعالی رو ساخته . خوشحالم که این سایت و کشف کردم .  افرین و عالیه............
 
نویسنده : majid
من واقعا از شما تشکر میکنم
 
نویسنده : شهرام
یاسر عزیز سلام ، خسته نباشی
از اینکه این همه وقت و همت گذاشتی برای درست کردن این سایت ازت ممنونیم.
 
نویسنده : علی
سلام به وبلاگمم سر بزنین.لطفا نظر بدین. شاید باور نکردنی باشه اما من 8سال دارم و در کلاس سوم درس می خوانم و خودم تنها نویسنده این وبلاگ هستم و کسی کمکم نمی کند.یادتون نره نظر بدینا
نشانی:
www.marasiali.nikblog.com
راستی نظر بدین جوابش خیلی زود می رسه چون کاملا وبلاگ به روزه.
خداحافظ
 
نویسنده : Alireza Mirhabibi
hi
very good
انجمن تخصصی کامپیوتر و موبایل
www.PCHONOR.com/forum/index.php
 
نویسنده : hadi
khaili bahali
faghat ye ebook bezar to sited
ebook dar baraye html va kodashon
 
نویسنده : رسول
سلام خسته نباشید
سایتتون خیلی عالییه ومن همه ی مطالبتون رو خوندم فقط مثل بقیه ی دوستان این سوال برام پیش امده که من برای ساخت یه سایت شخصی معمولی چه کارایی باید انجام بدم؟
ممنون میشم کمکم کنید
 
نویسنده : محمد
اين هم ايميل من در صورتي كه دوستان خواستار ارتباط با بنده بودن
e-mail: [email protected]
Gmail: [email protected]
 
نویسنده : محمد
سلام و خسته نباشيد
سايت بسيار جالب و آموزنده اي داريد .
مثل سايت شما كه آموزش بدن رو زياد ديدم اما به اين واضحي و پر باري نبودن.
فعلا بخش آموزش HTML  رو خوندم و ياد گرفتم.
اگه ميشد تمام آموزش HTML رو توي سايت قرار ميدادين خيلي خوب بود. اين‌آموزش فكر كنم در سطح مقدماتي و نيمه متوسط بود . اگه براتون امكان داره اموزش رو به صورت پيشرفته ادامه بدين.
ممنون ميشم.
يه توضيح كوچولو هم خواستم به دوستاني بدم كه درخواست دارن توضيحات به صورت فايل PDF باشه ؛ بايد بگم كه اين نحوه اي كه سايت نئوپرشيا كار ميكنه از نظر من خيلي بهتر از روش PDF هستش به اين دليل كه دروس و آموزش ها از هم جدا شدن،‌ به اين ترتيب وقتي شما يه بخش رو يادميگيريد از منوي سمت راست صفحه وارد بخش ديگه اي ميشيد كه يه حالت موفقيت آميز بودن و حس خوبي به ادم ميده كه سايت رو قدم به قدم بررسي و چك مي كنيد. اما در مقالات به صورت PDF شما با يه صفحه كلي مواجه هستين كه بعد از يه مدت خيلي كوتاه از كاركردن با اون آموزش به خاطر يكنواخت بودن در طراحي خسته ميشيد . اما اين سايت وقتي شما مرحله به مرحله با كليك كردن روي هر اموزش كه هر زماني در هر مرحله از آموزش كه باشيد در دسترس شماست ، حس پيشرفت در كار محسوس تره.

موفق باشيد
 
نویسنده : zahra
خیلی از شما ممنونم
 
نویسنده : حسن
من فکر نکنم سایتی از این کامل تر واسه آموزش اچ تی ام ال وجود داشته باشه
خیلی باحالی دادا
ایشالا موفق باشی
 
نویسنده : mirbod
i hope your not tired
 
نویسنده : مهدی
سلام مجدد
اقا دمتون گرم مووووووووووووووووووووووووووووووووفق باشید
ممنوووووووووووووووووووووووووووووووووووووووووووووووونم


خداحافظ تا خدا
 
نویسنده : OMID
لطفا تمام آموزش های HTML رو به صورت یک فایل PDF برای دانلود قرار دهید.
اگه لطف کنید خیلی ممنون میشم .
 
نویسنده : مهدی
خیلی مطالب جالب بود حتما ادرست رو تو وبلاگم می نویسم
بیا نظر بده
 
نویسنده : نازنین
سایت سازنده و خوبی داری.می خوام از وبلاگی یه لینک بهش بدم (با اجازه) :)
 
نویسنده : یحیی
خیلی خیلی ممنونم از اینکه بدون هیچ منتی این اطلاعات رو به ما دادی
 
نویسنده : ميلاد
من برا كل مطالبتون نظر مي دم واقعا واقعا واقعا عالي و فوق العاده كار كرديد
من خيلي استفاده كردم
 
نویسنده : نسیم
عالی بود. حداقل فهمیدم کار من نیست.
بهترین چیزی بود که تا به حال دیدم. خدا رو شکر کنید که مجانیه!
 
نویسنده : سید مهدی حسینی
از لطفتون و ارائه این مطالب بسیار مفید و آموزشی متشکرم
 
نویسنده : طاهر
با عرض سلام وخسته نباشید
واقعا از آموزش های خوبتون سپاسگذارم با آرزوی سلامتی برای شما
 
نویسنده : الهام
سایتتون عالیه من  آموزش اچ تی ام ال رو خوندم محشر بود ممنون
 
نویسنده : جواد
از آموزش سپاسگذارم
مي خواستم بدونم بهترين برنامهبراي طراحي وب سايت و سايت نويسي چيه؟
 
نویسنده : mehdi
khili khob bod mamuon az zahamateton
 
نویسنده : نرگس
salam khily sayt bahali darid mer30 milhastam beporsam az photoshab va flash ham mitonim dar html astefade konim mamnon age zod javab bedid
 
نویسنده : عسكر
خيلي كارت درسته.
 
نویسنده : مژگان
خيلي خوب بود بازم از اين كارا بكنيد و ما رو خوشحال كنيد ، واقعا عالي بود اميدوارم ادامه بديد
من يكي كه كيف كردم
 
نویسنده : farshad
bayad begam gol kashtin vaghean az in ke be hame bedon hich tavaghoi intori komak mikonid khoshhalam omidvaram dar tamame marahele zendegi movafagh va piroz bashid
 
نویسنده : مهدی
بسیار جالب کامل و آسان بود متشرکرم
 
نویسنده : ramin
دستتون درد نکنه .
 
نویسنده : علی اللهویردی زاده
با سلام و عرض خسته نباشید باید اعتراف کنم که خیلی شاهکار کردین واقعا دستتون درد نکنه از زحمات دوستان خوبم بسیار بسیار متشکرم.
 
نویسنده : ali asghar
بسیار متشکر .موفق باشی
 
نویسنده : mina
salam
khastam binahaytat azaton tashakor konam
ba arezoye movafaghiyat
bazam be soragheton miyam
faghat omidvaram har roz matalebe jadideton ro rooye site bezarid
 
نویسنده : alireza
siteton ali bod  va manam  kheyli  estefade  kardam   dame hamaton garm
 
نویسنده : ali asghar
احسنت و آفرین به شما که سنت شکنی کردید و این چنین زیبا و عالی حق مطلب رو ادا کردید.

بالاخره نمردیم و یه سایت خوب و در حد بوندسلیگا (اروپایی و آمریکایی) به زبان فارسی تو اینترنت دیدیم.

نئوپرشین ها موفق باشید که آبرو داری کردید با این سایت عالی نه فوق العاده عالی.

موفق باشید وامیدوارم که اهورا همواره همراهتان و اهریمن ز شما دور باد.
 
نویسنده : محمد حسن
خیلی خوشحال هستم که یه چیزی توی نت می خواستم و شسته رفته و خوب بدون ادا و اطفال در اختیارم بود البته تعجب هم کردم واقعا دستتان درد نکند که به این صورت خوب آموزش داده بودید امیدوارم که این آموزش تا مدتها اینجا باشه تا بشه همیشه به اون مراجعه کرد من سایت شما رو توی فیوریتسم ذخیره کردم
با آرزوی موفقیت و اموزشهای جدید
 
نویسنده : جمشید طاهرکرد
سلام
برای encode arabic(windows) چه عبارتی رو باید به کار برد ؟