دوره آموزشی ساخت فرم های عالی با HTML و CSS
7 ساعتمتوسط2020-06-01
مدرسین

Emily Kay
Web Developer and Graphic Designer
جزئیات دوره
در حالی که ایجاد فرم با HTML و CSS یک مهارت اصلی در توسعه وب است ، ساخت فرم های عالی نیاز به موارد بسیار بیشتری از اصول اولیه دارد. امیلی کی سالها تجربه کار با مشتری و توسعه دهندگان را برای توضیح نحوه ایجاد فرم هایی که مردم مفید و حتی لذت بخش می دانند به ارمغان می آورد. با نحوه تنظیم فرم اولیه و افزودن دکمه ها ، کلیدهای ضامن ، انتخاب کنندگان تاریخ و موارد دیگر آشنا شوید. در تکنیک ها و ترفندهای CSS مخصوص فرم مهارت کافی داشته باشید و JavaScript را اضافه کنید تا فرم های خود را به سطح بعدی منجنیق کنید. امیلی شما را از طریق چهار پروژه شروع به اتمام که دارای محبوب ترین انواع فرم های وب است: ورود به سیستم ، رزرو ، پرداخت و فرم های جستجو ، به شما ارائه می دهد. بعلاوه ، بیاموزید که چگونه می توان از قابلیت دسترسی و اعتبار سنجی استفاده کرد و یک صفحه موفقیت پس از ارسال ایجاد کرد تا به کاربران اطلاع دهد که ورودی هایشان پذیرفته شده است.
توجه: ملاحظات کاربردی و چیدمان بر اساس دستگاه و سیستم عامل متفاوت است. تمام فرم های ساخته شده در این دوره به همان اندازه در دستگاه های تلفن همراه و دسک تاپ و همچنین همه مرورگرهای مدرن به خوبی کار می کنند.
موضوعات شامل:
تنظیم فرم اصلی HTML
روشهای GET و POST
کار با برچسب
استفاده از انواع و ویژگیهای ورودی جدید
ایجاد دکمه ها
یکسان سازی برچسب ها و ورودی ها با CSS
برچسب های شناور
ایجاد فرم ورود یا ثبت نام
ایجاد فرم رزرو
ایجاد فرم پرداخت
ایجاد فرم های جستجو
ایجاد فرم های متقابل دستگاه و سیستم عامل
اطمینان از در دسترس بودن فرمها
اعتبارسنجی داده های فرم
ایجاد صفحه موفقیت برای ارسال فرم
توجه: ملاحظات کاربردی و چیدمان بر اساس دستگاه و سیستم عامل متفاوت است. تمام فرم های ساخته شده در این دوره به همان اندازه در دستگاه های تلفن همراه و دسک تاپ و همچنین همه مرورگرهای مدرن به خوبی کار می کنند.
موضوعات شامل:
تنظیم فرم اصلی HTML
روشهای GET و POST
کار با برچسب
استفاده از انواع و ویژگیهای ورودی جدید
ایجاد دکمه ها
یکسان سازی برچسب ها و ورودی ها با CSS
برچسب های شناور
ایجاد فرم ورود یا ثبت نام
ایجاد فرم رزرو
ایجاد فرم پرداخت
ایجاد فرم های جستجو
ایجاد فرم های متقابل دستگاه و سیستم عامل
اطمینان از در دسترس بودن فرمها
اعتبارسنجی داده های فرم
ایجاد صفحه موفقیت برای ارسال فرم
مهارت ها
FormsHTMLCSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentBusiness Software and ToolsOpen SourceOne-Off
سرفصل ها
خوش آمدی
- 01 - فرمهای خود را عالی کنید
- 02 - آنچه باید بدانید
- 03 - استفاده از فایلهای تمرین
1. تنظیم فرم عمومی
- 04 - نحوه کار فرمهای HTML
- 05 - راهاندازی اولیه برای یک فرم
- 06 - روشهای GET و POST
2. عناصر فرم
- 07 - مجموعههای میدانی و افسانه ها
- 08 - کار با برچسب
- 09 - برچسبهای فرم جدید HTML5
- 10 - انواع ورودی جدید
- 11 - ویژگیهای ورودی جدید
- 12 - ویژگیهای ورودی بیشتر
- 13 - گزینههای اعتبارسنجی فرم
- 14 - محدودیتهای ورودی - الگو
- 15 - دکمه ها
- 16 - تکمیل خودکار
3. CSS خاص فرم
- 17 - نکات چیدمان فرم
- 18 - برچسبها و ورودیهای یک ظاهر طراحی شده
- 19 - سبکهای تمرکز
- 20 - استفاده از شبه کلاسها برای مشخص شدن بیشتر
- 21 - چک باکسهای سفارشی
- 22 - دکمههای رادیویی
- 23 - کلید سوئیچ
- 24 - انتخاب استایل، قسمت 1
- 25 - انتخاب استایل، قسمت 2
- 26 - برچسبهای شناور
4. فرم ورود و ثبت نام
- 27 - مراحل ثبت نام
- 28 - نمودار جریان فرم ورود و صفحه فرود
- 29 - ساخت صفحه ورود
- 30 - قابلیت مشاهده رمز عبور
- 31 - یک فرم ثبت نام بسازید و سبک کنید
- 32 - استفاده از راهنمای ابزار برای اطلاعات بیشتر
- 33 - قدرت رمز عبور
- 34 - خلاصه فرم ورود و ثبت نام
5. فرم رزرو - پرواز، هتل، فیلم و موارد دیگر
- 35 - فرم رزرو چیست
- 36 - ایجاد دکمههای رادیویی سفارشی
- 37 - انتخاب کردن
- 38 - خرما و خرماچین
- 39 - استفاده از جزء پله ای
- 40 - رفع فرم رزرو برای موبایل
- 41 - خلاصه فرم رزرو
6. فرمهای پرداخت
- 42 - تنظیم فرم پرداخت
- 43 - جریان و نظم
- 44 - خلاصه سفارش
- 45 - خلاصه مشخصات شخصی
- 46 - پله پرداخت
- 47 - ماسک ورودی
- 48 - شهر و ایالت پر جمعیت
- 49 - حمل و نقل
- 50 - رسیدگی به پرداخت قسمت 1
- 51 - رسیدگی به پرداخت قسمت 2
- 52 - رسیدگی به پرداخت قسمت 3
- 53 - صفحات بررسی و تایید
7. فرم جستجو و فیلتر کردن فرم ها
- 54 - فرمهای جستجو - چه هستند
- 55 - نکاتی برای افزودن جستجو
- 56 - یک جزء جستجو را اضافه و سبک کنید
- 57 - یک نوار جستجو در حال رشد بسازید
- 58 - تعمیر صفحه لمسی
- 59 - تعمیر موبایل
- 60 - نمایش نتایج جستجو
8. قابلیت دسترسی
- 61 - قابلیت دسترسی به فرم
- 62 - برچسب گذاری و توصیف با ARIA
- 63 - استفاده از ARIA
9. تسلیم
- 64 - اعتبار سنجی فرم سمت مشتری
- 65 - اعتبار سنجی CSS
- 66 - اعتبار سنجی جاوا اسکریپت
- 67 - پیامهای خطای خوب
- 68 - صفحه موفقیت
نتیجه
- 69 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی برنامه نویسی فرمهای وب با جاوااسکریپت
- دوره آموزشی ورد: فرم های عمیق (مایکروسافت 365)
- دوره آموزشی یادگیری جامع Google Forms
- دوره آموزشی یادگیری DocuSign
- دوره آموزشی راهنمای جامع استفاده از Gravity Forms در وردپرس
- دوره آموزشی Acrobat DC: ایجاد فرم ها
- دوره آموزشی یادگیری جامع مایکروسافت Forms
- دوره آموزشی نکات سریع Microsoft Forms