اگر علاقه مند به حرکت در حرفه صنعت طراحی وب هستید اما درباره ی زبان برنامه نویسی که باید بیاموزید چیزی نمی دانید. تمام جواب های خود را از اینجا دریافت خواهید کرد بگذارید با یک معرفی کوتاه از سه زبان برنامه نویسی شگفت انگیز شروع کنیم.
مقدمه ای برای HTML
HTML مخفف Hypertext Markup Language است که در واقع یک زبان علامت گذاری استاندارد برای ساختن نرم افزار وب و وب سایت های استاتیک است. این سیستم به طور استاندارد برای برچسب زدن به فایلهای متنی برای دستیابی به رنگ، نقاشی، فونت و افکت در صفحات وب استفاده می شود. این زبان دائماً در حال تحول است که می تواند خواسته های مخاطبان رو به رشد امروز را برآورده کند. HTML اولین قدم است که یک مبتدی باید برای شروع کار خود در صنعت طراحی و توسعه وب، انتخاب کند. یادگیری HTML بسیار آسان و بسیار قدرتمند برای ایجاد یک صفحه وب یا برنامه جذاب است.
در اینجا نمونه ای از یک کد HTML آورده شده است
<!DOCTYPE HTML>
<HTML>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</HTML>
همانطور که مشاهده می کنید، در بالای کد HTML حاوی عناصر یا برچسب های از پیش تعریف شده ای وجود دارد که هرکدام به معنی متفاوت برای یک مرورگر هستند. عناصر اصلی HTML است که حاوی دو عنصر اصلی به عنوان مثال <head> و <body> است. <head> عنصری شامل تمام اطلاعات لازم است که باید بارگیری شود مانند صفحه سبک، متا تگ ها و غیره قبل از محتوای اصلی که در عنصر <body> وجود دارد.
مقدمه ای برای CSS
CSS مخفف Cascading Style Sheets که یک زبان شیوه نامه است که برای ارائه صفحه وب حاوی HTML استفاده می شود که باعث می شود وب سایت های ما زیبا و مدرن به نظر برسند.
در اینجا نمونه ای از یک کد CSS آورده شده است
<!DOCTYPE HTML>
<HTML>
<head>
<meta charset="utf-8">
<style>
#xyz { color: blue; }
</style>
</head>
<body>
<p id="xyz" style="color: blue;"> To demonstrate specificity </p>
</body>
</HTML>
همانطور که در کد HTML فوق مشاهده کردید ، یک تگ جدید یعنی <style> در داخل عنصر <head> که این عنصر حاوی تمام کد های CSS است و در عناصر <body> بیشتر مورد استفاده قرار می گیرد. همانطور که ما یک انتخابگر #xyz را در CSS تعریف کرده ایم و سپس در داخل عنصر <p> یا پاراگراف در <body> رجوع می کنیم بنابراین در نتیجه محتوای عنصر <p> را به رنگ آبی دریافت خواهیم کرد.
مقدمه ای بر JavaScript
JavaScript که اغلب به عنوان JS شناخته می شود ، یک زبان برنامه نویسی تفسیر سطح بالا است که به اسکریپت نویسی توسط مشتری امکان می دهد برنامه های وب و وب سایتهای کاملاً پویا ایجاد کند. با استفاده از JavaScript می توانید محاسبات ، شرایط منطقی و تمام قابلیت های برنامه نویسی را در آن قرار داد.
نمونه ای از JavaScript
<script>
var name = “admec multimedia institute”;
var address = “Rohini, Delhi, India”;
alert(name +” is situated in ”+address);
</script>
تفاوت در JavaScript ،HTML و CSS
بیایید یک صفحه وب را به عنوان بدن انسان در نظر بگیریم. حالا بیایید ببینیم که واقعاً هرکدام از این زبانها چه کاری انجام می دهند:
- HTML یک زبان ساختاری است که ساختار یک وب سایت را بنا می کند همانند سیستم اسکلتی که ساختار بدن انسان را تشکیل می دهد. عنوان، پاراگراف ها، تصاویر، متن همه بخشی از HTML هستند که ساختار اساسی یک وب سایت را ایجاد می کنند.
- CSS یک زبان طراحی است که طراحی استایل وب سایت را برعهده دارد. با کمک رنگ پس زمینه و یک ظاهر طراحی شده حاشیه. CSS ظاهر سایت را زیباتر می کند هماهند پوست بدن انسان که آدمی را آراسته نشان می دهد.
- JavaScript یک زبان برنامه نویسی است که به عنوان مثال هشدار پنجره بازشو به وب سایت می دهد. این دقیقاً مثل حرکت بدن انسان است.
