اگه قصد داری وارد دنیای طراحی وب بشی، احتمالاً اولین سوالی که ذهنت رو مشغول کرده اینه: «از کجا شروع کنم؟» جواب ساده‌ست — HTML و CSS. این دو زبان، ستون فقرات هر وب‌سایتی هستن که توی مرورگرت می‌بینی. دوره‌ای که اینجا معرفی می‌کنیم، دقیقاً همین مسیر رو به صورت پ...
آشنایی با دوره جامع آموزش HTML و CSS
اگه قصد داری وارد دنیای طراحی وب بشی، احتمالاً اولین سوالی که ذهنت رو مشغول کرده اینه: «از کجا شروع کنم؟» جواب ساده‌ست — HTML و CSS. این دو زبان، ستون فقرات هر وب‌سایتی هستن که توی مرورگرت می‌بینی. دوره‌ای که اینجا معرفی می‌کنیم، دقیقاً همین مسیر رو به صورت پروژه‌محور و قدم‌به‌قدم پوشش می‌ده.
📋 مشخصات کلی دوره
ویژگی
جزئیات
عنوان
دوره آموزش HTML و CSS جامع و پروژه‌محور
مدرس
استاد صیفی
تعداد دروس
۵۶ درس در ۸ فصل
مدت زمان
حدود ۱۰ ساعت و ۳۰ دقیقه
سطح
تمام سطوح (از مبتدی تا علاقه‌مند به پیشرفت)
حجم فایل‌ها
حدود ۲.۴ گیگابایت
پیش‌نیاز
ندارد
چرا این دوره رو انتخاب کنیم؟
خیلی از افراد فکر می‌کنن برای طراحی سایت باید اول سراغ جاوااسکریپت یا فریم‌ورک‌های پیچیده برن. ولی تجربه ثابت کرده که بدون تسلط روی HTML و CSS، هیچ‌وقت نمی‌تونی یک صفحه وب واقعی و تمیز بسازی. این دوره از صفر شروع می‌کنه و تا ساخت یک وب‌سایت کامل همراهت میاد.
نکته جالبش اینه که در انتهای دوره، نه فقط با تگ‌ها و خاصیت‌ها آشنا می‌شی، بلکه یک پروژه واقعی طراحی سایت رو از layout اولیه تا footer پیاده‌سازی می‌کنی. یعنی چیزی که یاد می‌گیری رو همون‌جا توی عمل می‌بینی.
توی این دوره چی یاد می‌گیریم؟
سرفصل‌ها طوری چیده شدن که از مفاهیم پایه شروع می‌شن و به‌تدریج عمیق‌تر می‌شن:
🧱 مبانی HTML: ساختار صفحه، عناوین، پاراگراف‌ها، لینک‌ها، تصاویر و اتربیوت‌های جدید
📐 مباحث پیشرفته HTML: جداول، لیست‌ها، meta data، iframe و آیکون‌ها
📝 فرم‌های HTML: انواع ورودی‌ها، اتربیوت‌ها و طراحی کامل یک صفحه لاگین در چهار بخش
🎬 رسانه‌ها: قرار دادن ویدئو و صدا در صفحات وب
🏗️ پروژه عملی طراحی سایت: ساخت navbar، header، منوی dropdown، بخش دوره‌های آموزشی، فرم ثبت‌نام، footer و ریسپانسیو کردن کل سایت
🚀 گام‌های بعدی: مسیر ادامه یادگیری بعد از این دوره
این دوره برای چه کسانی مناسبه؟
دانشجوهایی که می‌خوان برای پروژه‌های درسی یا پایان‌نامه، یک وب‌سایت شخصی یا نمونه‌کار بسازن
افرادی که قصد دارن طراحی سایت رو به‌عنوان مهارت شغلی یاد بگیرن
کسانی که می‌خوان قبل از ورود به فریم‌ورک‌هایی مثل React یا Vue، پایه‌شون رو محکم کنن
هر کسی که کنجکاوه بدونه یه صفحه وب از صفر چطور ساخته می‌شه
پیش‌نیاز دوره چیه؟
هیچ. واقعاً هیچ. همون‌طور که گفتم، HTML و CSS معمولاً اولین قدم ورود به دنیای وب هستن. پس این دوره خودش پیش‌نیاز بقیه مهارت‌های حوزه وب محسوب می‌شه، نه اینکه نیاز به دانش قبلی داشته باشه.
اهداف دوره
هدف اصلی، یادگیری اصولی HTML و CSS و طراحی سمت کلاینت (client-side) هست. یعنی بعد از تموم شدن دوره، بتونی با اعتماد به نفس یه وب‌سایت کامل رو از صفر پیاده‌سازی کنی.
نگاهی به فصل‌های دوره
فصل اول — آشنایی با دوره و پیش‌نیازها
شامل معرفی کلی دوره و نصب VSCode به‌عنوان ادیتور اصلی کار.
فصل دوم — مباحث پایه HTML
از ساختار HTML و عناوین و پاراگراف‌ها گرفته تا لینک‌ها، تصاویر، اتربیوت‌های جدید و آشنایی با display.
فصل سوم — مباحث پایه CSS
نوشتن کدهای CSS، تگ style، اولویت‌بندی انتخابگرها، کار با id، رنگ‌ها، display و شبه‌کلاس‌ها.
فصل چهارم — عمیق‌تر در HTML
نکات تکمیلی، کار با console، تگ iframe، جداول، لیست‌ها، meta data و آیکون‌ها.
فصل پنجم — فرم‌های HTML
آشنایی با تگ فرم، انواع ورودی‌ها و عناصر، اتربیوت‌ها و طراحی کامل صفحه لاگین در چهار بخش جداگانه.
فصل ششم — رسانه‌های صوتی و تصویری
قرار دادن ویدئو و موسیقی در وب‌سایت با تگ‌های video و audio.
فصل هفتم — پروژه طراحی سایت
قلب دوره همینه. از ایجاد layout اولیه شروع می‌شه و تا طراحی navbar، header، منوی dropdown، بخش دوره‌های آموزشی، فرم ثبت‌نام، footer و ریسپانسیو کردن کل سایت پیش می‌ره.
