[Zohreh Gholami]

معرفی کامل HTML
(بخش اول)

تاريخچه [wiki]Html[/wiki]
HTML توسط  Tim Berners-Lee  در خلال دهه 90 ميلادي همراه با گسترش وب، شکوفا شد. اين زبان توسط مرورگر  Mosaic معروفيت خاصي پيدا کرد. در آن زمان HTML در چند مدل منتشر مي شد که آن بستگي داشت به سازنده فايل و انجمنهايي که در زمينه وب فعاليت داشتند.

در نوامبر 1995 نسخه HTML 2.0 گسترش يافت و بلافاصله در همان سال HTML 3.0 منتشر شد، ولي استقبالي از آن نشد. در سال 1996 انجمن W3C شروع به فعاليت بر روي نسخه اين زبان کرد که حاصل کار آنها در 14 ژانويه 1997 انتشار HTML 3.02 بود. اين نسخه توانست رضايت اکثريت را جلب کند چون هماهنگي بيشتري با مرورگرهاي مختلف در سيستمهاي عامل متفاوت داشت. در تمام نسخه هاي اين زبان ، سعي بر اين شده بود تا نظر کساني که در زمينه وب سرمايه گذاري کرده بودند جلب شود و برنامه هاي توليد شده براي وب بتوانند مدت طولاني تري قابل استفاده باشند. به همين منظور HTML براي اهداف گسترده تري ، در وب توسعه يافت تا در کليه سيستمهاي اطلاع رساني و الکترونيکي کوچک و بزرگ با بکار بردن گرافيک و رنگها، قابليت بهره برداري بيشتري داشته باشد.

در 18 دسامبر 1997 نسخه HTML 4.0 در وب منتشر شد و در همين بين شرکتهاي توليد کننده مرورگر وب يکسري مشخصات منحصر بخود را به اين نسخه اضافه کردند که قابل اجرا در مرورگرهاي ديگر نبود. بعضي از اين تغييرات در W3C  مورد تاييد قرار گرفت اما بعضي ديگر نه. با تغييرات HTML مرورگرها مجبور به تغيير شدند تا با تحولات جديد سازگار شوند.

در تاريخ 24 آوريل 1998 در اين نسخه تجديد نظر شد و حاصل آن پيدايش HTML 4.01 بود که با کمي تغيير و رفع يکسري مشکلات، در W3C برسميت شناخته شد و اين انجمن استفاده از آنرا به توسعه دهندگان و طراحان وب ، توصيه کرد.

بطور کل مجموعه HTML 4 با قابليت استفاده از embeded objects, frames, scripting, style sheets و با کارآيي بالاتر جدولها و فرمها به وب معرفي شد، همچنين در اين نسخه توجه زيادي به افراد با توانايي کم شده بود تا اين افراد هم بتوانند از محيط وب استفاده کنند. اما مهمترين قدمي که در اين نسخه برداشته شد، پشتيباني HTML از زبانهايي بود که از راست به چپ  نوشته ميشدند مانند زبان فارسي، که در اين نسخه با پذيرفتن استاندارد ISO 10646  به هدف بزرگ بين المللي شدن اين زبان نزديک شدند تا همه مردم دنيا در هر کجا و با هر زباني بتوانند اسناد HTML را منتقل کنند.

HTML 4.01 تفاوت کمي با نسخه اصلي خود يعني 4.0 دارد اما در عوض هماهنگي بيشتري با نسل جديد زبان وب يعني XHTML و نسل بعدي يعني XML دارد. در اصل XHTML اساس و مقدمه XML است که براي هماهنگي و سازگاري HTML با XML منتشر شده است.

HTML 4 زبان بسيار قوي است براي طراحان و سازندگان محصولات وب اما در آن توجهي به دستگاههاي اطلاع رساني و الکترونيکي کوچک با قدرت و حافظه کمتر نشده است. به همين منظورW3C در 26 ژانويه 2000   اقدام به معرفي XHTML 1.0 کرد و در 19 دسامبر همان سال آنرا به رسميت شناخت و تاکيد به استفاده از اين نسخه کرد تا با بکارگيري ويژگيهايي که دارد دامنه استفاده از زبان محبوب HTML را گسترش دهد و مقدمات معرفي XML را فراهم کند.

