میهمان گرامی ، خوش آمدید . عضــویت



رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

جلسه اول - تاريخچه html

#1
پيش گفتار :

اگر درون وب جستجو كرده باشید سایتهاى بیشمارى خواهید یافت كه HTML را آموزش میدهند .اما در این انجمن مطالب آموزشی نت درباره html در یکجا و بصورت جلسه ای ارائه خواهد شد.

تاریخچه HTML

HTML توسط Tim Berners-Lee در خلال دهه ۹۰ میلادی همراه با گسترش وب شکوفا شد. این زبان توسط مرورگر Mosaic معروفیت خاصی پیدا کرد. در آن زمان HTML در چند مدل منتشر می شد که آن بستگی داشت به سازنده فایل و انجمنهایی که در زمینه وب فعالیت داشتند .

در نوامبر ۱۹۹۵ نسخه HTML 2.0 گسترش یافت و بلافاصله در همان سال HTML 3.0 منتشر شد، ولی استقبالی از آن نشد. در سال ۱۹۹۶ انجمن W3C شروع به فعالیت بر روی نسخه این زبان کرد که حاصل کار آنها در ۱۴ ژانویه ۱۹۹۷ انتشار HTML 3.02 بود. این نسخه توانست رضایت اکثریت را جلب کند چون هماهنگی بیشتری با مرورگرهای مختلف در سیستمهای عامل متفاوت داشت. در تمام نسخه های این زبان ، سعی بر این شده بود تا نظر کسانی که در زمینه وب سرمایه گذاری کرده بودند جلب شود و برنامه های تولید شده برای وب بتوانند مدت طولانی تری قابل استفاده باشند. به همین منظور HTML برای اهداف گسترده تری ، در وب توسعه یافت تا در کلیه سیستمهای اطلاع رسانی و الکترونیکی کوچک و بزرگ با بکار بردن گرافیک و رنگها، قابلیت بهره برداری بیشتری داشته باشد .

در ۱۸ دسامبر ۱۹۹۷ نسخه HTML 4.0 در وب منتشر شد و در همین بین شرکتهای تولید کننده مرورگر وب یکسری مشخصات منحصر بخود را به این نسخه اضافه کردند که قابل اجرا در مرورگرهای دیگر نبود. بعضی از این تغییرات در W3C مورد تایید قرار گرفت اما بعضی دیگر نه. با تغییرات HTML مرورگرها مجبور به تغییر شدند تا با تحولات جدید سازگار شوند.

در تاریخ ۲۴ آوریل ۱۹۹۸ در این نسخه تجدید نظر شد و حاصل آن پیدایش HTML 4.01 بود که با کمی تغییر و رفع یکسری مشکلات، در W3C برسمیت شناخته شد و این انجمن استفاده از آنرا به توسعه دهندگان و طراحان وب توصیه کرد.

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

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

HTML 4 زبان بسیار قوی است برای طراحان و سازندگان محصولات وب اما در آن توجهی به دستگاههای اطلاع رسانی و الکترونیکی کوچک با قدرت و حافظه کمتر نشده است. به همین منظورW3C در ۲۶ ژانویه ۲۰۰۰ اقدام به معرفی XHTML 1.0 کرد و در ۱۹ دسامبر همان سال آنرا به رسمیت شناخت و تاکید به استفاده از این نسخه کرد تا با بکارگیری ویژگیهایی که دارد دامنه استفاده از زبان محبوب HTML را گسترش دهد و مقدمات معرفی XML را فراهم کند .

WWW چیست ؟

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

همانطور که میدانید برای دسترسی به این صفحات نیاز به چند چیز دارید :

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

