دوره آموزشی ایجاد فرم ها با HTML و CSS
2 ساعت 32 دقیقهمبتدی2017-08-17
مدرسین

Clarissa Peterson
Developer, Author, and Speaker, specializing in UX and design strategy
جزئیات دوره
فرم ها جزء اصلی وب سایت های مدرن هستند که برای جمع آوری داده های کاربران، انجام نظرسنجی و موارد دیگر استفاده می شوند. در حالی که می توانید از فرم ساز استفاده کنید، ساخت آنها از ابتدا با فناوری های اساسی وب: HTML و CSS نسبتاً ساده است. در این دوره، Clarissa Peterson بهترین روشها را برای ایجاد و استایلسازی فرمهای وب به نمایش میگذارد که به آسانی تکمیل شده و برای همه کاربران و دستگاهها قابل دسترسی است. استفاده صحیح از فیلدهای فرم، از جمله انواع ورودی HTML5 جدید را بیاموزید و نحوه افزودن تعاملی مانند اعتبار سنجی فرم، فرمهای سبک با CSS، ایجاد طرحبندیهای پاسخگو، افزودن تعاملی مانند اعتبارسنجی فرم، و طراحی فرمها برای قابلیت استفاده و دسترسی را بیاموزید.
اهداف یادگیری
نحوه تعامل کاربران با فرم ها
طراحی فرم هایی که استفاده از آنها آسان باشد
پیروی از قوانین حفظ حریم خصوصی داده ها هنگام جمع آوری اطلاعات
انتخاب نوع ورودی HTML برای استفاده
اضافه کردن دکمه ها
افزودن اعتبار سنجی تعاملی
استایل دادن به فیلدهای فرم با CSS
استفاده از موقعیت یابی و فلکس باکس برای ایجاد طرح بندی فرم های پاسخگو
اهداف یادگیری
نحوه تعامل کاربران با فرم ها
طراحی فرم هایی که استفاده از آنها آسان باشد
پیروی از قوانین حفظ حریم خصوصی داده ها هنگام جمع آوری اطلاعات
انتخاب نوع ورودی HTML برای استفاده
اضافه کردن دکمه ها
افزودن اعتبار سنجی تعاملی
استایل دادن به فیلدهای فرم با CSS
استفاده از موقعیت یابی و فلکس باکس برای ایجاد طرح بندی فرم های پاسخگو
مهارت ها
HTMLWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
- 03 - استفاده از فایلهای تمرین
1. طراحی یک تجربه فرم
- 04 - سؤالات درست بپرسید
- 05 - آنچه را که میخواهید توضیح دهید
- 06 - جریان خوبی ایجاد کنید
- 07 - حریم خصوصی داده ها
2. ایجاد فرمها با HTML
- 08 - ساختار فرم پایه
- 09 - انواع ورودی متن، ایمیل و URL
- 10 - نوع ورودی عدد
- 11 - انواع ورودی تاریخ و زمان
- 12 - دکمههای رادیویی
- 13 - انتخاب کنید
- 14 - Textarea و انواع ورودی اضافی
- 15 - ارسال و انواع دیگر دکمه ها
- 16 - صفات مورد استفاده در فرم ها
3. تعاملی کردن فرم ها
- 17 - تسلیم فرم و امنیت
- 18 - اعتبار سنجی فرم
4. استایل کردن فیلدهای فرم با CSS
- 19 - سبکهای اصلی فرم - رنگ و اندازه متن
- 20 - اندازه جعبه برای فرم ها
- 21 - استایل دادن به ورودیهای متن
- 22 - دکمههای رادیویی و کادرهای رادیویی را با یک ظاهر طراحی کنید
- 23 - دکمههای رادیویی را یک ظاهر طراحی کنید و کادرها را به عنوان دکمه انتخاب کنید
- 24 - استایل را انتخاب کنید
- 25 - دکمههای یک ظاهر طراحی شده
- 26 - شبه کلاسهای استایل سازی
5. طرح بندی فرم با CSS
- 27 - طرح بندی صفحه کوچک برای فرم ها
- 28 - طرح بندی صفحه عریض برای فرم ها
- 29 - برچسبهای فرم
- 30 - صفت مکان نگهدار
نتیجه
- 31 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی برنامه نویسی فرمهای وب با جاوااسکریپت
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی CSS عملی برای No-Coders
- دوره آموزشی HTML برای برنامه نویسان
- دوره آموزشی HTML کاربردی برای غیر برنامهنویسان