دوره آموزشی HTML و CSS: ساخت فرمها
2 ساعتمبتدی2025-06-20
مدرسین
Clarissa Peterson
Developer, Author, and Speaker, specializing in UX and design strategy
جزئیات دوره
فرمها بخش مهمی از سایتهای امروزی هستن؛ برای جمعآوری اطلاعات کاربران، نظرسنجی و خیلی کارای دیگه. گرچه میتونید از ابزارهای آماده فرمساز استفاده کنید، اما با دانش پایه HTML و CSS میتونید خودتون فرمهای ساده و کاربردی بسازید.
تو این دوره، Clarissa Peterson بهتون اصول ساخت فرم با HTML و نحوه زیباتر کردنش با CSS رو یاد میده. یاد میگیرید چطور فرمهایی بسازید که برای همه کاربران راحت و قابل دسترس باشه، انواع فیلدها رو درست استفاده کنید، فرمها رو تعاملی کنید و همچنین ظاهر و چیدمانشون رو حرفهای استایل بدید. ضمناً به نکات مهم حفظ حریم خصوصی کاربران و امنیت دادهها هم پرداخته میشه.
اهداف یادگیری
یاد بگیرید فرمها رو به شکلی طراحی کنید که استفادهشون برای همه ساده و قابل دسترس باشه
یک فرم HTML بسازید که انواع مختلف دادهها رو دریافت کنه
ظاهر و چیدمان فرم رو با CSS استایل کنید
اهمیت حفظ حریم خصوصی دادهها و روشهای امنیتی مربوط به فرمها رو درک کنید
تو این دوره، Clarissa Peterson بهتون اصول ساخت فرم با HTML و نحوه زیباتر کردنش با CSS رو یاد میده. یاد میگیرید چطور فرمهایی بسازید که برای همه کاربران راحت و قابل دسترس باشه، انواع فیلدها رو درست استفاده کنید، فرمها رو تعاملی کنید و همچنین ظاهر و چیدمانشون رو حرفهای استایل بدید. ضمناً به نکات مهم حفظ حریم خصوصی کاربران و امنیت دادهها هم پرداخته میشه.
اهداف یادگیری
یاد بگیرید فرمها رو به شکلی طراحی کنید که استفادهشون برای همه ساده و قابل دسترس باشه
یک فرم HTML بسازید که انواع مختلف دادهها رو دریافت کنه
ظاهر و چیدمان فرم رو با CSS استایل کنید
اهمیت حفظ حریم خصوصی دادهها و روشهای امنیتی مربوط به فرمها رو درک کنید
مهارت ها
Web StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOne-Off
سرفصل ها
مقدمه
- طراحی فرمهای کاربرپسند
- آنچه باید بدانید
- دسترسیپذیری
طراحی یک تجربه کاربری فرم
- زیاد درخواست نکنید
- آنچه را که میخواهید توضیح دهید
- کاری کن که منطقی به نظر برسد
- حریم خصوصی دادهها
ایجاد فرمها با HTML
- ساختار فرم پایه
- نام، شناسه و برچسب
- انواع ورودی ایمیل و URL
- انواع ورودی شماره و تلفن
- انواع ورودی تاریخ و زمان
- دکمههای رادیویی و کادرهای انتخاب
- انتخاب عنصر
- عنصر ناحیه متنی
- انواع ورودی دیگر
- دکمهها
- ویژگی جایگذاری
- سایر ویژگیهای فرم
تعاملی کردن فرمها
- ارسال فرم و امنیت
- اعتبارسنجی
- ویژگی الگو
استایلدهی به فیلدهای فرم با CSS
- سبکهای فرم پایه - رنگ و اندازه
- اندازه کادر برای فرمها
- استایلدهی به ورودیهای متنی
- استایلدهی به دکمههای رادیویی و چکباکسها با تصاویر
- استایلدهی به دکمههای رادیویی و چکباکسها به عنوان دکمه
- استایلدهی به شبهکلاسها
طرحبندی فرم با CSS
- طرحبندی صفحه کوچک برای فرمها
- طرحبندی صفحه عریضتر برای فرمها
- برچسبهای فرم
نتیجهگیری
- مراحل بعدی