آموزش Html جلسه سوم 

( فارسی نویسی )

  در اين درس با فارسي نويسي، فارسي سازي و استاندارد يونيکد  آشنا خواهيد شد. همچنين متاتگ http-equiv و شناسه dir نيز معرفي خواهد شد.

سؤالات مربوط به فارسي نويسي را ميتوان به سه گروه عمده تقسيم کرد:
- چگونه فارسي بنويسم ؟
- چگونه فارسي بخوانم؟
- چگونه صفحات اچتمل فارسي را نمايش دهم؟

 


 دو نکته بسيار مهم در مورد فارسي نويسي:

·  روش کدگزاري UTF - 8
اکيدا توصيه ميشود که براي تايپ و تمايش متون فارسي از استاندارد يونيکد و روش کدگزاري
UTF - 8 استفاده شود و اين روشي است که مطالب اين سايت از آن استفاده ميکند.نکته مهم در نمايش صحيح متون فارسي تعيين نوع کدگزاري يا encoding صفحات فارسي است که براي اينکار بايد از متاتگ خاصي به نام http-equiv در بخش head صفحات اچتمل به شکل زير استفاده شود:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

در اينصورت مرورگر يا Browser قبل از نمايش صفحه از روي متاتگ فوق نوع کدگزاري (Encoding) را تشخيص داده و ديگر مثلا نيازي به تعيين دستي (دراکسپلورور 5 : View/Encoing/Unicode / UTF-8 ) نوع Encoing توسط بازديدکننده سايت نخواهد بود.

·  شناسه يا attribute ي به نام dir
جهت نمايش متون لاتين به صورت پيش فرض و
default از چپ به راست (ltr) ميباشد.در مورد متون و جملات فارسي بايد با کمک روشي جهت نمايش پيش فرض را به "راست به چپ" تغيير دهيد. شناسه يا attribute ي به نام dir يا همان direction اين کار را براي شما انجام ميدهد. اين شناسه داراي دو مقدار ممکن ميباشد :


dir="ltr" , Left-to-right text. - چپ به راست
dir="rtl" , Right-to-left text. -
راست به چپ

مثلا براي نمايش جمله فارسي "سلام بر دنياي وب!" با کمک عناصر p يا div کافي است که به يکي از شکلهاي زير عمل شود:

 

<p dir="rtl"> سلام بر دنياي وب </p>
<div dir="rtl">
سلام بر دنياي وب </div>

 در بسياري از عناصر و تگ هاي اچتمل امکان استفاده از شناسه dir ميسر بوده و به عنوان نمونه ميتوان از عناصر زير نام برد:

 

<p> , <div> , <html> , <body> , <table> , <tr> , <td> , <h1 ... h6> , <input> , <pre> , <select> , <span> , ...


 

فرمت دهی ( Formatting )

  وظيفه گروهي از تگ هاي اچتمل فرمت دهي و تعيين شکل نمايش متون ( مثلا ضخيم و bold بودن و يا مورب و ايتاليک بودن ) ميباشد و در اين درس با اين گروه از تگهاي formating آشنا خواهيد شد:

<b> , <big> , <code> , <del> , <em> , <i> , <ins> , <kbd> , <pre> , <s> , <samp> , <small> , <strike> , <strong> , <sub> , <sup> , <tt> , <u> , <var>

 

 


 نحوه ديدن سورس کدهاي اچتمل (HTML Source)
 

o        اگر ميخواهيد که سورس کدهاي اچتمل صفحات وب را ببينيد کافي است که در منوي View مرورگرتان حالت Source يا Page Source را انتخاب کرده و مرورگر کد اچتمل را درون اديتوري باز کرده و قابل ذخيره توسط شما براي استفاده هاي بعدي ميباشد.

o        اگر صفحه مورد نظر از مجموعه فريمها (Frameset) استفاده کرده باشد براي ديدن سورس کد اصلي فريمها کافي است که ابتدا با کمک روش بالا به مشاهده سورس کدهاي اچتمل پرداخته (لازم به توضيح است که در اين حالت فقط تعاريف کلي فريمها قرار دارند.) و سپس براي ديدن کد اچتمل اختصاصي هر صفحه بايد پس از "Right Click" روي هر صفحه "View Source" کرده و کد اچتمل هر فريم را جداگانه ببينيد.

o        اگر طراح سايت با کمک Java Script مانع ديدن سورس توسط شما ميشود، ابتدا در منوي Tools/Internet Options.../Security/Custom Level مرورگرهاي اکسپلورر امکانات جاواسکريپت مرورگر را غير فعال کرده (disable) و سپس مراحل بالا را تکرار کنيد!!!


چند نکته کاربردي:

        I.            در استفاده از Underline دقت كنيد چون در اكثر مرورگرها، پيوندها با اين خطوط نشان داده مي شوند و اين مساله ميتواند كاربران را دچار اشتباه كند .

     II.            به كارگيري تگهاي EM و STRONG كه جايگزين تگهاي I و B هستند ، اين اطمينان را مي دهد كه صفحه شما توسط همه مرورگرها بصورت صحيح نمايش داده خواهد شد .

   III.            به ترتيب بسته شدن تگهاي پاياني در مثال زير دقت كنيد، همان گونه كه مشاهده مي كنيد عنصر STRONG بعد از عنصر U شروع شده است ، به همين خاطر تگ خاتمه دهنده آن قبل از تگ خاتمه دهنده U قرار مي گيرد.
 

<U>version <STRONG>2.0</STRONG></U>

  تگهاي فرمت دهي متون

Start Tag

Purpose

کاربرد

<b>

Defines bold text

نمايش توپر

<big>

Defines big text

نمايش در اندازه بزرگ

<em>

Defines emphasized text 

نمايش بصورت تاکيد شده

<i>

Defines italic text

نمايش ايتاليک يا کج

<small>

Defines small text

نمايش در اندازه کوچک

<strong>

Defines strong text

نمايش قوي ؟!

<sub>

Defines subscripted text

نمايش پايين تر از خط افقي

<sup>

Defines superscripted text

نمايش بالاتر از خط افقي

<ins>

Defines inserted text

نمايش به صورت خط زير

<del>

Defines deleted text

نمايش به صورت خط خورده

<s>

Deprecated. Use <del> instead

از رده خارج

<strike>

Deprecated. Use <del> instead

از رده خارج

<u>

Deprecated. Use styles instead

از رده خارج

 

Start Tag

Purpose

کاربرد

<code>

Defines computer code text

نمايش کدهاي برنامه نويسي

<kbd>

Defines keyboard text 

نمايش متن بصورت صفحه کليدي

<samp>

Defines sample computer code

نمايش کدهاي نمونه برنامه نويسي

<tt>

Defines teletype text

نمايش تله تايپ

<var>

Defines a variable

نمايش متغييرها

<pre>

Defines preformatted text

نمايش متون از قبل فرمت شده

 

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

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