[Zohreh Gholami]

تگ های HTML

IE: نسخه مرورگر اينترنت اکسپلورر، که آن تگ را پشتيبانی می کند.
NN: نسخه مرورگر نت اسکيپ، که آن تگ را پشتيبانی می کند.

[Zohreh Gholami]

ادامه

[Zohreh Gholami]

(بخش سوم)

WWW
امروزه شما به هر طرفي که نگاه مي کنيد آدرس هاي اينترنتي را مشاهده مي کنيد که اين آدرس ها شما را به صفحاتي در اينترنت هدايت مي کنند تا اطلاعاتي را در اختيار شما قرار دهند.بيشتر اين آدرس ها با www آغاز شده که مخفف سه کلمه World Wide Web مي باشد. وب قسمتي از دنياي اينترنت است که شامل متن، عکس و تصوير يا حتي صدا مي باشد که بعضي از اين صفحات به هم مرتبط بوده و شما را به صفحه ديگر حرکت مي دهند.

همانطور که ميدانيد براي دسترسي به اين صفحات نياز به چند چيز داريد:
ابتدا شما بايد مشترک يکي از شرکت هاي سرويس دهنده اينترنت شويد که به اين شرکتها  [wiki]ISP[/wiki]مي گويند.ISP مخفف Internet Service Providers است. سپس شما براي مشاهده صفحات نياز به يک برنامه به اسم مرورگر وب  Web browser داريد مانند:  Internet explorer, Netscape Navigator, Opera,  تا کدهاي متني اين صفحات را ترجمه کرده و به صورت يک سري اطلاعات قابل فهم براي ما نمايش دهند.

داخل اين مرورگرها کادري (Address bar) است که شما مي توانيد آدرس هاي اينترنتي را وارد کرده و پس از فشار دادن دکمه Enter  برروي کيبورد منتظر نمايش يک وب سايت باشيد. اگر دقت کرده باشيد پس از اين عمل کلمه http درجلوي آدرس وارد شده اضافه مي گردد که مخفف HyperText Transport Protocol  ميباشد، اين کلمه به مرورگرميفهماند، اين آدرس از چه پيوند و تکنولوژي مي خواهد براي نمايش صفحه استفاده کند، چون پروتکل هاي مختلفي هست مانند: FTP  که مخفف File Transfer Protocol .

نام فني آدرس هاي اينترنتي URL مي باشد که اين اصطلاح مخفف سه کلمه Universal Resource Locator است.


HTML  چيست؟
زماني که شما داخل صفحات يک وب سايت مي گرديد اجزاي گوناگوني را مي بينيد که تمام آنها در يک چيز مشترک هستند و آن زبان يا کدي است که آنها را توليد مي کند که اين زبان HyperText Markup Language يا همان HTML مي باشد.حالا اجازه دهيد تا کلمه به کلمه برايتان توضيح بدهم، البته انتظار يک معني دقيق و سليس را نداشته باشيد ولي درحدي که براي من قابل فهم بود براي شما خواهم گفت.

Hyper:  متضاد نوشته هاي خطي( Linear ) است ، اگر شما با زبانهاي برنامه نويسي کامپيوتر آشنايي داشته باشيد مانند ويژوال بيسيک ميبينيد که بايد کدها را خط به خط بنويسيد و تا يک خط اجرا نشود بعدي خوانده نمي شود يعني آنها را بايد به ترتيب بنويسيد تا برنامه اجرا شود ولي HTML  اينطوري نيست و الگوي خطي ندارد شما هر کدي را مي توانيد هر جا که بخواهيد بنويسيد.

Text: به همان متني مي گويند که مي نويسيد تا در مرورگر نشان داده شود.

Markup:عملي است که مرورگر برايتان انجام ميدهد يعني يک متن ساده مي نويسيد ولي جور ديگري نمايش داده مي شود.

Language: بالاخره اين هم يک نوع زبان و بايد يک چيزي پيدا کرد تا به حرف L بخوره ديگه


عناصر تشکيل دهندهHTML
HTML زبان وب ميباشد که داراي عناصر(elements)  گوناگوني است که بر روي هم تشکيل  يک صفحه از سايت را ميدهند. اين عناصر عبارتند از:

