طراحي حرفه اي وب سايت : طراحي وب سايت خود را به گروه فناوري اطلاعات ايران بسپاريد

طراحي وب سايت طراحي حرفه اي وب سايت بهينه سازي وب سايت

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

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


نظرات بازدید کنندگان
Sun, 21 Sep 2008 10:19:34 +0330 نویسنده : ميلاد
من برا كل مطالبتون نظر مي دم واقعا واقعا واقعا عالي و فوق العاده كار كرديد
من خيلي استفاده كردم
 
Sat, 09 Aug 2008 18:00:47 +0430 نویسنده : نسیم
عالی بود. حداقل فهمیدم کار من نیست.
بهترین چیزی بود که تا به حال دیدم. خدا رو شکر کنید که مجانیه!
 
Thu, 07 Aug 2008 08:25:26 +0430 نویسنده : سید مهدی حسینی
از لطفتون و ارائه این مطالب بسیار مفید و آموزشی متشکرم
 
Fri, 01 Aug 2008 05:43:04 +0430 نویسنده : طاهر
با عرض سلام وخسته نباشید
واقعا از آموزش های خوبتون سپاسگذارم با آرزوی سلامتی برای شما
 
Sun, 27 Jul 2008 01:50:51 +0430 نویسنده : الهام
سایتتون عالیه من  آموزش اچ تی ام ال رو خوندم محشر بود ممنون
 
Fri, 25 Jul 2008 13:04:09 +0430 نویسنده : جواد
از آموزش سپاسگذارم
مي خواستم بدونم بهترين برنامهبراي طراحي وب سايت و سايت نويسي چيه؟
 
Wed, 23 Jul 2008 12:27:04 +0430 نویسنده : mehdi
khili khob bod mamuon az zahamateton
 
Sun, 20 Jul 2008 01:48:04 +0430 نویسنده : نرگس
salam khily sayt bahali darid mer30 milhastam beporsam az photoshab va flash ham mitonim dar html astefade konim mamnon age zod javab bedid
 
Tue, 15 Jul 2008 09:33:44 +0430 نویسنده : عسكر
خيلي كارت درسته.
 
Sat, 12 Jul 2008 15:00:57 +0430 نویسنده : مژگان
خيلي خوب بود بازم از اين كارا بكنيد و ما رو خوشحال كنيد ، واقعا عالي بود اميدوارم ادامه بديد
من يكي كه كيف كردم
 
Fri, 11 Jul 2008 18:15:06 +0430 نویسنده : 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
 
Thu, 10 Jul 2008 20:00:26 +0430 نویسنده : مهدی
بسیار جالب کامل و آسان بود متشرکرم
 
Fri, 04 Jul 2008 17:45:29 +0430 نویسنده : ramin
دستتون درد نکنه .
 
Mon, 30 Jun 2008 23:29:51 +0430 نویسنده : علی اللهویردی زاده
با سلام و عرض خسته نباشید باید اعتراف کنم که خیلی شاهکار کردین واقعا دستتون درد نکنه از زحمات دوستان خوبم بسیار بسیار متشکرم.
 
Sun, 29 Jun 2008 14:53:42 +0430 نویسنده : ali asghar
بسیار متشکر .موفق باشی
 
Thu, 26 Jun 2008 23:44:05 +0430 نویسنده : mina
salam
khastam binahaytat azaton tashakor konam
ba arezoye movafaghiyat
bazam be soragheton miyam
faghat omidvaram har roz matalebe jadideton ro rooye site bezarid
 
Thu, 26 Jun 2008 17:19:14 +0430 نویسنده : alireza
siteton ali bod  va manam  kheyli  estefade  kardam   dame hamaton garm
 
Thu, 26 Jun 2008 15:59:50 +0430 نویسنده : ali asghar
احسنت و آفرین به شما که سنت شکنی کردید و این چنین زیبا و عالی حق مطلب رو ادا کردید.

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

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

موفق باشید وامیدوارم که اهورا همواره همراهتان و اهریمن ز شما دور باد.
 
