آموزش ویدیویی استفاده از عنصر video در طراحی سایت با HTML 🎬
اگه تا حالا به این فکر کردی که چطور میشه یه ویدیو رو به شکلی حرفه‌ای توی صفحه سایتت جا بدی و پشتش متن و لوگو بذاری، این آموزش دقیقاً همون چیزیه که دنبالش هستی. توی این دوره با عنصر <video> در HTML کار می‌کنیم و یاد می‌گیریم چطور ازش ب...
آموزش ویدیویی استفاده از عنصر video در طراحی سایت با HTML 🎬
اگه تا حالا به این فکر کردی که چطور میشه یه ویدیو رو به شکلی حرفه‌ای توی صفحه سایتت جا بدی و پشتش متن و لوگو بذاری، این آموزش دقیقاً همون چیزیه که دنبالش هستی. توی این دوره با عنصر <video> در HTML کار می‌کنیم و یاد می‌گیریم چطور ازش به عنوان پس‌زمینه‌ی طرح استفاده کنیم؛ نه فقط یه پلیر ساده.
📋 مشخصات دوره در یک نگاه
ویژگی
جزئیات
عنوان
آموزش ویدیویی استفاده از video به عنوان عنصر در طراحی سایت با HTML
تعداد درس‌ها
۸ درس در ۲ فصل
سطح
مقدماتی
مدت زمان
حدود ۳۵ دقیقه
حجم فایل‌ها
۱۰۶.۶۰ مگابایت
پیش‌نیاز
آشنایی مقدماتی با HTML و CSS
🎯 این دوره به چه کارم میاد؟
فرض کن داری یه لندینگ‌پیج برای پروژه‌ی دانشگاهی یا یه سایت شخصی می‌سازی. به جای اینکه یه عکس ثابت بذاری، می‌تونی یه ویدیو کوتاه رو پس‌زمینه کنی و لوگو رو روی گوشه‌اش بشونی. همین تکنیک ساده، ظاهر کار رو چند پله بالاتر می‌بره. توی این آموزش قدم‌به‌قدم همین مسیر رو طی می‌کنیم.
🗂️ سرفصل‌های دوره
فصل اول — معرفی
اطلاعات کلی دوره (۰:۰۱:۰۳)
فایل‌های تمرینی همراه آموزش (۰۰:۰۰:۵۹)
فصل دوم — کار با عنصر ویدئویی
آماده‌سازی ساختار HTML و افزودن تگ ویدئو (۰۰:۰۴:۴۸)
جای‌گذاری لوگو روی ویدیو (۰۰:۰۵:۰۹)
استایل‌دهی به متن روی ویدیو (۰۰:۰۳:۱۷)
ریسپانسیو کردن طرح برای صفحه‌نمایش‌های مختلف (۰۰:۰۷:۳۱)
تشخیص کاربران موبایل و تبلت (۰۰:۰۸:۳۷)
تنظیم ویدیو در حالت تمام‌صفحه (۰۰:۰۳:۲۲)
💡 چه چیزهایی یاد می‌گیری؟
نحوه‌ی درست نوشتن تگ ویدئو و تنظیم ویژگی‌هاش
قرار دادن متن و لوگو به شکلی که روی ویدیو خوانا بمونه
واکنش‌گرا کردن طرح تا توی موبایل هم درست نمایش داده بشه
تشخیص دستگاه کاربر و اعمال تنظیمات متفاوت
اجرای ویدیو در حالت فول‌اسکرین بدون به‌هم‌ریختگی چیدمان
❓ چند سوال رایج
قبل از خرید می‌تونم ببینم چه شکلیه؟
آره. یه قسمت از هشت قسمت به صورت پیش‌نمایش قابل مشاهده‌ست؛ درس‌هایی که کنارشون قفل باز هستن، رایگان در دسترسن.
اگه وسط آموزش گیر کردم چی؟
بخش گفتگوها برای پرسیدن سوال از مدرس فعاله. علاوه بر این، راه‌های ارتباطی مدرس هم توی پروفایلش قرار داره.
دسترسی به محتوا چطوریه؟
هم پخش آنلاین داری هم می‌تونی فایل‌ها رو نگه داری و همیشه بهشون دسترسی داشته باشی.
در حال حاضر تخفیف داره؟
بله، این دوره در حال حاضر با تخفیف ویژه ارائه میشه.
🛠️ یه نکته‌ی کاربردی
موقع کار با ویدیوی پس‌زمینه، همیشه یه تصویر جایگزین (poster) هم بذار. اگه اینترنت کاربر ضعیف باشه یا مرورگرش پشتیبانی نکنه، حداقل یه تصویر ثابت ببینه و صفحه خالی نمونه. همین یه خط کد، تجربه‌ی کاربر رو خیلی بهتر می‌کنه.
👥 این دوره مناسب کیه؟
دانشجوهایی که پروژه‌ی طراحی وب دارن
کسانی که تازه با HTML و CSS آشنا شدن و می‌خوان یه قدم جلوتر برن
فریلنسرهایی که می‌خوان نمونه‌کار جذاب‌تری بسازن
با تخفیف فعلی، فرصت خوبیه که این مهارت رو به جعبه‌ابزار طراحی سایتت اضافه کنی. 🚀
با تخفیف ویژه، ویدیو در طراحی سایت را ثبت‌نام کنید
