دوره آموزشی ایجاد فرم ها با 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
- دوره آموزشی جاوا اسکریپت برای طراحان وب
- دوره آموزشی HTML کاربردی برای غیر برنامهنویسان
- دوره آموزشی ایجاد طرحبندی HTML با InDesign
- دوره آموزشی ایجاد کتاب های الکترونیکی برای کیندل
- دوره آموزشی ایجاد کتاب های الکترونیکی با چیدمان ثابت برای کیندل
- دوره آموزشی HTML برای مربیان
مسیرهای مرتبط
- مسیر آموزشی ارتقا دادن مهارت های خود در HTML
- مسیر آموزشی شروع کار با PHP
- مسیر آموزشی کشف مسیر شغلی به عنوان توسعهدهنده وب
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده وب
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی کاوش شغلی در توسعه وب فرانت اند
- مسیر آموزشی بهبود مهارت های برنامه نویسی طراحی وب خود
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده نرم افزار