فارسی نویسی در وب

آرمان ارجمند — Sun, 28 Feb 2010 16:41:23 +0000

چند سالی است که با مطرح شدن یونیکد Unicode صفحات غیر انگلیسی زیاد شده اند .

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

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

این تگ، encoding مرورگر را برای استفاده از حروف و علامتهای یونیکد تنظیم میکند.

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

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

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

Arial, Tahoma, Times New Roman

پس از انتخاب فونت، بهتر است که خصوصیات lang=”fa”, dir=”rtl” را به تگهایی مانند

, ,

اضافه کنید که خصوصیت lang=” ” مشخص کننده زبان بکار گرفته شده و fa نمایانگر فارسی farsi است و همینطور خصوصیت dir=”rtl” که جهت نوشتن را تعیین میکند وrtl نمایانگر راست به چپright to left است.

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

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

اولین راه:

قرار دادن نسخه جدید فونت بکار گرفته شده در سایت برای دانلود کردن آن توسط بیننده وب سایت و نصب آن که هر کسی شاید بدرستی نتواند آنرا انجام دهد

و اما راه حل دوم :

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

یک نکته دیگر را بخاطر بسپارید که اگر عنوان صفحه را فارسی تایپ کنید یعنی در قسمت در بعضی از مرورگرها نمایش داده نخواهد شد. <a href="http://bartarblog.com">برتر بلاگ ، وبلاگ دهی برتر</a> </article> <article> <h1>آموزش html ( بخش اول )</h1> آرمان ارجمند — Sun, 13 Sep 2009 08:25:23 +0000 آموزش HTML ( بخش نخست ) HTML چیست؟ HTML مخفف زبان نشانه گذاری فرا متنی (hyper text markup language) است . یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاری شده است که به مرورگرهای وب بیان می کنند که صفحه را چگونه نمایش دهند . یک فایل HTML دارای پسوند htm. یا html. است آنچه که قبل از یادگیری HTML باید بدانیم : برای شروع کار با HTML شما به دو نرم افزار نیاز دارید ، یک ویرایشگر متن و یک مرورگر برای شروع بهتر است از برنامه ویرایشگر متنی ویندوز با عنوان Notepad استفاده کنید (Start/All Programs/Accessories/Notepad) شما به یک مرورگر وب نیز نیاز دارید، Microsoft Internet Explorer ، FireFox ، Oprea و همچنین مرورگر فارسی تیزبال همگی از گزینه های پیش رو شماست . نوشتن صفحات HTML : برای نوشتن یک صفحه HTML ابتدا باید دو مفهوم تگ (برچسب) و عنصر HTML را درک کنیم . تگ های HTML چیستند ؟ تگ های HTML برای نشانه گذاری عناصر HTML استفاده می شوند تگ ها همواره با علامت کوچکتر ریاضی (>) شروع شده و با علامت بزرگتر ریاضی (<) پایان می یابند . ( این کاراکترها را قلاب نیز می نامند ) تگ های HTML بصورت دوتایی هستند. < تگ آغازین> , <تگ پایانی/> نمونه : , عملیات با تگ آغازین (Opening tag) شروع می شود و با تگ پایانی خاتمه می یابد . نکاتی در مورد تگ های HTML : 1 . در HTML بعضی از تگ ها به تگ پایانی نیاز ندارند. تگ هایی مانند تگ های روبرو : ، ، <hr> ، 2 . در نسخه های قدیمی تر HTML تگ ها به حروف بزرگ و کوچک حساس نیستند یعنی شما مجبور نیستید تگ ها را حتما با حروف کوچک یا درشت بنویسید . مثلاً همان معنی را می دهد . اما کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود تگ های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) نیز تگ های حروف کوچک را خواستار شده است. ۳٫ فضای خالی هم بین تگها تأثیری ندارد. مثلاً : Welcome to Sorenblog با Welcome to Sorenblog فرقی نمی کند . هر دو یک نتیجه را بدنبال خواهند داشت . عناصر HTML چیستند ؟ به عبارت زیر دقت کنید : Welcome to Sorenblog ساختار بالا یک عنصر HTML است . هر عنصر HTML با یک تگ آغازین ، شروع می شود و با یک تگ پایانی خاتمه می یابد ; در مثال فوق به ترتیب : و در عنصر بالا عبارت Welcome to Sorenblog محتوای عنصر نامیده می شود . در مثال فوق هدف تگ این است که تعریف کند محتوای عناصر HTML باید بصورت برجسته نشان داده شود. عملیات از تگ آغازین () شروع می شود و برای پایان دادن به این عملیات ( نمایش برجسته متون ) نیز باید از تگ پایانی آن () استفاده شود . به طور مثال نتیجه کد بالا در مرورگر به این صورت خواهد بود : Welcome to Sorenblog نوشتن یک صفحه HTML : در یک صفحه HTML وجود تگ های زیر ضروری است : <html> ، <head> و <body> توضیح : یک صفحه ی html با تگ های <html>شروع و با تگ <html/> خاتمه پیدا میکند تگ های head مشخص کننده بخشی است که باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات صفحه را در آن قرار داد . این بخش با تگ <head> آغاز و با تگ <head/> به پایان می رسد. تگ های body نیز تگ های بدنه فایل HTML ما هستند ، هر چیزی که می خواهیم در صفحه نمایش داده شود باید در میان تگ آغازین <body> و تگ پایانی </body> قرار گیرد . مثال : <html> <head> عنوان صفحه </head> <body> هر چیزی که اینجا قرار گیرد در صفحه قابل دیدن است </body> </html> مثال بالا قالب پایه ای یک فایل HTML است که از چند عنصر HTML تشکیل شده است . همانطور که می بینید صفحه با تگ <html> شروع و با تگ </html> پایان یافته است . عنصر title عنوان صفحه HTML را مشخص می کند که باید پس از شروع و قبل از پایان یافتن عنصر head در بین کد ها قرار داده شود . تگ <body> نیز بخشی را آغاز می کند که در صفحه مرورگر به نمایش در خواهد آمد. برای پایان دادن به این تگ از <body/> استفاده می کنیم. ذخیره کردن یک فایل HTML : Notepad ویندوز را باز کنید (Start/All Programs/Accessories/Notepad) و کدهای بالا را در آن کپی کنید ، سپس از منوی File گزینه Save As را انتخاب کرده و فایلتان را با نام html1.htm یا html1.html ذخیره کنید . ( برای سازگاری با زبان فارسی از منوی بازشوی Encoding گزینه UTF-8 را برگزینید ) ادامه دارد … ( تمامی حقوق محفوظ) <a href="http://bartarblog.com">برتر بلاگ ، وبلاگ دهی برتر</a> </article> </main></body></html>

سورن بلاگ وبلاگ و وبلاگنویسی قالب وبلاگ » آموزش اچ تی ام ال

فارسی نویسی در وب