دوشنبه 4 شهریور 1398 |  عضویت / ورود






[ بخش اصلی آموزشها | افزودن آموزش | داری بیشترین امتیاز | دارای بیشترین بیننده | جدیدترین نظرات ]

فارسی نویسی در طراحی صفحات وب



این آموزش مربوط است به موضوع طراحي صفحات وب که توسط Hamid در تاریخ: Saturday, 2005 September 24 ارسال شده است.   |   تعداد بازدید: 12154 بار   |   امتیاز متوسط: 5


-------------------------

چند سالی است که با مطرح شدن یونیکد Unicode سایتهایی به زبانهای غیر از انگلیسی زیاد شده و در همین راستا ایرانیان عزیز هم عقب نشسته و شروع به ساختن سایتهای فارسی کرده که جا دارد همین جا از همه کسانی که برای ایران و ایرانی زحمت میکشند تشکر و قدردانی کنم. شما هم با استفاده از این تکنیک میتوانید حروف فارسی را در وب بکاربرید بدون آنکه بیننده سایت شما نیازی به نصب فونت جدید در سیستم خود داشته باشد، البته میتوانید هر نوع فونت به غیر از آنهایی که استاندارد ویندوز هستند را بکار برید ولی همان فونت را باید در اولین صفحه سایت قرار دهید تا کاربر آنرا دانلود کرده و نصب کند تا متنهای سایت شما را بتواند به درستی مشاهده کند ، اینرا در نظر داشته باشید که برای همه خوشایند نیست اینکار و این موضوع شاید باعث از دست دادن بیننده شود که یک نمره منفی برای وب سایت به حساب می آید.

خب دوستان برای راه اندازی یک وب سایت فارسی ابتدا باید سیستم عاملی داشته باشید که فارسی ساز داشته باشد و یا مانند ویندوز XP, 2000 سازگار با زبان فارسی باشد تا توانایی تایپ فارسی را داشته باشید، در ضمن بهتر است که از برنامه هایی نظیرMS Word یا FrontPage   از مجموعه آفیس مایکروسافت  استفاده کنید چون میتوانید مستقیم فارسی بنویسید و آنرا بصورت فایلhtml  ذخیره کنید. با هر برنامه ای که راحت هستید ، متن را وارد کنید و سپس به سورس source صفحه بروید و تگ زیر را در قسمتHead  وارد کنید، 

<meta http-equiv=”content-type” content=”text/html;charset=utf-8>

این تگ، encoding مرورگر را برای استفاده از حروف و علامتهای یونیکد تنظیم میکند. برای دیدن و تنظیم encoding  یک صفحه بصورت دستی باید وارد منوی view در مرورگر شوید و برروی Encoding  رفته واز لیست باز شده گزینه مورد نظر را انتخاب کنید. اما وظیفه آن،  تنظیم مرورگر بیننده  برای نمایش صحیح حروف و علامتهای بکار گرفته شده دروب سایت شما است چون هر کدام از آنها علامت و فونت خاص خود را دارند. تا بحال با یک نامه فارسی درایمیل خود برخورد کرده اید که یکسری حروف عجیب و غریب داشته باشد؟ اگر جوابتان بله است از این به بعد وارد encoding شوید و آنرا روی  Utf-8 بگذارید.

خب حالا نوبت به انتخاب فونت رسیده که یک فونت مناسب باید استاندارد بوده و خاصیت یونیکد را هم داشته باشد. بهترین فونتها در سیستم عامل ویندوز که مناسب فارسی نویسی هستند عبارتند از:

Arial, Tahoma, Times New Roman

پس از انتخاب فونت، بهتر است که خصوصیات lang=”fa”, dir=”rtl” را به تگهایی مانند <body>, <font>, <p>, <div>, <span>  اضافه کنید که خصوصیت  lang=” ” مشخص کننده زبان بکار گرفته شده و fa نمایانگر فارسی farsi است و همینطور خصوصیت dir=”rtl”  که جهت نوشتن را تعیین میکند و rtl نمایانگر راست به چپright to left  است.

 

 نکته:  اگر خصوصیت  dir=”rtl” را در تگ  <body> بکار برید، محل قرار گرفتن scroll bar  در مرورگر از طرف راست به طرف چپ منتقل میشود که این خاصیت فقط در مرورگر اینترنت اکسپلورر IE عمل میکند.

 

ممکن است شما بعد از ذخیره صفحه با یک مشکلی برخورد کنید که بیشتر در مرورگر های نسخه قدیمی مانند IE 5.5  به پایین مشاهده میشود و آن دیدن حرف ی بزرگ در وسط کلمه بجای نوع کوچک است مانند: ا ی نترنت که برای برطرف کردن آن دو راه وجود دارد:

اولین راه قرار دادن نسخه جدید فونت بکار گرفته شده در سایت برای دانلود کردن آن توسط بیننده وب سایت و نصب آن که هر کسی شاید بدرستی نتواند آنرا انجام دهد و اما راه حل دوم ، ابتدا صفحه مورد نظر را در برنامه FrontPage باز کنید و به قسمتHTML  در پایین برنامه رفته که در این قسمت سورس کد را خواهید دید و کد&#1740;  را حذف و بجای آن کد &#1610;  را قرار میدهید و سپس صفحه جدید را دوباره ذخیره میکنید. دقت کنید، در صورتی حروف فارسی را به این شکل خواهید دید که encoding برابر با windows-1252 باشد، یعنی:

<meta http-equiv="content-type" content="text/html;charset="windows-1252">

یک نکته دیگر را بخاطر بسپارید که اگر عنوان صفحه را فارسی تایپ کنید یعنی در قسمت<title> در بعضی از مرورگرها نمایش داده نخواهد شد.





ارسال سؤال یا نظر


1- حسن ضرابی:
بوسیله: , در: Saturday, 2009 December 26-کد: 1260
خیلی زحمت کشیدید اما کامل نبود


2- تنها:
بوسیله: 1478, در: Thursday, 2010 February 04-کد: 1376
خوب بود


3- شب:
بوسیله: , در: Monday, 2010 May 31-کد: 1691
ممنون.جواب سوالی را که میخواستم گرفتم.


4- خشایار علیا:
بوسیله: , در: Tuesday, 2010 August 17-کد: 2005
خیلی خوب بود.ولی من دنبال چیز دیگه ای بودم.من توی صفحاتی که طراحی می کنم از کدهای جاوا استفاده می کنم و همچنین فارسی هم می نویسم.ولی برای نمایش درست صفحه اگر فایل text رو به صورت یونیکد ذخیره کنم دیگه جاوای من خراب میشه.لطفاً منو راهنمایی کنید.
با سپاس
khashayar16171@yahoo.com

Tutorials ©