آموزش ساخت فرم های Responsive با Flexbox

Building Responsive Forms with Flexbox

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: مدل جعبه انعطاف پذیر CSS3 یا Flexbox ، روشی متفاوت برای طراحی وب سایت های پاسخگو و فرم های HTML است. Flexbox به شناورها یا حاشیه های قابل جمع شدن اعتماد نمی کند. در عوض ، ظروف فلکس متناسب با فضای موجود کوچک و منبسط می شوند. با flexbox می توان با کد معنایی تمیزتر ، آرایش های پیچیده ای را به دست آورد.

در این دوره ، نویسنده ارشد جیمز ویلیامسون نحوه استفاده از ظروف فلکس ، وسایل کودک فلکس و تکنیک های طراحی پاسخگو برای ایجاد طرح های پاسخگو برای دو فرم را نشان می دهد: یک فرم جستجوی کوتاه و یک فرم ثبت نام طولانی تر با بخش ها. او نشان می دهد که چگونه می توان ساختار فرم ها ، زمینه ها ، برچسب ها و دکمه ها را سبک کرد. تراز بندی عناصر مختلف را کنترل کنید. و پاسخگویی هر دو فرم را با س mediaالات رسانه افزایش دهید.

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

مقدمه Introduction

  • خوش آمدی Welcome

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

1. ساختن فرم کوتاه 1. Building a short form

  • اصول اولیه Flexbox Flexbox basics

  • گشت و گذار در پروژه های به پایان رسیده Touring the finished projects

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

  • یک ظاهر طراحی شده فرم اصلی Basic form styling

  • ساخت فرم... Making the form responsive

  • انعطاف پذیری عنصر کنترل Controlling element flexibility

  • طرح فرم پالایش Refining form layout

2. فرم های بزرگتر 2. Larger Forms

  • ساختار فرم طولانی تر Longer form structure

  • محتوای فرم تقسیم بندی Sectioning form content

  • اصلاح یک ظاهر طراحی شده اساسی Refining basic styling

  • ایجاد ورودی و برچسب پاسخگو Creating responsive inputs and labels

  • ایجاد گروههای کادر پاسخگو Creating responsive checkbox groups

  • پاسخگو ساختن بخش های فرم Making form sections responsive

  • فاصله بخش کنترل Controlling section spacing

  • افزودن نمایش داده شد Adding media queries

نتیجه Conclusion

  • منابع اضافی Additional resources

نمایش نظرات

نظری ارسال نشده است.

آموزش ساخت فرم های Responsive با Flexbox
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 19m
18
Linkedin (لینکدین) lynda-small
18 دی 1394 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
48,926
- از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

James Williamson James Williamson

مربی گواهی شده Adobe جیمز ویلیامسون مربی مجوز Adobe یک مربی در زمینه تجربه وب ، چاپ و فیلم دیجیتال است.

جیمز ویلیامسون نویسنده ارشد lynda.com و مربی گواهی Adobe است. او سالها تجربه وب ، چاپ و فیلم دیجیتال را دارد و در Flashforward به عنوان سخنران برجسته و همچنین در Adobe MAX سخنران معمولی بوده است. جیمز همچنین وبلاگ (به ندرت) در مورد همه چیزهای وب در سایت خود ، Simple Primate ، که می توانید در www.simpleprimate.com .

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.