( texts & lists ) متن ها و ليست ها : نوشته هاي داخل يک صفحه را در برمي گيرد.

( images ) عکس ها : عکس هاي داخل يک صفحه که زيبايي خاصي به وب سايت ها مي بخشند.

( tables ) جدول ها : جدولها بهترين عنصر براي سازمان دهي و مرتب کردن اطلاعات ما هستند که نقش اساسي در طراحي يک سابت دارند.

( forms ) فرم ها : عناصري که بيننده سايت به کمک آنها مي تواند اطلاعاتي را وارد کرده تا ذخيره شده يا فرستاده شود.

( hyperlinks ) نقطه پيوند : البته اين معني اصلي لغت نمي باشد و اين عناصر،  نقطه پيوند و ارتباط بين دو صفحه از يک سايت يا دو وب سايت متفاوت مي باشد. مانند :

( frames ) چارچوبها : فريمها يا چارچوبها تنها عناصري هستند که با استفاده از آنها ما مي توانيم چند صفحه اينترنتي را در يک صفحه جاي دهيم. مانند

( multimedia ) چند رسانه اي : شايد بشه آنرا صوت و تصوير هم گفت ، اگرچه از ابتدا صوت و تصوير با HTML نبوده اما در حال حاضر بيشتر مرورگر هاي وب از اين عنصر پشتيباني مي کنند و شما ميتوانيد در وب سايتتان فيلم وموزيک پخش کنيد.

( javascript ) جاوا اسکريپت : يک نوع زبان نوشتاري يا بهتر بگويم يک نوع کد است که ارتباط نزديکي با HTML دارد و البته آنها را بايد داخل کدهاي html  بکار برد تا بتوانيد يک وب سايت حرفه اي با جذابيت بالا طراحي کنيد.

( JavaApplets ) جاوا اپلت : اپلتها برنامه هايي هستند که توسط زبان جاوا نوشته مي شوند و مي توان آنها را در يک صفحه جاسازي کرد براي کارآيي بالاي وب سايت مانند عمليات پيچيده رياضيات يا ساختن بازيها. زبان برنامه نويسي جاوا  خود يک زبان مجزا و داراي محبوبيت خاصي دردنيا مي باشد که با جاوا اسکريپت فرق دارد.

( style sheets ) استايل شيت : اين عناصر قابليت انتقال اطلاعات به عنوان يک الگوي مشترک در بين صفحات را دارد. به طور مثال شما يک الگو براي رنگ متن مي سازيد و سپس آنرا بين صفحاتي که مي خواهيد به اشتراک مي گذاريد.

( DHTML ) : مخفف دو کلمه Dynamic Html   مي باشد که وظيفه آن روح بخشيدن به صفحات و بالا بردن جذابيت وب سايت مي باشد، شما مي توانيد با هماهنگي کدهاي javascript و Dhtml يک وب سايت پويا و زنده طراحي کنيد.

[Zohreh Gholami]

(بخش چهارم)

تمامي اين عناصر( elements )  که در بخش قبل ذکر شد مي توان همگي يا تک تک آنها را در ميان کدهاي html بکار برد. لازم بذکر است که کليه کدها و عناصر مربوط به زبان html توسط يک کنسرسيوم و انجمني به نام W3C  تأييد و به رسميت شناخته مي شود. انجمن W3C  که مخفف World Wide Web Consortium مي باشد، به غير از Html بر کدهاي  Style sheet, xml, xhtml هم نظارت دارد. اين انجمن پس از بررسي کدهاي جديد آنها را در سايت رسمي خود  www.w3.org اعلام مي نمايد. در حال حاضر آخرين نسخه   html، نسخه html 4.01 مي باشد و بعد از آن نسخه هاي  Xhtml به وب معرفي شده است.



