آموزش طراحی صفحات ریسپانسیو یا واکنشگرا با HTML و CSS + گواهینامه

آموزش طراحی صفحات ریسپانسیو یا واکنشگرا با HTML و CSS + گواهینامه

2 ساعت
4.9

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

فرادرس
علیرضا بهارلوئی

تریلر دوره

توضیحات کامل دوره

...

سرفصل‌های دوره

  • چکیده
    0:01:32

  • بررسی حالت پیش‌فرض HTML
    رایگان 0:14:21
  • بررسی حالت ستونی واکنش‌گرا به صورت دستی
    0:16:51
  • بررسی حالت ستونی واکنش‌گرا به صورت Auto
    0:13:52
  • بررسی حالت سطری واکنش‌گرا به صورت دستی و Auto
    0:13:22
  • بررسی حالت مناطق مختلف صفحه واکنش‌گرا
    0:24:09
  • تمرین ۱ - حالت مناطق مختلف صفحه واکنش‌گرا
  • تمرین ۲ - طراحی با منطقه‌بندی واکنش‌گرایی
  • تمرین ۳ - دو بخش با ۲ ستون در منطقه
  • آزمون ۱

  • بررسی تابع – ()repeat
    0:11:53
  • بررسی تابع – ()minmax
    رایگان 0:06:56
  • بررسی تابع – ()fit-content
    0:06:23
  • تمرین ۱ - تابع ()fit-content
  • آزمون ۳

  • طراحی Html Navigation Bar برای نسخه دسکتاپ
    0:13:25
  • طراحی Html Navigation Bar برای نسخه موبایل
    0:12:57
  • تکمیل HTML نسخه موبایل
    رایگان 0:10:52
  • اضافه کردن CSS و جاوا اسکریپت (JavaScript) برای حالت موبایل و دسکتاپ
    0:14:49
  • آزمون ۲

  • ادامه مسیر تا ورود به بازار کار

  • آموزش طراحی صفحات ریسپانسیو یا واکنشگرا با HTML و CSS

  • خلاصه و مرور آموزش
  • واژه‌نامه (Glossary)
  • سوالات متداول (FAQ)
  • مشاغل مرتبط
  • نمونه سئوالات مصاحبه شغلی

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

1,490,000 تومان
298,000 تومان
80% تخفیف
ثبت‌نام در دوره
این دوره شامل:
7 فصل آموزشی
2 ساعت ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/09
آخرین به‌روزرسانی: 2026-10-29 15:06:36
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: