بهترین تشبیهی که می توان برنامه نویسی فرانت اند را به آن نسبت داد، فیلم ها هستند. اگر طراحی صفر تا صد یک سایت را مانند فیلمی در نظر بگیریم که می بینیم، می توان گفت قسمت پشت صحنه را که ما نمی بینیم، همان بک اند سایت است و قسمت جلوی صحنه که شامل دکور و بازیگر ها می شود همان قسمت فرانت اند سایت است.

ما در این دوره آنلاین قصد داریم به آموزش مباحث پایه ای طراحی و ساخت فرانت اند یک سایت بپردازیم و به شما عزیزان بگوییم که چگونه قسمت جلویی سایت خود یا دیگران را آنگونه که باید طراحی و پیاده سازی کنید. پایه ای ترین قسمت فرانت اند و آنچیزی که این حوزه روی آن بنا شده است، HTML و CSS است. در ادامه شما را با این دو مورد بیشتر آشنا خواهیم کرد.

هنگامی که صحبت از ساخت صفحات سایت می شود، فکر کردن به زبان های برنامه نویسی می تواند کار را بسیار پیچیده و سخت نشان دهد. ممکن است این قضیه خیلی سخت به نظر بیاید چگونه می توان این حجم از اطلاعات را کنار یکدیگر قرار داد و به نتیجه رسید. چیزی که شای در نگاه اول به آن فکر نکنید این است که با تجزیه و تحلیل هر یک از عناصر مختلف، می توانید تمام این قطعات ضروری پازل را کنار یکدیگر بگذارید و خروجی که انتظار دارید را از آن بگیرید.

اگر به فکر ساختن یک سایت کاربردی هستید، قطعا با اصطلاحات HTML و CSS برخورد داشتید. این دو ابزار ضروری، پایه های هر صفحه وب سایتی را که در بستر اینترنت می بینید، تشکیل داده اند. با آن که، این دو در کنار یکدیگر استفاده می شوند، اما هر دو ماهیت و کاربردی متفاوت دارند.

تفاوت ‌های کلیدی این دو در پیاده‌ سازی، سهولت استفاده و نحوه ساختارشان نهفته است، اما در پایان، هر دو HTML و CSS پلی برای باز کردن نحوه عملکرد وب جهانی هستند. بیایید به جزئیات هر دو نگاهی بیاندازیم تا بیشتر آشنا شویم.

بیایید کارمان را با تجزیه و تحلیل دقیق مخففHTML» » شروع کنیم. HTML مخفف عبارت Hyper Text Markup Language است. منظور از Hyper Text در واقع یک متنی است که درون یک متن دیگر قرار دارد.منظور از Markup Language نیز زبانی است که توسط رایانه ها قابل درک است. اساساً این نوع زبان برای توصیف صفحات سایت ایجاد شده اند و متنی را که استفاده می کنید تبدیل به یک متن تعاملی می کنند.

این زبان ابتدا در سال 1989 به عنوان زبان ایجاد سایت اختراع شد و به بیان ساده، آن را به عنوان اولین بلوک سازنده در ایجاد یک صفحه وب معرفی کردند. هنگامی که با دنیای HTML آشنا می شوید، احتمالاً با اصطلاحات و عبارات مختلفی رو به رو خواهید شد. سه مورد اصلی عبارتند از عناصر، برچسب ها و ویژگی ها.

HTML5 آخرین نسخه ارائه شده برای HTML است. به طور کلی، این ورژن عملکردی مشابه HTML دارد اما استاندارد تر، بسیار پویا تر و از کد بسیار کمتری برای ساختن سایت های خارق العاده استفاده می کند.

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

CSS نیز مخفف عبارت Cascade Styling Sheets است. به طور خلاصه، این یک زبان سبک برگه ای است، که این نوع زبان می توانید برای توصیف ارائه یک زبان نشانه گذاری استفاده شود. CSS برای اولین بار حدود سال 1996 ایجاد و عرضه شد تا مفهوم HTML را تکمیل کند و یک صفحه وب ساده را تبدیل به یک صفحه شگفت‌ انگیز کند.

امروزه طراحی وب سایت برای بسیاری از کارفرمایان و مجموعه ها بسیار مهم است و رقابت شدیدی در طراحی یک صفحه وب خوب وجود دارد. یادگیری برخی از اصول توسعه نرم افزار که شامل CSS هم می شود، می تواند به شما در یادگیری نحوه ایجاد صفحات سایت کمک کند.

اگر HTML استخوان های بدن است، پس CSS پوستی است که آن را می پوشاند و به آن زیبایی می بخشد. برای رنگ پس ‌زمینه، استایل ‌بندی، چیدمان، حاشیه‌ ها، سایه‌ زنی ها باید از CSS استفاده کنید.. CSS به شما را اجازه می دهد تا با تغییر طراحی و نمایش عناصر HTML، بین ارائه و محتوا تمایز قائل شوید.