۹) آموزش مقدمات HTML - استانداردهای وب - زبانهای برنامه نویسی

به نام  خدا 

مرورگر: به برنامه ای که برای دیدن صفحات وب ازش استفاده می کنن، میگن مرورگر یا Browser ! 

 Internet Explorer, Mozilla Firefox, Opera, Netscape, Chrome, Safari & … 

W3c و تعیین استاندارها: اون قدیما شرکت های تولید کننده ی مرورگر، هر کدوم طبق میل خودشون HTML رو توسعه میدادن، اوضاع طوری شده بود که مثلا وقتی بازدید کننده یه صفحه ی وب رو تو اینترنت با مرورگر A باز میکرد و اونو درست میدید، همون صفحه رو با مرورگر B یا اصلا نمی تونست ببینه و یا یه چیز مزخرف میدید!

یه مدت بعد تیم برنزلی، W3c یا ائتلاف جهانی وب رو در دانشگاه MIT آمریکا تشکیل داد، که بعدا همین w3c مهمترین نهاد توسعه ی استاندارها و پروتکل های وب در تمام دنیا شد! 

مثلا w3c میاد به اعضاش میگه وقتی برنامه نویس یه متنی رو بین دو تا تگ ِ Bold قرار داد، مرورگری که طراحی می کنید باید دستور  ِ تپل کردن اون متن رو اجرا کنه تا بیننده ی صفحه، اون متن رو تپل ببینه! 

شرکت های مهم تولید کننده ی مرورگر، مثل ِ Microsoft و Netscape عضو این ائتلاف شدن تا مشکل ناهماهنگی مرورگرها رو کمتر کنن!   

البته هنوزم گاهی یواشکی یه ناهماهنگیهایی میکنن!  W3c  هم نمی تونه دعواشون کنه، چون رئیسشون نیست و فقط میتونه این استاندارها رو پیشنهاد کنه! 

به تگ هایی که مثلا فقط واسه مرورگر  ِ Firefox کاربرد داره، میگن تگ ِ اختصاصی ِ Firefox!

طبق آمار پروژه ی استاندارد سازی ِ وب، طراحان وب، 25% از زمان ِ طراحی وب رو واسه نوشتن تگ های اختصاصی مرورگرهای مختلف صرف می کنن تا سایتی که طراحی کردن تو همه ی مرورگرها درست و تقریبا یکسان نشون داده بشه!   

این درصد بالا نشونه ی اینه که بعضی شرکت های تولید کننده ی مرورگر تا چوب بالا سرشون نباشه.... 

یادگرفتن ِ HTML رو باید ادامه بدی! 

این درس، درس ِ آخر آموزش مقدمات ِ HTML در همکلاسی هست!

اما HTML گسترده تر از این حرفاست، باید سعی کنی به مرور زمان تگ ها و ویژگیهای بیشتری از HTML رو با تمرین کردن ِ پیوسته یاد بگیری! 

برای پیمودن ادامه ی مسیر یادگیری، بعد از امتحان عملی ِ HTML، یه سری منابع آموزشی خوب رو معرفی می کنم!

در کنار استفاده از منابع آموزشی باید حس کنجکاویتو هم بیشتر کنی! 

شاید وقتی HTML بلد نبودی، با دیدن ِ کد سایت های مختلف سردرد می گرفتی، ولی الان دیگه می تونی با تامل در برنامه های نوشته شده واسه سایت های مختلف، اطلاعات خودتو افزایش بدی!

برای دیدن تگ های یه سایت، باید صفحشو باز کنی و روش راست کلیک کنی!

مثلا همین الان رو همکلاسی راست کلیک کن و View Source رو بزن!  

به جای راست کلیک، می تونی از منوی View، روی Source، کلیک کنی!  

  

یا اینکه صفحه ی وب رو Save کنی و بعد با Notepad بازش کنی! 

برای کنجکاوی کردن تو کدهای ِ یه سایت، جستجو، خیلی کارتو راحت میکنه!

مثلا فکر کن اومدی همکلاسی و خواستی بی اسم نظر بدی، تا ثبت نظر رو می زنی، بهت یادآوری می شه که: لطفا نام خود را وارد کنید.  بعد کنجکاو میشی که ببینی این قابلیت چجوری در نظرات فعال شده،View Source  رو می زنی و با یه سرچ ساده، راست میری سراغ کدی که میخوای بدونی چجوریه! 

  

بعد سعی می کنی تگ ِ اول و آخرشو پیدا کنی و اونو یه جا دیگه کپی کنی و باهاش ور بری!

البته این کدی که مثال زده شد، مربوط به HTML نیست و از کدهای Java است! 

دیگه کم کم باید به این فکر کنی که بعد از HTML چه زبانی رو میخوای یاد بگیری!؟ 

PHP, ASP, CSS, Java Script, Perl 

تو صفحه ی HTML، می تونی کدهای سایز زبانها رو هم اضافه کنی، سایت های زیادی وجود داره که در طراحیش از زبانهای مختلف استفاده شده، به عنوان مثال می تونی برای تمرین، کدهای مختلف Java رو بین دو تا تگ ِ Body قرار بدی!  

بعد از این سعی کن توجهتو به Status Bar و Address Bar بیشتر کنی!

ماوس رو روی نظرات ِ همین متن نگه دار و بدون اینکه روش کلیک کنی به Status Bar توجه کن! 

  

یه  سوال ساده: با توجه به Address Bar بگو که سایت های زیر با چه زبانهایی نوشته شدن! 

هر وقت خواستی آدرس اصلی یه فایل رو تو اینترنت پیدا کنی، روش راست کلیک کن و Properties رو بزن، علاوه بر آدرس، اطلاعات به درد بخور دیگه ای هم گیرت میاد!

مثلا روی این شکلک راست کلیک کن و...!      

اگه خسته نشدی یه نگاه به چند سطر اول این صفحه بنداز!    

ضمیمه ی درس نهم | لزوم رعایت استاندارهای w3c 

منتظر اعلام زمان واسه شروع امتحان عملی باش!  

البته از درس آخر چیری تو امتحان عملی نمیاد!