|
نسخه ها (Versions) و DOCTYPE
در حال حاضر، HTML سه حالت دارد:
Strict
Transitional
Frameset
حالت اول، يعني حالت Strict، استفاده از المنتهاي قديمي را مجاز نمي داند. حالت دوم
و سوم، هر دو استفاده از المنتهاي قديمي را پشتيباني مي کنند. تنها تفاوت آنها در
اين است که حالت سوم، به شما اجازه استفاده از فريمها (Frames) را نيز مي دهد. بحث
مربوط به فريمها را به درسهاي بعدي مولکول مي کنيم.براي تعيين حالت و نسخه اي که در
سند خود بکار مي بريد، بايد از اعلان DOCTYPE استفاده کنيد. DOCTYPE اطلاعاتي را که
براي برنامه هاي مرورگر، ضروري هستند ارائه مي کنند.
مد Standards و Quirks
هنگامي که برنامه مرورگر مي خواهد يک صفحه HTML را باز کند، به اعلان DOCTYPE آن
نگاه مي کند. اگر اعلان DOCTYPE درست نوشته شده باشد، برنامه مرورگر مي فهمد که
صفحه مورد نظر، به طور استاندارد طراحي شده است. اين حالت Standard نام دارد. ولي
اگر اعلان DOCTYPE حذف شده باشد و يا به درستي نوشته نشده باشد، برنامه مرورگر فکر
مي کند که صفحه مورد نظر بر اساس روشهاي قديمي طراحي شده است. بنابراين براي نمايش
آن از مد استاندارد استفاده نمي کند. اين مد Quirks ناميده مي شود.
رنگها
براي تعيين رنگها در HTML به سه طريق مي توانيد عمل کنيد:
رنگ مورد نظر خود را به صورت rgb(X%, X%, X%) بنويسيد.
رنگ مورد نظر خود را به صورت rgb(X, X, X) بنويسيد.
رنگ مورد نظر خود را به صورت هگزادسيمال (Hexadecimal) بنويسيد. روش نوشتن اين گونه
رنگها به صورت #XXXXXX بنويسيد. مثلا براي رنگ سفيد مي توانيد از کد #FFFFFF
استفاده نماييد. همچنين مي توانيد از رنگهاي از پيش تعيين شده استفاده نماييد. مثلا
براي رنگ سياه مي توانيد از کلمه black استفاده نماييد.
مثال:
color = rgb(35%, 0%, 50%)
color = rgb(89, 0, 127)
color = #59007F
color = black
رنگهاي از پيش تعيين شده عبارتند از:
Aqua (#00FFFF)
Black (#000000)
Blue (#0000ff)
Fuchsia (#FF00FF)
Gray (#808080)
Green (#008000)
Lime (#00FF00)
Maroon (#800000)
Navy (#000080)
Olive (#808000)
Purple (800080)
Red (#FF0000)
Silver (#C0C0C0)
Teal (#008080)
White (#FFFFFF)
Yellow (#FFFF00)
ساختن يک صفحه وب جديد
براي ايجاد يک صفحه وب، به هيچ نرم افزاري نياز نداريد. با نرم افزارهاي واژه پرداز
نظير Wordpad و يا Notepad، مي توانيد صفحات HTML خود را توليد کنيد. البته به
وسيله نرم افزارهاي جانبي همانند Microsoft Frontpage و Macromedia Dreamweaver هم
مي توانيد اين گونه صفحات را توليد نماييد. حال براي ساختن يک صفحه وب جديد، مراحل
زير را دنبال کنيد:
برنامه واژه پرداز مورد نظر خود را باز کنيد.
دستور File > New را اجرا کنيد تا يک صفحه جديد باز شود (البته تمامي اين نرم
افزارها، هنگام باز شدن يک صفحه جديد نيز به صورت اتوماتيک باز مي کنند).
کد HTML مورد نظر خود را تايپ نماييد (مراحل نوشتن کد را در درسهاي بعدي خواهم
گفت).
در پايان کار، فايل خود را با پسوند html و يا htm ذخيره نماييد.
دقت داشته باشيد که هنگام ذخيره کردن صفحه وب خود، آن را با فرمت فقط Text Only
(فقط متن) ذخيره نماييد. براي ذخيره کردن صفحه وب خود با فرمت Text Only، پس از
اجراي فرمان File > Save As
در واژه پرداز خود، آيتم Text Only و يا Text Document را از کادر باز شدني Save as
type انتخاب نماييد.
نکات قابل توجه:
Windows 3.1، فقط پسوندهاي سه حرفي را قبول مي کنند. بنابراين اگر صفحه وب خود را
با پسوند html ذخيره نماييد، در Windows 3.1 قابل مشاهده نيست.
بعضي از برنامه واژه پرداز عادت دارند که پسوند پيش فرض خود را به انتهاي نام فايل
اضافه کنند. بنابراين اگر شما نام فايل خود را به صورت Name.htm تايپ کنيد، برنامه
واژه پرداز آن را به صورت Name.htm.xxx ذخيره مي کند که در اينجا، xxx پسوند پيش
فرض برنامه مي باشد. براي حل اين مشکل دو راه وجود دارد. اول اينکه نام فايل را
درون کوتيشن قرار دهيد. همانند "Name.htm". اين کار از افزودن پسوند اضافي جلوگيري
مي کند. راه حل دوم اين است که پسوند فايلها در ويندوز را به نمايش در آوريد و سپس
پسوند اضافي را از فايل مربوطه پاک کنيد.
اگر قصد داريد براي ذخيره کردن صفحات وب خود، از يک سيستم Encoding استفاده کنيد،
بايد از نرم افزاري استفاده کنيد که امکان انتخاب روش Encoding را به شما بدهد.
ويرايش صفحات وب
اگر بخواهيد يک صفحه وب با پسوند html يا htm را ويرايش کنيد، چنان چه بر روي فايل
مربوطه، دو بار کليک کنيد، برنامه مرورگر باز شده و فايل مربوطه را نمايش مي دهد.
براي ويرايش صفحات وب، دو راه وجود دارد.برنامه واژه پرداز خود را وارد کنيد. دستور
File > Open را اجرا کرده و فايل مربوطه را باز کنيد تا کد HTML آن نمايان شود.
چنان چه فايل مربوطه را مشاهده نکرديد، از کادر باز شدني Files of types، گزينه All
Files را انتخاب کنيد تا تمامي فايلهاي موجود نمايان شود.
صفحه وب مورد نظر خود را به وسيله يک برنامه مرورگر باز کرده و سپس از منوي View،
گزينه Source را انتخاب کنيد.
آغاز کردن يک صفحه وب
براي آغاز کردن يک صفحه وب، بايد در ابتداي آن از فرمان DOCTYPE استفاده کنيد. همان
طور که گفته شد، DOCTYPE اطلاعاتي را که براي برنامه هاي مرورگر ضروري هستند را
ارائه مي کند.
آغاز کردن يک صفحه HTML در حالت Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
آغاز کردن يک صفحه HTML در حالت Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
آغاز کردن يک صفحه HTML در حالت Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
براي نوشتن بقيه کدها، بايد آنها را در ميان تگهاي <html> و </html> قرار دهيد.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> </html>
کل صفحات وب داراي دو تگ head و body مي باشند. تگ head براي کارهايي از قبيل تعريف
کردن عنوان صفحه (Title)، اطلاعات مورد نياز براي موتورهاي جستجو نظير Google،
نوشتن اسکريپتها و ... به کار مي رود. تگ body، محتويات صفحه وب شما را شامل مي
شود.
براي ساختن قسمت head:
براي ساختن قسمت head، بعد از تگ باز html، بايد عبارت <head> را تايپ کنيد. سپس پس
از تايپ محتويان اين قسمت، تگ را تايپ نماييد.
براي ساختن قسمت body:
براي اين کار، پس از تگ بسته head، عبارت <body> را تايپ کنيد. سپس پس از تايپ
محتويان اين قسمت، تگ را تايپ نماييد.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> </body>
</html>
چگونگي Encode کردن صفحه
بهترين روش براي اينکه يک صفحه HTML را Encode کنيد (اين کار سبب مي شوند تا
کاراکترهاي به کار رفته در صفحه وب شما، به درستي نمايش داده شوند)، استفاده از تگ
meta استفاده نماييد. اين تگ را بايد در قسمت head تايپ نماييد:
<meta http-equiv="Content-Type" content="text/html; charset=Encoding Type">
در اين کد، Encoding Type همان روشي است که براي Encode کردن به کار مي رود. به
عنوان مثال اگر بخواهيد صفحه وب خود را به صورت Unicode-UTF8، Encode کنيد بايد به
جاي Encoding Type از عبارت utf-8 استفاده نماييد.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta
http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body>
</body> </html>
ساختن عنوان (Title) صفحه
هر صفحه HTML داراي يک المنت title مي باشد که بر روي نوار عنوان (Title Bar)
نمايان مي شود. دقت داشته باشيد عنوان صفحه شما توسط موتورهاي جستجو مثل Google
مورد استفاده قرار مي گيرند. پس آن را به نحوي انتخاب کنيد که موضوع صفحه وب شما را
به خوبي نشان دهد. براي نوشتن عنوان صفحه، بايد نوشته مورد نظر خود را در قسمت head
و در بين تگهاي <title> و </title> قرار دهيد.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD/HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta
http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Persian
Learn - Welcome</title> </head> <body> </body> </html>
Headerها
يک روش سازماندهي نوشته هاي شما، استفاده از Headerها مي باشد. براي ساختن
Headerها، بايد آنها را در قسمت body و در بين دو تگ و که در آن x عددي از 1 تا 6
است، تايپ نماييد. شکل زير خود معرف 6 Header موجود در HTML مي باشد.
Persian Learn Persian Learn Persian Learn Persian Learn Persian Learn Persian
Learn <body> <h1>Persian Learn</h1> <h2>Persian Learn</h2> <h3>Persian
Learn</h3> <h4>Persian Learn</h4> <h5>Persian Learn</h5> <h6>Persian Learn</h6>
</body>
|
