آموزش HTML پروژه محور رایگان — از صفر تا طراحی قالب واقعی 🎯
اگه دنبال یه مسیر یادگیری بدون هزینه برای ورود به دنیای وب هستی، این دوره دقیقاً همون چیزیه که لازم داری. یه دورهی حدوداً ۹ ساعته که از صفر شروع میکنه و آخرش یه قالب HTML واقعی تحویل میده. نه اینکه فقط تگها رو حفظ کنی — بلکه یاد می...
آموزش HTML پروژه محور رایگان — از صفر تا طراحی قالب واقعی 🎯
اگه دنبال یه مسیر یادگیری بدون هزینه برای ورود به دنیای وب هستی، این دوره دقیقاً همون چیزیه که لازم داری. یه دورهی حدوداً ۹ ساعته که از صفر شروع میکنه و آخرش یه قالب HTML واقعی تحویل میده. نه اینکه فقط تگها رو حفظ کنی — بلکه یاد میگیری چطور ازشون توی یه پروژهی واقعی استفاده کنی.
📋 مشخصات کلی دوره
ویژگی
جزئیات
عنوان دوره
آموزش HTML پروژه محور رایگان
تعداد درسها
۲۵ درس در ۲ فصل
سطح
مقدماتی
مدت زمان کل
حدود ۹ ساعت (۵۲۷ دقیقه)
حجم فایلها
۸۷۲.۶۷ مگابایت
زبان نشانهگذاری
HTML
هزینه
رایگان
چرا این دوره ارزش وقت گذاشتن داره؟ 🤔
HTML اولین قدم هر مسیر برنامهنویسی وب هست. فرقی نمیکنه بخوای فرانتاند کار کنی، بکاند، یا حتی طراحی سایت با وردپرس — بالاخره یه جایی باید ساختار صفحات رو بفهمی. خیلیها این مرحله رو دستکم میگیرن و بعداً توی پروژههای واقعی گیر میکنن.
نکتهی مهم این دوره اینه که پروژهمحوره. یعنی تگها رو جدا جدا یاد نمیگیری و رها میکنی؛ آخرش قراره با همین تگها یه قالب کامل HTML بسازی. اینطوری ذهنت یاد میگیره کد رو در بستر واقعی ببینه.
توی این دوره چی یاد میگیری؟
شناخت پایهای HTML — اینکه اصلاً زبان نشانهگذاری چیه و چطور مرورگر اون رو تفسیر میکنه
راهاندازی محیط کار — نصب و آشنایی با ++Notepad برای شروع کدنویسی
تگهای اصلی و پرکاربرد — از تگهای ساده مثل p و br تا تگهای ساختاری مهم
کار با لیستها، لینکها و جداول — سه عنصر پایهای که توی هر سایتی به کارت میاد
مدیا در HTML — درج تصویر، ویدیو، فایل صوتی و آشنایی با فرمتهای مختلفشون
فرمها و inputها — بخش مهمی که خیلیها ازش فرار میکنن، ولی اینجا کامل پوشش داده شده
iframe و تگ map — تکنیکهایی که کمتر جایی آموزش داده میشن
طراحی قالب واقعی — از آمادهسازی تا اتمام یه قالب HTML
نکتهی جالب: توی فصل اول حتی دربارهی عنوانها با CSS اضافی هم صحبت میشه. یعنی از همون اول یه چاشنی از استایلدهی میچشی و میفهمی HTML و CSS چطور با هم کار میکنن.
ساختار فصلها 📚
فصل اول: آموزش HTML پروژه محور (حدود ۶ ساعت و ۳ دقیقه)
این فصل از معرفی دوره و کتاب شروع میشه و به ترتیب پیش میره:
معرفی دوره و منابع همراه
نصب و راهاندازی ++Notepad
آشنایی با HTML و نوشتن اولین تگها
تگهای متن، عنوان، لیست، لینک
تصاویر، صدا، ویدیو و پسزمینه سایت
جدولسازی در HTML
iframe و تگ map
فرمها و انواع input (سه بخش جداگانه با جزئیات کامل)
جمعبندی و پایان فصل
فصل دوم: طراحی قالب (حدود ۲ ساعت و ۳۵ دقیقه)
اینجا دیگه بحث تئوری نیست. از صفر تا صد یه قالب HTML طراحی میشه:
آمادهسازی شرایط و ابزارها
شروع طراحی قالب
ادامه و تکمیل طراحی
اتمام و تحویل قالب نهایی
این دوره به چه کسی میخوره؟
دانشجوهایی که میخوان پروژهی درسی وب بسازن — مثلاً برای درس طراحی صفحات وب یا کارگاه کامپیوتر
تازهکارهایی که میخوان وارد حوزهی توسعه وب بشن — HTML اولین قدمه و اینجا میتونی بدون هزینه شروع کنی
طراحهایی که میخوان کد رو هم بفهمن — اگه با ابزارهای گرافیکی کار میکنی، فهمیدن HTML دیدت رو باز میکنه
هر کسی که کنجکاوه ببینه یه صفحهی وب از پشت صحنه چطور ساخته میشه
چطور به کارت میاد؟ 💡
تصور کن استادت گفته برای پایان ترم یه سایت شخصی بساز. اگه HTML بلد نباشی، مجبوری بری سراغ قالب آماده یا از دوستت کمک بگیری. ولی وقتی ساختار صفحات رو بلد باشی، میتونی همون قالب رو خودت از صفر بسازی و هر جاش رو که خواستی تغییر بدی.
یا مثلاً میخوای یه صفحهی معرفی برای پروژهی تحقیقاتیت درست کنی؟ با HTML میتونی توی چند ساعت یه صفحهی تمیز و مرتب بالا بیاری — بدون اینکه نیاز به هیچ ابزار پیچیدهای داشته باشی.
سوالهایی که ممکنه برات پیش بیاد
آیا این دوره واقعاً رایگانه؟
بله، تمام بخشهای این دوره بهصور