دوره آموزشی HTML و CSS: ساخت فرم‌ها

جزئیات دوره

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

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

اهداف یادگیری
یاد بگیرید فرم‌ها رو به شکلی طراحی کنید که استفاده‌شون برای همه ساده و قابل دسترس باشه
یک فرم HTML بسازید که انواع مختلف داده‌ها رو دریافت کنه
ظاهر و چیدمان فرم رو با CSS استایل کنید
اهمیت حفظ حریم خصوصی داده‌ها و روش‌های امنیتی مربوط به فرم‌ها رو درک کنید

سرفصل ها

۰. مقدمه

01 - طراحی فرم‌های کاربرپسند
02 - آنچه باید بدانید
03 - دسترسی‌پذیری

۱. طراحی یک تجربه کاربری فرم

04 - زیاد درخواست نکنید
05 - آنچه را که می‌خواهید توضیح دهید
06 - کاری کن که منطقی به نظر برسد
07 - حریم خصوصی داده‌ها

۲. ایجاد فرم‌ها با HTML

08 - ساختار فرم پایه
09 - نام، شناسه و برچسب
10 - انواع ورودی ایمیل و URL
11 - انواع ورودی شماره و تلفن
12 - انواع ورودی تاریخ و زمان
13 - دکمه‌های رادیویی و کادرهای انتخاب
14 - انتخاب عنصر
15 - عنصر ناحیه متنی
16 - انواع ورودی دیگر
17- دکمه‌ها
18 - ویژگی جایگذاری
19 - سایر ویژگی‌های فرم

۳. تعاملی کردن فرم‌ها

20 - ارسال فرم و امنیت
21 - اعتبارسنجی
22 - ویژگی الگو

۴. استایل‌دهی به فیلدهای فرم با CSS

23 - سبک‌های فرم پایه - رنگ و اندازه
24 - اندازه کادر برای فرم‌ها
25 - استایل‌دهی به ورودی‌های متنی
26 - استایل‌دهی به دکمه‌های رادیویی و چک‌باکس‌ها با تصاویر
27 - استایل‌دهی به دکمه‌های رادیویی و چک‌باکس‌ها به عنوان دکمه
28 - استایل‌دهی به شبه‌کلاس‌ها

۵. طرح‌بندی فرم با CSS

29 - طرح‌بندی صفحه کوچک برای فرم‌ها
30 - طرح‌بندی صفحه عریض‌تر برای فرم‌ها
31 - برچسب‌های فرم

نتیجه‌گیری

32 - مراحل بعدی