فیلم آموزش HTML به همراه پروژه طراحی سایت ساده

قیمت فعلی: رایگان

قیمت دوره‌ ممکن است توسط سایت مبدا تغییر کند

فیلم آموزش HTML به همراه پروژه طراحی سایت ساده 🎬

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

📋 مشخصات دوره در یک نگاه

| ویژگی | جزئیات | |--...

فیلم آموزش HTML به همراه پروژه طراحی سایت ساده 🎬

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

📋 مشخصات دوره در یک نگاه

چرا این دوره رو انتخاب کنی؟

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

یه مثال ساده: فرض کن می‌خوای برای پروژه دانشگاهی‌ت یه صفحه معرفی درست کنی. بعد از فصل اول این دوره، می‌تونی بدون کمک گرفتن از کسی، ساختار صفحه، فرم، جدول و حتی ویدیو رو داخل سایتت بذاری.

توی این دوره چی یاد می‌گیری؟ 🎯

• ساختار تگ‌ها و اصول اولیه HTML — از صفر با نحوه نوشتن و بستن تگ‌ها آشنا می‌شی
• تگ‌های پرکاربرد مثل img، p، a و تگ‌های heading
• فرمت‌بندی متن و استایل‌دهی اولیه با تگ style
• ایجاد لینک و درج تصویر در صفحات وب
• کار با جدول‌ها، لیست‌ها و عناصر خطی و بلوکی
• مفهوم Class و Id و کاربردشون در طراحی
• صفحه‌بندی و تگ iframe
• ساخت فرم‌های مختلف در چهار بخش جداگانه
• قرار دادن ویدیو داخل صفحه
• طراحی یک سایت ساده به صورت پروژه عملی

فصل‌بندی دوره 📚

فصل اول: آشنایی با HTML و تگ‌ها

این فصل حدود چهار ساعت و نیم زمان می‌بره و تقریباً تمام مباحث پایه HTML رو پوشش می‌ده:

• چند نکته مهم برای شروع و ساختار تگ‌ها (۱۳:۳۴)
• تگ‌های img، p، a و heading (۱۸:۳۸)
• نوشتن متن (۰۴:۰۸)
• تگ style (۱۰:۱۱)
• فرمت‌بندی متن (۰۷:۲۵)
• تگ نقل و قول (۰۸:۲۳)
• آشنایی با کدهای کامپیوتری (۰۵:۳۰)
• توضیحاتی درباره رنگ (۰۵:۲۰)
• نحوه برقراری ارتباط بین HTML و CSS (۰۸:۳۷)
• نحوه اضافه کردن لینک در HTML (۱۶:۰۰)
• نحوه درج عکس در HTML (۱۷:۳۶)
• جدول‌ها (۱۸:۰۷)
• لیست‌ها (۱۴:۵۵)
• عناصر خطی و بلوکی (۰۵:۵۴)
• Class و Id (۰۶:۴۶)
• آشنایی با طرز صفحه‌بندی (۱۳:۱۰)
• تگ iframe (۰۴:۲۴)
• تگ‌های کاربردی در head (۱۷:۱۶)
• درج کاراکترهای ویژه (۰۵:۱۰)
• فرم‌ها — بخش اول تا چهارم (۱۶:۱۱ / ۱۲:۰۱ / ۲۱:۱۲ / ۱۸:۵۱)
• قرار دادن ویدیو (۰۹:۳۳)
• بخش پایانی (۰۶:۵۳)

فصل دوم: اجرای پروژه طراحی سایت ساده

• طراحی سایت ساده — قسمت اول (۲۲:۱۶)
• طراحی سایت ساده — قسمت دوم (۱۸:۳۱)

چطور این دوره به کارت میاد؟

اگه دانشجو هستی و می‌خوای برای پروژه درسی یا رزومه‌ت یه نمونه‌کار واقعی داشته باشی، پروژه پایان دوره دقیقاً همون چیزیه که لازم داری. اکثر استادها و کارفرماها وقتی نمونه‌کار ببینن، خیلی سریع‌تر اعتماد می‌کنن. اینجا هم قرار نیست فقط تئوری گوش بدی؛ پروژه عملی طراحی سایت آخر دوره، همه چیز رو کنار هم می‌ذاره.

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

سوال‌هایی که ممکنه ذهنت رو مشغول کنه 🤔

آیا این دوره برای شروع مناسبه؟ بله، سطح متوسطه ولی از مفاهیم پایه شروع می‌شه. اگه هیچ آشنایی قبلی نداری هم می‌تونی همراه بشی.

چقدر طول می‌کشه یاد بگیرم؟ با حدود ۵ ساعت محتوا، اگه روزی یه ساعت وقت بذاری، کمتر از یه هفته کل دوره رو تموم می‌کنی.

بعد از این دوره چی بخونم؟ منطقی‌ترین قدم بعدی، یادگیری CSS و بعدش جاوااسکریپته تا بتونی پروژه‌هات رو حرفه‌ای‌تر کنی.

برای دیدن دوره به چه چیزی نیاز دارم؟ فقط یه کامپیوتر و یه ادیتور متن