|
( فارسی نویسی )
در
اين درس با فارسي نويسي، فارسي سازي و استاندارد يونيکد آشنا
خواهيد شد. همچنين متاتگ
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 |
نمايش متون از قبل فرمت شده |
|