داخل این مرورگرها کادری(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: این لغت هم به معنای زبان میباشد .


عناصر تشکیل دهنده HTML :

HTML زبان وب میباشد که دارای عناصر( elements ) گوناگونی است که بر روی هم تشکیل یک صفحه از سایت را میدهند. این عناصر عبارتند از :
  • texts & lists متنها و لیست ها : نوشته های داخل یک صفحه را در برمیگیرد .
  • images عکسها : عکس های داخل یک صفحه که زیبایی خاصی به وب سایتها می بخشند .
  • tables جدولها : جدولها بهترین عنصر برای سازمان دهی و مرتب کردن اطلاعات ما هستند که نقش اساسی در طراحی یک سایت دارند .
  • forms فرمها : عناصری که بیننده سایت به کمک آنها می تواند اطلاعاتی را وارد کرده تا ذخیره شده یا فرستاده شود.
  • hyperlinks نقطه پیوند : البته این معنی اصلی لغت نمی باشد و این عناصر، نقطه پیوند و ارتباط بین دو صفحه از یک سایت یا دو وب سایت متفاوت می باشد .
  • frames چارچوبها : فریمها یا چارچوبها تنها عناصری هستند که با استفاده از آنها ما می توانیم چند صفحه اینترنتی را در یک صفحه جای دهیم.
  • multimedia چند رسانه ای : شاید بتوان آنرا صوت و تصویر هم گفت ، اگرچه از ابتدا صوت و تصویر با HTML نبوده اما در حال حاضر بیشتر مرورگر های وب از این عنصر پشتیبانی می کنند و شما میتوانید در وب سایتتان فیلم وموزیک پخش کنید .
  • javascript جاوا اسکریپت : یک نوع زبان نوشتاری یا بهتر بگویم یک نوع کد است که ارتباط نزدیکی با HTML دارد و البته آنها را باید داخل کدهای html بکار برد تا بتوانید یک وب سایت حرفه ای با جذابیت بالا طراحی کنید .
  • JavaApplets جاوا اپلت : اپلتها برنامه هایی هستند که توسط زبان جاوا نوشته می شوند و می توان آنها را در یک صفحه جاسازی کرد برای کارآیی بالای وب سایت مانند عملیات پیچیده ریاضیات یا ساختن بازیها. زبان برنامه نویسی جاوا خود یک زبان مجزا و دارای محبوبیت خاصی در دنیا می باشد که با جاوا اسکریپت فرق دارد .
  • style sheets استایل شیت : این عناصر قابلیت انتقال اطلاعات به عنوان یک الگوی مشترک در بین صفحات را دارد. به طور مثال شما یک الگو برای رنگ متن می سازید و سپس آنرا بین صفحاتی که می خواهید به اشتراک می گذارید .
  • DHTML : مخفف دو کلمهDynamic Html می باشد که وظیفه آن روح بخشیدن به صفحات و بالا بردن جذابیت وب سایت می باشد ، شما می توانید با هماهنگی کدهای javascript و Dhtml یک وب سایت پویا و زنده طراحی کنید.
HTML یک text عادی و در حقیقت زبانی برای مارک کردن فایلهای text به یکدیگر می باشد که آن را با TAG مشخص کرده و به صورت <tag name> می نویسند .


آنچه که قبل از یادگیری HTML لازم است بدانید:


برای شروع کار با HTML شما به چیزهایی نیاز دارید که در لیست زیر آمده است:

شما به یک ویرایشگر متن نیاز دارید. در ویندوز شما می توانید از برنامه Notepad استفاده کنید. از هر نرم افزار ویرایش متن دیگری استفاده کنید اما این نکته را در نظر داشته باشید که نرم افزار WordPad که در ویندوز وجود دارد و نرم افزارهایی مانند Microsoft Office Word و امثال آن برای نوشتن کدهای HTML مناسب نیستند چون در هنگام ذخیره کردن متن این نرم افزارها کدهایی را به آن اضافه می کنند.

نرم افزار Notepad را می توانید از طریق منوی استارت در قسمت Accessories پیدا کنید یا از طریق فرمان Run با تایپ notepad در کادر Open و فشار دادن دکمه Enter .

شما به یک مرورگر وب به انتخاب خود نیاز دارید. می توانید از Microsoft Internet Explorer استفاده کنید که با ویندوز نصب می شود یا از Opera, Mozilla Firefox و نرم افزارهای مشابه که اغلب به صورت رایگان برای دانلود در اینترنت وجود دارند.

بهتر است صفحاتی را که می نویسید با چند مرورگر آزمایش کنید. زیرا در HTML قسمتهایی وجود دارد که مختص به یک مرورگر خاص است و با سایر مرورگرها کار نمی کند.

شما به جایی برای ذخیره کردن متن خود دارید که می تواند جایی روی هارد دیسک شما، یک فلاپی دیسک یا یک سرور باشد. البته شما برای استفاده از HTML نیاز ندارید حتماً به اینترنت متصل باشید، شما می توانید با استفاده از یک مرورگر وب در کامپیوتر خود از HTML استفاده کنید.

برای ذخیره کردن فایلی که با Notepad نوشته اید کافی است از منوی File گزینه Save As را انتخاب کرده و مسیری را برای ذخیره فایل انتخاب کنید و در کادر File Name در پایین پنجره Save As نام فایل را با پسوند html بنویسید. در آخر هم دکمه Save را کلیک کنید .
گرگ باش! مغرور! بر شب پادشاهی کن...
می خواهی خنجر بزنی از روبرو بزن...
مثل گرگ تعصب داشته باش،مثل گرگ حتی به شیر هم رحم نکن...
مثل گرگ رو در رو حق بگیر...
به مانند گرگ باش...دوستانت را لیس بزن،دشمنانت را گاز بگیر...
گرگ باش دشمن را بدر...
در برابر سگان ولگرد بی تفاوت باش...
آنها به پارس کردن های بیهوده زنده اند...
بی اعتماد باش...بی اعتنا...
همیشه با گله،
اما تـــــــنــــــهــــــا...
 سپاس شده توسط hamidi ، پرواز ، Farzane.Gh ، Shiva Faramarzi ، Esmali ، s.medadi ، rajabioun10 ، آرام


موضوعات مشابه ...
موضوع
  جلسه دوم - مقدمه اى بر آغاز اچ تى ام ال
  html
  دانلود کتاب الکترونیکی آشنایی با مفاهیم و تفاوت های HTML و Xhtml



کاربران در حال بازدید این موضوع: 1 مهمان