دوره آموزشی ساخت فرم های HTML5 با Dreamweaver
1 ساعت 40 دقیقهپیشرفته2017-11-08
مدرسین

David Karlins
Web Design Expert, Instructor, and Corporate Trainer
جزئیات دوره
یاد بگیرید که چگونه از ابزارهای داخلی در Dreamweaver برای ایجاد فرم های وب غنی و قابل دسترس استفاده کنید. در این دوره، مربی دیوید کارلینز نحوه استفاده از HTML5، CSS3، و ابزارهای ایجاد فرم و ویژگیهای کمک کد در Dreamweaver را برای ساخت فرمهایی با ظاهری مدرن که پاسخگو و آسان برای استفاده هستند، چه در دسکتاپ یا دستگاه تلفن همراه نمایش داده شوند، نشان میدهد. او همچنین نشان می دهد که چگونه داده هایی را که دریافت می کنید با انواع ورودی فرم HTML5 اعتبارسنجی کنید. به علاوه، یاد بگیرید که چگونه فرم ها را طوری استایل دهید که با ظاهر وب سایت شما مطابقت داشته باشند. در پایان دوره، شما مهارتهای لازم را برای ساخت فرمهایی برای دریافت سفارشات، جمعآوری اطلاعات تماس و درخواست بازخورد از کاربران خود خواهید داشت که وبسایتهای خود را تعاملیتر و جذابتر میکند.
اهداف یادگیری
ورودی های فرم مدرن
ویژگی های طراحی فرم Dreamweaver
استایل دادن به فرم ها با CSS
انواع ورودی فرم
تنظیم ورودی ها و محدودیت های مورد نیاز
استایل دادن به ورودی ها با CSS
یکپارچه سازی ابزارهای بوت استرپ
اهداف یادگیری
ورودی های فرم مدرن
ویژگی های طراحی فرم Dreamweaver
استایل دادن به فرم ها با CSS
انواع ورودی فرم
تنظیم ورودی ها و محدودیت های مورد نیاز
استایل دادن به ورودی ها با CSS
یکپارچه سازی ابزارهای بوت استرپ
مهارت ها
DreamweaverWeb Development ToolsProjectAdobeWeb Development
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - استفاده از فایلهای تمرین
1. نمونههایی از ورودیهای مدرن
- 03 - نقش حیاتی اشکال در دسترس
- 04 - ورودی فرم - بد، خوب و خوب
- 05 - عناصر کلیدی طراحی فرم خوب
2. ساخت فرمها با Dreamweaver
- 06 - ویژگیهای طراحی فرم Dreamweaver
- 07 - ساخت فرم در Dreamweaver
- 08 - استفاده از ویژگیهای طراحی فرم Dreamweaver
- 09 - استایل دادن به فرمها با CSS
3. انواع ورودی فرم
- 10 - بررسی سریع نه نوع ورودی برتر
- 11 - ورودی رنگ
- 12 - ورودی تاریخ
- 13 - ورودی ایمیل
- 14 - عدد ورودی
- 15 - ورودی محدوده
- 16 - ورودی جستجو
- 17 - ورودی تلفن
- 18 - ورودی زمان
- 19 - ورودی URL
4. استفاده از ورودیهای HTML5 برای اعتبارسنجی
- 20 - تنظیم ورودی مورد نیاز
- 21 - تنظیم ورودی محدود
- 22 - ورود بصری با فوکوس خودکار
- 23 - ارائه گزینهها با منوهای انتخابی
- 24 - سهولت ورود دادهها با لیست داده ها
5. ورودیهای دعوت کننده و در دسترس
- 25 - برچسبها، مکانها و فرمهای سازگار با موبایل
- 26 - استفاده مؤثر از برچسب ها
- 27 - استفاده مؤثر از جايگزينها
- 28 - ورودیهای پاسخگو برای دستگاههای تلفن همراه
6. ورودی یک ظاهر طراحی شده
- 29 - استایل دادن به ورودیها با CSS
- 30 - CSS برای فرم ها
- 31 - CSS برای استایل دادن به ورودی ها
- 32 - CSS برای استایل دادن به نواحی متن
- 33 - یک ظاهر طراحی با مجموعه فیلدها
7. Bootstrap Form Tools
- 34 - معرفی ویژگیهای طراحی فرم Bootstr22ap
- 35 - ایجاد فرمهای درون خطی
- 36 - ایجاد برچسبهای استایل با بوت استرپ
- 37 - افزودن برچسب و نشان
- 38 - افزودن مجموعهای از دکمههای رادیویی
- 39 - منابع بیشتر فرم بوت استرپ
نتیجه
- 40 - مراحل بعدی