هدف از ساخت وب سايت
قبل از هر کاري شما بايد هدف مشخصي داشته باشيد تا مصمم تر آن را دنبال کنيد، پس براي ساختن يک وب سايت هم هدف از ساخت آن را مشخص کنيد به طور مثال موضوع آن چيست يا چه طرحي مي خواهيد داشته باشه با چه تعداد صفحه. بد نيست که نوع مخاطبين و بيننده ها را هم مشخص کنيد که چه کساني قرار است از سايت شما استفاده کنند. شما مي توانيد در ابتدا از يک سايت شخصي شروع کنيد، فکر کنم با پيشرفت تکنولوژي کامپيوتر و اينترنت در آينده نزديک هر کسي مانند شناسنامه بايد يک سايت براي معرفي خود داشته باشه. هميشه سعي کنيد تا مطالب را متناسب با مضمون سايت انتخاب کنيد و در هر قسمت يک هدف را دنبال کنيد که بيننده گيج و فراري نشود. اگر سايت شما شخصي است و در آن خاطرات، عکس هاي خود يا دوستانتان را گذاشته ايد پس ديگرنبايد تبليغ محصولات توليدی را اضافه کنيد يا بالعکس.



کجا و چگونه سايت را راه اندازي کنيد
ابتدا بايد يک اسم مناسب براي سايت انتخاب کنيد که به اين اسم domain  مي گويند، اسم يک وب سايت از سه قسمت تشکيل مي شود:  www که مخفف World Wide Web ميباشد، اسم منتخب شما يا همان Domain  و در آخر پسوندهاي مشخص مانند:    .com, .net, .org, .info

پس از انتخاب اسم که بايد يک هماهنگي با مطالب  سايت داشته باشد، نوبت به ثبت آن ميرسد که شما مجبورهستيد با يک شرکت خدمات اينترنت قرار داد ببنديد، براي ثبت اسم و اجاره فضا تا اطلاعات شما را در اينترنت به معرض نمايش بگذارند. بعد از اينکه تنظيمات اوليه انجام شد، شما مي توانيد با استفاده از سرويس هايي مانند FTP  که مخفف File Transfer Protocol  ميباشد اطلاعات  سايت را حذف، اضافه يا تغيير دهيد که در مورد اين سرويس در بخش ديگري توضيح خواهم داد.

البته سایت هايي هستند که شما ميتوانيد به طور رايگان سايت خود را راه اندازي کنيد اما معايبي هم دارند که يکي از آنها پخش تبليغات در صفحات شما  مي باشد و ديگر اينکه امکانات محدود آنها است ولي براي شروع کار و آشنايي با نصب و راه اندازي يک وب سايت بسيار مناسب مي باشند.



اهميت طراحي وب سايت
يک وب سايت موفق در مرحله طراحي جان مي گيرد چون چند چيز مهم در اين قسمت مشخص ميشود مانند، قالب بندي، رنگ، محتوا ومديريت اطلاعات سايت. اگر ما درست کردن وب سايت را به ساختن يک خانه تشبيه کنيم، ميبينيد که انسان منطقي خانه را بدون نقشه و طرح نمي سازد، پس بياييد به اين قسمت اهميت بيشتري بدهيم تا در پايان کار احساس رضايت بکنيم. در ساخت يک خانه نکات مهم ديگري هم هست، ظاهر و نماي آن، مواد ومصالح که قرار است بکار برده شود، در ضمن به راحتي کساني که ميخواهند از آن استفاده کنند هم بايد فکر کرد. پس شما هم اين نکات را مد نظر داشته باشيد که ظاهر صفحات چه شکلي داشته باشد از چه رنگهايي استفاده کنيد و چه مطالبي را بکار بريد تا مخاطبين را مجذوب کرده وهمچنين بتوانند به کليه قسمتهاي سايت دسترسي داشته باشند در هربخشي که هستند. زمان بيشتري را صرف اين قسمت کنيد تا نيازي به تغييرات اساسي در آينده نداشته باشيد.



براي يادگيري HTML  به چه چيزهايي نياز داريد
براي ديدن صفحاتي که طراحي مي کنيد نياز به يک مرورگر وب web browser داريد اگر شما اين صفحه را مي بينيد پس يکي از اين مرورگرها را داريد. اما براي نوشتن کدهاي html در حال حاضر به برنامه ساده  notepad که درکليه سيستمهاي عامل ويندوز وجود دارد نياز داريد، برنامه هاي پيشرفته ديگري هم هست که محيط گرافيکي دارند مانند:  Microsoft frontpage , Macromedia Dreamweaver  ولي براي شروع بهتر است  که از همان Notepad  استفاده کنيد. پس مهمترين چيزي که نياز داريد کمي وقت و علاقه هست.