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

سرفصل ها و درس ها

مقدمه Introduction

• خوش‌آمدگویی Welcome

• پیش‌نیازهای دوره What you should know

• استفاده از فایل‌های تمرینی Using the exercise files

1. طراحی تجربه کاربری فرم 1. Designing a Form Experience

• حریم خصوصی داده‌ها Data privacy

• ایجاد یک جریان کاربر مناسب Create a good flow

• پرسیدن سوالات درست Ask the right questions

• توضیح خواسته‌ها Explain what you want

2. ساخت فرم‌ها با HTML 2. Creating Forms with HTML

• دکمه‌های رادیویی (Radio buttons) Radio buttons

• انواع ورودی تاریخ و زمان Date and time input types

• دکمه ارسال و سایر انواع دکمه‌ها Submit and other types of buttons

• نوع ورودی عددی Number input type

• Textarea و سایر انواع ورودی‌ها Textarea and additional input types

• منوی انتخابی (Select) Select

• ویژگی‌های مورد استفاده در فرم‌ها Attributes used in forms

• انواع ورودی متن، ایمیل و URL Text, email, and URL input types

• ساختار پایه فرم Basic form structure

3. تعاملی کردن فرم‌ها 3. Making Forms Interactive

• اعتبارسنجی فرم Form validation

• ارسال فرم و امنیت Form submission and security

4. استایل‌دهی به فیلدهای فرم با CSS 4. Styling Form Fields with CSS

• مدیریت اندازه باکس‌ها (Box sizing) در فرم‌ها Box sizing for forms

• استایل‌های پایه فرم: رنگ و اندازه متن Basic form styles: Text color and size

• استایل‌دهی به رادیوباتن‌ها و چک‌باکس‌ها با تصاویر Styling radio buttons and check boxes with images

• استایل‌دهی به شبه‌کلاس‌ها (Pseudo classes) Styling pseudo-classes

• استایل‌دهی به منوی Select Styling select

• طراحی رادیوباتن‌ها و چک‌باکس‌ها در قالب دکمه Styling radio buttons and check boxes as buttons

• استایل‌دهی به ورودی‌های متنی Styling text inputs

• استایل‌دهی به دکمه‌ها Styling buttons

5. چیدمان فرم با CSS 5. Form Layout with CSS

• ویژگی Placeholder Placeholder attribute

• چیدمان فرم برای صفحات عریض Wide-screen layout for forms

• برچسب‌های فرم (Labels) Form labels

• چیدمان فرم برای صفحات کوچک (موبایل) Small-screen layout for forms

جمع‌بندی Conclusion

• گام‌های بعدی Next steps