سینا صالحی فرد ۲۰ اردیبهشت ۱۳۹۳ ۴ 11000 بازدید
فیلم آموزش فارسی نویسی در طراحی صفحات وب html

آیا تا به حال هنگام فارسی نویسی در کدهای html برای طراحی صفحات وب با مشکل مواجه شده اید؟ آیا می دانستید برای اینکه تمام کاربران بتوانند متون فارسی سایت شما را بخوانند و محتوای فارسی سایتتان در اکثر سیستم عامل ها پشتیبانی شود، باید از استاندار Unicode استفاده کنید.

در این فیلم آموزشی html، موارد زیر را برای فارسی نویسی در طراحی صفحات وب به شما خواهیم آموخت :

  • نحوه ی تعیین کدگزاری UTF-8 در html
  • چگونگی تعیین جهت محتوا در طراحی صفحات وب
  • روش تعیین اعلام زبان سایت به مرورگر
  • طریقه فارسی نویسی در ویرایشگر متن notepad++

نحوه تعریف نوع کاراکترها در CSS را در فیلم آشنایی با دستور charset در css می توانید مشاهده کنید.

فیلم آموزش فارسی نویسی در طراحی صفحات وب html

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی فارسی نویسی در طراحی صفحات وب html

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

کسانی که به تازگی با کدنویسی صفحات وب آشنا شده اند، اکثرا در ابتدای کار، هنگام فارسی نویسی در کدهای html با مشکل مواجه میشوند. برای اینکه تمام کاربران بتوانند متون فارسی سایتتان را بخوانند و محتوای فارسی سایتتان در اکثر سیستم عامل ها پشتیبانی شود، باید از استاندار Unicode استفاده کنید.

مثال : مشکل فارسی نویسی در صفحات وب

badwritefa

برای رفع این مشکل باید به مرورگر اعلام کنیم که محتوای سایت را بصورت UTF8 لود کند، تا کاربر هر بار نیاز نداشته باشد که بطور دستی تنظیمات فارسی سازی را انجام دهد.

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

  1. در notepad ++ از منوی encoding گزینه ی convert to utf-8 whitout BOM را انتخاب کنید.

utf-8

  1. سپس متن زیر را در تگ head بنویسید :
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
  1. صفت dir را به html می دهیم و مقدار آن را rtl می نویسیم تا متن ما راست به چپ (ritht to left) شود.
  2. صفت lang را به html می دهیم و مقدار fa را برای آن انتخاب می کنیم. (farsi)
codeht

fa

دسترسی سریع :

نظرات کاربران (۴)



  1. پوریا

    خیلی متشکرم واقعا بهم کمک کرد♥

  2. ya hosin

    سلام خدمت شما و خسته نباشید
    برای اینکه در نوت پد ++ که کلمات فارسی رو تو ورژن جدیدش نشون میده ولی زیر کلمه خط قرمز کشیده اونو چی کارش کنم تا زیرش که قرمز بره؟؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      کافی است از قسمت تنظیمات این نرم افزار، امکان spell checker را غیر فعال نمایید.