ساخت پروژه پایه Html و Css

در این آموزش یک پروژه خام ساخته می شود که زیربنای آموزش های آتی طراحی سایت را تشکیل می دهد. در این پروژه فایل اصلی index و style مربوط به آن ساخته شده٬ فونت کلی پروژه تعریف شده و فایل های css و js مربوط به کتابخانه Bootstrap و همچنین FontAwesomeCDN به پروژه اضافه می شود. در ابتدا به طور کلی جایگاه Html و Css را بررسی کرده و در انتها میتوانید ویدئو مربوطه را تماشا کنید.

HTML چیست؟

HTML مخفف Hyper Text Markup Language بوده و در فارسی به آن زبان نشانه‌ گذاری ابرمتن می‌گویند. دقت کنید که HTML یک زبان برنامه نویسی نیست، بلکه یک زبان نشان‌گذاری یا Markup language به حساب می‌آید. اگر عاشق طراحی سایت هستید و برای ورود به این حوزه برنامه جدی دارید، آموزش HTML اولین قدم شما در این مسیرخواهد بود.

کمتر پیش می‌آید که از HTML صحبت کنیم و ذهنمان به سمت زبان‌های css و JavaScript کشیده نشود. امروزه صفحات HTML به تنهایی ارزشی برای انتشار ندارند اما زمانی که در کنار css و JavaScript قرار می‌گیرند، زیبایی واقعی خود را در طراحی وب نشان می‌دهند.

frontend developer skills

فرانت اند (Front End) به چه معناست؟

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

html and css and js

ارتباط HTML و CSS و JS

می‌توان HTML (به تنهایی) را مانند یک انسان برهنه در نظر گرفت که CSS مانند لباس‌های شیک، ظاهر آن را آراسته می‌کند. در نهایت JS باعث می‌شود او حرکت کرده و با بقیه شروع به صحبت کند. پس در طراحی ظاهر سایت به طور خلاصه باید گفت :

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

این زبان‌ها اصلی‌ترین عناصر فرانت اند هستند و برای یادگیری آن‌ها برای فرانت اند کار شدن ضروری است.

</span >