مروری بر فریمورک های css
Post on 12-Jan-2017
53 Views
Preview:
TRANSCRIPT
CSS Frameworkمروری بر ها
رضا جان محمدی
:مشکل
چطور قالب صفحات را بسازم؟•( بسازم؟Responsiveچطور یک سایت واکنش گرا )•چطور سایت را در اکثر مرور گر ها به درستی نمایش دهم؟•چطور دکمه های سایت را طراحی کنم؟•چطور منوی سایت را طراحی کنم؟•چطور ...•
:راه حل
- برای هر کدام به دنبال راه حلی مناسب باشیم و بهترین راه حل را در پروژه 1ها استفاده کنیم.
- حفظ یکپارچگی اجزا صفحه.1.1- تداخل اجزا مختلف در صفحه.1.2- تکرار و توسعه کد ها در پروژه های مختلف.1.3
استفاده کنیم. CSS Framework- از 2
CSS Framework چیست؟
برخی از توسعه دهندگان وب )شرکت ها و افراد ( مشکالت مطرح شده را رفته رفته طی سال ها حل کرده اند و راه حل های خود را به عنوان یک چهارچوب،
اند. به این راه حل ها که عموما شامل کد های پیاده مستند کرده و ارائه دادهگفته می شود. CSS Frameworkسازی شده نیز میباشند
به عبارتی دیگر:
مجموعه ای از تکنیک ها و امکانات است که CSS Frameworkیکسیستمی جهت ساخت صفحات وب را ارائه میدهد.
ها:CSS Frameworkچند نمونه از
ها: CSS Framework انواع
تک منظوره: که موردی خاص را در نظر دارند. مثال: قالب بندی متن ها یا چیدمان اجزا صفحه.- 1http://getskeleton.com/
- جامع: اکثر نیاز های ظاهری صفحه را در نظر دارند. مثال: چیدمان صفحه، دکمه ها، جداول و فرم 2ها...
http://gumbyframework.com/3 -UI Framework.تمام نیاز ها ظاهری و برخی از نیاز های رفتاری صفحات را ارائه میدهند :
آماده برای استفاده در صفحه.HTML وJSمثال: تمامی موارد فوق + http://getbootstrap.com/
http://foundation.zurb.com/
در عمل:
و Foundation ساده با استفاده از Loginبرای نمونه می خواهیم یک فرم ▪Bootstrap.بسازیم
:CSS/UI Frameworkمزایای استفاده از
کاهش� زمان توسعه▪
کاهش خطاها▪تداخل استایل بخش های مختل –
صفحهنمایش در مرورگرهای مختلف–
حفظ یکپارچگی اجزا صفحه▪
کمک به طراحی بر اساس استاندارد ها▪ Grid Systemمثال: طراحی بر اساس
ها
افزایش توان انجام کار گروهی▪
ساده کردن نگهداری و توسعه در آینده▪
:CSS/UI Frameworkمشکالت استفاده از
سفارشی کردن ظاهر نسبتا دشوار است▪
هاCSS Frameworkآشنا نبودن با نحوه کار ▪
(80/20امکاناتی اضافی که در پروژه شده اند و هرگز استفاده نخواهند شد)▪
کاهش� خالقیت برنامه نویسان▪
جلوگیری از یادگیری و ارتقا دانش برنامه نویسان▪
استفاده کرد؟CSS/UI Frameworkآیا باید از
استفاده کرد؟CSS/UI Frameworkآیا باید از
طراحی های رایجطراحی های خاص
دهتفا
اسن
یزام
مناسب انتخاب کنیم؟Frameworkچطور یک
اولویت بندی کردن اهداف▪
Frameworkقابلیت سفارشی کردن ▪
مد نظرFrameworkبررسی میزان منابع آموزشی ▪
توانایی و تجربه توسعه دهندگان تیم▪
:سواالت
janmohammadi.reza@gmail.com
top related