Tue, 10 Jun 2008 14:19:49 +0430 نویسنده : محمد حسن
خیلی خوشحال هستم که یه چیزی توی نت می خواستم و شسته رفته و خوب بدون ادا و اطفال در اختیارم بود البته تعجب هم کردم واقعا دستتان درد نکند که به این صورت خوب آموزش داده بودید امیدوارم که این آموزش تا مدتها اینجا باشه تا بشه همیشه به اون مراجعه کرد من سایت شما رو توی فیوریتسم ذخیره کردم
با آرزوی موفقیت و اموزشهای جدید
 
Fri, 06 Jun 2008 12:33:08 +0430 نویسنده : جمشید طاهرکرد
سلام
برای encode arabic(windows) چه عبارتی رو باید به کار برد ؟
 
Tue, 03 Jun 2008 11:50:34 +0430 نویسنده : sagad
ازمطالب اموزشي كه در سايت قرار دادها يد متشكرم.با ارزوي موفقيت در تمام مراحل زندگي
 
Mon, 02 Jun 2008 15:38:02 +0430 نویسنده : علی
سلام و خسته نباشید. واقعا به این همه حوصله و صبر و تلاش شما آفرین می گم. مطالب خیلی عالی، گویا، روان و کاربردی هستند. ان شاء الله همیشه موفق و پیروز باشید و به راه خودتان با تمام توان ادامه بدهید. چون ما برای نوشته های شما ارزش قائلیم.
 
Fri, 23 May 2008 13:50:53 +0430 نویسنده : amin
از نظراتی که در مرد مطالبتون داده شده مشخصه که چقدر مفید هستن.
کارتون عالیه.
 
Tue, 20 May 2008 19:39:37 +0430 نویسنده : تیام
معرکه است
 
Sat, 17 May 2008 01:09:20 +0430 نویسنده : فریماه
وای یک دنیا مرسی
 
Sat, 10 May 2008 02:31:10 +0430 نویسنده : محمد
محمد هستم از مشهد واقعا حال کردم
 
Wed, 07 May 2008 23:24:01 +0430 نویسنده : آزاده
سلام با تشکر از شما با مطالب خو بتان
 
Mon, 05 May 2008 15:22:51 +0430 نویسنده : علی
آقا حرف نداشت... متشکرم بابت این همه لطفت برای شریک کردن دیگران در فراگیری بخشی از دانسته هات
 
Sat, 26 Apr 2008 17:51:19 +0430 نویسنده : سمیر
خیییییییییییییییییییلی عالی بود. 1 در دنیا 100000 در آخرت خداوند به شما خیر دهاد:)
 
Tue, 22 Apr 2008 07:34:34 +0330 نویسنده : علی احمد نبوی
بسیار عالی ولی جای دلفی خالی .
تشکر از شما با این مطالب خوب
 
Mon, 21 Apr 2008 13:11:42 +0330 نویسنده : مهدیه
سلام.. واقعا خسته نباشید بهتون میگم... یه فرد مبتدی توی این زمینه با اطلاعات جامع شما میتونه یه حرفه ای بشه
من که کلی استفاده کردم.
خیلی خوب میشد اگر دات نت رو هم اموزش میدادین... به امید روزی که این آموزشو توی سایتتون ببینم و استفاده کنم
 
Sun, 23 Mar 2008 14:55:19 +0330 نویسنده : سید عابدین "محبت زاده"
سلام به شما دوستان
واقعاً کولاک بود.
تشکر از شما
از افغانستان
 
Sat, 22 Mar 2008 14:12:48 +0330 نویسنده : مینا
کارتون حرف نداره بابا دمتون درست
 
ساعت: 15:45 - تاریخ: 14 بهمن 1386 نویسنده : محمد
با تشکر
خیلی باحاااااااااااااااااااااااال بود
دستتان درد نکند
 
ساعت: 10:55 - تاریخ: 13 بهمن 1386 نویسنده : محمد
بهترين وبلاگ: www.bestofblog.blogfa.com