آموزش ساخت فرم های HTML5 با Dreamweaver

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

1. نمونه هایی از ورودی های مدرن 1. Examples of Modern Inputs

• نقش اساسی اشکال در دسترس است The critical role of accessible forms

• ورودی فرم: بد ، خوب و خوب Form input: Bad, good, and okay

• عناصر اصلی طراحی فرم خوب The key elements of good form design

2. فرم های ساختمانی با Dreamweaver 2. Building Forms with Dreamweaver

• ویژگی های طراحی فرم Dreamweaver Dreamweaver form design features

• ساختن یک فرم در Dreamweaver Building a form in Dreamweaver

• با استفاده از ویژگی های طراحی فرم Dreamweaver Using Dreamweaver form design features

• فرم های یک ظاهر طراحی شده با CSS Styling forms with CSS

3. انواع ورودی 3. Form Input Types

• بررسی سریع از نه نوع ورودی برتر A quick survey of the top nine input types

• ورودی رنگ The color input

• ورودی تاریخ The date input

• ورودی ایمیل The email input

• ورودی شماره The number input

• ورودی دامنه The range input

• ورودی جستجو The search input

• ورودی تلفن The telephone input

• ورودی زمان The time input

• ورودی URL The URL input

4- استفاده از ورودی های HTML5 برای اعتبار سنجی 4. Using HTML5 Inputs for Validation

• تنظیم ورودی مورد نیاز Setting a required input

• تنظیم ورودی محدود Setting a constrained input

• ورود بصری با فوکوس خودکار Making entry intuitive with autofocus

• ارائه گزینه هایی با منوهای منتخب Providing options with select menus

• سهولت ورود داده ها با مجری ها Easing data entry with datalists

5- ورودی های قابل دعوت و در دسترس 5. Inviting and Accessible Inputs

• برچسب ها ، متغیرهایی و فرم های دوستانه تلفن همراه Labels, placeholders, and mobile friendly forms

• استفاده مؤثر از برچسب ها Effective use of labels

• استفاده مؤثر از متغیرهایی Effective use of placeholders

• ورودی های پاسخگو برای دستگاه های تلفن همراه Responsive inputs for mobile devices

6. ورودی شیک 6. Styling Input

• ورودی های یک ظاهر طراحی شده با CSS Styling inputs with CSS

• CSS برای فرم ها CSS for forms

• CSS برای ورودی های یک ظاهر طراحی شده CSS for styling inputs

• CSS برای یک ظاهر طراحی متن متن CSS for styling text areas

• سبک کردن با مزرعه Styling with fieldsets

7. ابزارهای فرم بوت استرپ 7. Bootstrap Form Tools

• معرفی ویژگی های طراحی فرم Bootstr22ap Introducing Bootstr22ap form design features

• ایجاد فرم های درون خطی Creating inline forms

• ایجاد برچسب های یک ظاهر طراحی شده با Bootstrap Creating styled labels with Bootstrap

• اضافه کردن برچسب و نشان Adding labels and badges

• اضافه کردن مجموعه های دکمه های رادیویی Adding sets of radio buttons

• منابع فرم بوت استرپ بیشتر More Bootstrap form resources

نتیجه Conclusion

• مراحل بعدی Next steps