مطالب پیشنهادی از سراسر وب

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

دسته بندی ها: آموزش Adobe Dreamweaver ، آموزش های لیندا (Lynda) ، آموزش طراحی وب ، آموزش اچ تی ام ال (HTML)
آیا این نوشته را دوست داشتید؟
Building HTML5 Forms with Dreamweaver Publisher:Lynda Author:David Karlins Duration:1h 42m Level:Advanced

Learn how to use the built-in tools in Dreamweaver to create rich, accessible HTML5 forms.
Released: 11/8/2017

Learn how to use the built-in tools in Dreamweaver to create rich, accessible web forms. In this course, instructor David Karlins shows how to use HTML5, CSS3, and the form-creation tools and code assistance features in Dreamweaver to build modern-looking forms that are responsive and easy to use, whether displayed on a desktop or mobile device. He also shows how to validate the data you receive with HTML5 form input types. Plus, learn how to style the forms to match the look of your website. By the end of the course, you'll have the necessary skills to build forms to take orders, collect contact information, and solicit feedback from your users—making your websites more interactive and engaging.

Topics include:
Modern form inputs
Dreamweaver form design features
Styling forms with CSS
Form input types
Setting required inputs and constraints
Styling inputs with CSS
Integrating Bootstrap tools

Introduction
Welcome
48s
Using the exercise files
1m 52s
1. Examples of Modern Inputs
The critical role of accessible forms
3m 9s
Form input: Bad, good, and okay
1m 56s
The key elements of good form design
3m 31s
2. Building Forms with Dreamweaver
Dreamweaver form design features
2m 56s
Building a form in Dreamweaver
3m 43s
Using Dreamweaver form design features
7m 35s
Styling forms with CSS
2m 9s
3. Form Input Types
A quick survey of the top nine input types
5m 58s
The color input
2m 33s
The date input
2m 27s
The email input
1m 41s
The number input
1m 42s
The range input
3m 19s
The search input
1m 56s
The telephone input
1m 6s
The time input
2m 3s
The URL input
3m 56s
4. Using HTML5 Inputs for Validation
Setting a required input
3m 13s
Setting a constrained input
2m 56s
Making entry intuitive with autofocus
1m 42s
Providing options with select menus
1m 7s
Easing data entry with datalists
3m 46s
5. Inviting and Accessible Inputs
Labels, placeholders, and mobile friendly forms
2m 21s
Effective use of labels
1m 43s
Effective use of placeholders
1m 34s
Responsive inputs for mobile devices
2m 53s
6. Styling Input
Styling inputs with CSS
1m 18s
CSS for forms
1m 33s
CSS for styling inputs
1m 14s
CSS for styling text areas
1m 34s
Styling with fieldsets
2m 39s
7. Bootstrap Form Tools
Introducing Bootstr22ap form design features
3m 4s
Next steps
2m 11s
Creating inline forms
3m 9s
Creating styled labels with Bootstrap
2m
Adding labels and badges
1m 12s
Adding sets of radio buttons
3m 10s
More Bootstrap form resources
1m 21s
Conclusion
Next steps
2m 11s

پیشنهاد آموزش مرتبط در فرادرس

لینک های دانلود حجم فایل: 236.0MB همراه با زیرنویس انگلیسی Lynda Building HTML5 Forms with Dreamweaver_git.ir.rar