توسعه دهنده چند سکویی پلتفرم های تحت وب ، موبایل و دسکتاپ - گرافیست و طراح مدل های 3D
کاربرد و مفهوم HTML, CSS, JavaScript به زبان ساده
سلام.
امروز میخوام یبار برای همیشه به زبان ساده مفهوم HTML , CSS , JavaScript و همینطور کاربردشون رو برای شما علاقه مندان به طراحی صفحات وب عنوان کنم.
تقریبا هر علاقه مند به طراح وب سایتی که تازه کار هست شاید اصلا ندونه که این مفاهیم چی هستنو کجا ها کاربرد دارن.
همین اول بگم که HTML و CSS به هیچ عنوان زبان برنامه نویسی یا حتی اسکریپت نویسی ( به جز JavaScript ) نیستند. بار ها و بار ها دیدم که افراد ( حتی بین خود برنامه نویسان ) به اشتباه مثلا میگن زبان برنامه نویسی HTML یا CSS که این واقعا فاجعست !!!!
الان براتون سوال پیش اومده که اگر اینا زبان برنامه نویسی یا اسکریپت نویسی نیستن پس چین ؟!!
به نکته خوبی اشاره کردین !! اینا در اصل زبان نشانه گزاری متن هستن. مثلا در HTML وقتی شما از تگ ها استفاده میکنین در اصل به مرورگر میفهمونین که فلان تغییراتو رو متنتون اعمال کنه.
بزارین یه مثال براتون بزنم. فرض کنین که شما قصد تولید یک خودرو رو از روی نقشه ای که به شما دادنو دارید.
اولین چیزی که از یک ماشین ساخته میشه اسکلت اون ماشینه که همون بدنه ماشین هست. ( بدون رنگ و تجهیزات داخلی و خارجی )
تو طراحی وب هم دقیقا HTML معادل همین بدنه کلی ماشین هست. به عبارتی HTML یک ساختار کلی رو برای نمایش محتوای وب سایت شما تشکیل میدهد.
توی مرحله بعد که دومین مرحله کلی از تولید ماشینمون هست ، نوبت به ساخت و نصب چراغ ها ، صندلی های داخل ، روکش و در کل تمامی تجهیزات ظاهری داخل و خارج و همینطور رنگ آمیزی ماشین هست.
تمامی این ها در طراحی وب دقیقا معادل دستورات CSS هست. وقتی شما در صفحات وبتان از استایل دهی و CSS استفاده مکنین ، در حقیقت ظاهر وبسایتتان را زیباتر و جذابتر میکنید. ( منظور از استایل دهی هم اینه که مثلا رنگ پس زمینه سایتتون رو تغییر بدین ، یا رنگ متن سایتتونو یا مثلا یک المانی رو تغییر سایز بدین و اونو شخصی سازی کنین و ... )
خب !! حالا تا این مرحله ماشین شما از لحاظ ظاهری کامل و زیبا شده. فکر کنین ماشینی با رنگ بدنه قرمز و ظاهری اسپرتو تیونینگ شده داریم . ولی این فقط ظاهر هست و ماشین ما اصلا نه استارت میخوره ، نه روشن میشه و نه حرکت میکنه !!!
پس مرحله آخر نوبت به طراحی و نصب تجهیزاتی از ماشین هست که اولا باعث پویایی و اصطلاحا داینامیکی ماشین میشه ، دوما از نظر مردم و بیننده ها پنهان هست.
این تجهیزات شامل : موتور ، گیرباکس ، سیستم تعلیق , سوخت رسانی و سیستم برق ماشین و ... میشه.
ما در طراحی وب سایتمون هم دقیقا همین موضوع رو داریم. سایت ما از نظر ظاهری آماده هست ، ولی هیچ پویایی و عکس العمل خاصی رو در مقابل استفاده کاربر نشون نمیده.
اینجا نوبت میرسه بالاخره به استفاده از JavaScript .
JavaScript یک زبان برنامه نویسی اسکریپتی است که تفسیر و اجرای این زبان بر عهده مرورگر هست. یعنی توسط این زبان میتونیم به انجین مرورگر بفهمونیم که این صفحه HTML CSS ما رو چطوری نمایش بده و چه واکنش هایو از خودش در مقابل هر رویداد عملی کاربر ( مثل کلیک کردن ، تایپ کردن ، ... ) نشون بده.
به طور کلی تا اینجا ما با 3 رکن اساسی و اصلی طراحی تمامی صفحات وب آشنا شدیمو فهمیدیم که اصلا HTML , CSS , JavaScript چی هستنو به چه دردی میخورن.
کسی که قصد طراحی عالی و کابرپسند صفحات وب رو داره حتما باید به تمامی مفاههیم این 3 زبان کامل مسلط باشه.
در آخر هم ممنون که وقت گذاشتین برای مطالعه این مقاله و امیدوارم که تونسته باشم تو این زمینه کمکی کرده باشم . اگر دوست داشتین منو دنبال کنین که بقیه مقاله هاییو که در آینده مینویسمو بخونین ; )
مطلبی دیگر از این انتشارات
نوع های داده ای یا Data Type ها به زبان ساده (Part 1)
مطلبی دیگر از این انتشارات
چه زبانی برای تخصص من لازم است؟ (بخش دوم)
مطلبی دیگر از این انتشارات
کار با فایل های جی سون در php