زبان های کد نویسی
در کد نویسی وب و طراحی وب سایت چندین زبان کد نویسی وجود دارد که به هرکدام می پردازیم
اولین زبان HTML هست
HTML مخفف Hyper Text Markup Language هست که در زبان فارسی زبان نشانه گذاری فرا متنی گفته میشود.
برای قرار دادن هر اجزایی در صفحه‌ی وب از HTML استفاده میشود. مثلاً می‌توانید به کمک این زبان یک متن را در سایت قرار دهید اما این متن هیچ استایل و ویژگی خاصی ندارد. برای تغییر سایز فونت، رنگ نوشته و ایجاد رنگ پس‌زمینه برای آن باید از زبان CSS کمک گرفت که در جلو تر css را توضیح میدهیم
ساده تر بگیم HTML مثل بدن انسان است اما بدون پوست و ماهیچه و رگ ها فقط استخوان ها وجود دارند.
تاریخچه HTML
در سال ۱۹۸۰ فیزیک دانی به نام تیم برنز لی که با پروژهٔ CERN همکاری داشت ENQUIRE را طراحی و ارائه کرد که یک سیستم مهم برای محققان CERN بود تا اینکه از این داده‌ها به شکل مشترک استفاده کنند. در سال ۱۹۸۹، Berners- Lee یک یادداشت پیشنهاد یک سیستم ابر متن مبتنی بر اینترنت نوشت. Berners- Lee یک نوع خاص HTML را مشخص نمود و یک نسخهٔ جستجوگر و نرم‌افزار سرور را در انتهای۱۹۹۰ نوشت. در این سالیان این فیزیکدان و مهندس سیستم‌های داده‌های CERN به نام Robert Cailliau یک سرمایه‌گذاری مشترک را انجام دادند ولی این پروژه به شکل رسمی توسط CERN دنبال نشد. در یادداشت‌های شخصی او از سال ۱۹۹۰ اشاره شده‌است که برخی از مناطق مختلف ابر متن (hypertext) به کار گرفته شده‌است و در ابتدای آن از یک دائرةالمعارف استفاده گردید.
اولین بار شرح کامل HTML به این شکل بود که به آن در نسخه‌های قبلی “HTML Tags” گفته شد که برای اولین بار توسط Berners –Lee در سال ۱۹۹۱ روی اینترنت قرار گرفت؛ که آن توصیف ۱۸ عناصر شامل عناصر اولیه، طراحی نسبتاً ساده از HTML بود. به غیر از Hyperlink این موارد تحت تأثیر SGMLguid در فرمت مبتنی بر SGML قرار گرفت و در پروژهٔ CERN به کار. رفت یازده مؤلفه از آن در HTML 4 نوشته شده‌است.
CSS چیست ؟
CSS مخفف Cascading Style Sheets هست که در زبان فارسی به آن برگه های سبک آبشاری گفته میشود.
CSS تعیین می‌کند هر کدام از عناصر HTML چگونه نمایش داده شوند. در واقع به کمک آن میتوان برای هر عنصر از صفحه، سبک نمایشی خاصی ایجاد کرد. با این ابزار به اجزای صفحه‌ی وب، رنگ و لعاب میدهیم تا صفحات زیباتری داشته باشیم!
تعریف ساده تر از CSS ادامه همان بدن انسان هست که در مبحث قبلی گفتیم اگر بگوییم HTML اسنخوان های بدن هست پس CSS همان صورت و زیبایی هایی بدن هست اما یک چیز اینجا کم هست اگر استخوان ها باشند و صورت و چهره و پوست باشد اما ماهیچه نباشند که نمی شود
پس ماهیچه ها چه چیزی هستند در کد نویسی
بله زبان دیگری هم وجود دارد به نام جاوا اسکریپت هست JavaScript که در جلو تر به آن می پردازیم
ساختار آبشاری به چه معناست ؟
فایل‌های css به روش‌های مختلفی به فایل html افزوده می‌شوند. گاهی درون تگ HTML نوشته می‌شوند. گاهی در یک فایل جداگانه نوشته و به HTML اضافه میشود و …
گاهی ممکن است به یک تگ مشخص چند استایل مختلف داده شود. برای مثال درون فایل html، یک تگ
JS چیست؟
JS مخفف شده JavaScript هست نوعی زبان برنامه نویسی و کد نویسی وب هست.
خیلی خلاصه میتوان گفت که جاوا اسکریپت (JavaScript) یا به اختصار js یک زبان برنامه‌نویسی در وب است که می‌تواند کدهای HTML و CSS را تغییر دهد در یک صفحه‌ی وب میتوان به کمک کدهای HTML تعدادی تصویر قرار داد و به کمک CSS به آنها سبک متفاوت بخشید و چیدمان را تغییر داد. اما اگر بخواهیم این تصاویر به صورت یک اسلایدر همراه با افکت‌های مختلف در صفحه نمایش داده شوند چه باید کرد؟ اینجاست که باید به سراغ زبان جاوا اسکریپت رفت و آلبوم تصاویر را به یک اسلایدر پویا و جذاب تبدیل کرد.
مثالی ساده توضیح JS
یادتون هست گفتیم HTML استخوان های بدن انسان هست
و گفتیم CSS پوست و صورت و چهره ما هست
و حالا JS یا همان جاوا اسکریپت هم ماهیچه ها را تشکیل می دهند
موفق و پیروز باشید 🙂 تهیه شده با ❤
