-
1395/03/02 - 19:25:20
بخش 45 – طراحی وب واکنش گرا ، بخش پایانی و وصیت نامه !
دوستان عزیز و گرامی با 45 قسمت آموزش طراحی سایت های واکنش گرا یا responsive web design با شما همراه بودیم . در ابتدا بعنوان مقدمه در مورد این نوع طراحی و تفاوت های آن با طراحی های گذشته و همچنین مزایای این طراحی با شما به گفتگو نشستیم و در ادامه به ابزاری به نام bootstrap رسیدیم که با آن براحتی توانستیم سایت های واکنش گرا طراحی کنیم .
-
1395/03/01 - 19:30:21
بخش 44 – طراحی وب واکنش گرا ، Modals در Bootstrap
Modal ها المان های HTMl ی هستند که در صفحه ی وب پنهان بوده و هنگامی که فراخوانی می شوند از بالای صفحه بنمایش در می آیند . بهترین پلاگین برای نمایش دیالوگ های اعلان ، مثل هشدارها و اعلان ها و دریافت تاییدیه ها و ... Modal می باشد . همچنین از آن می توانید برای نمایش نسخه ی بزرگتری از تصویر مورد نظر ، و یا نمایش شرایط خصوصی طولانی و یا لیستی بزرگ و یا فرم ثبت نام و ورود به سایت استفاده نمایید .
-
1395/03/01 - 16:16:01
بخش 43 – طراحی وب واکنش گرا ، Carousel در Bootstrap
Slideshow ها بسیار متداول می باشند ، و برای اخبار ، موارد تجاری ، ویدئوها و ... در یک سایت مورد استفاده قرار می گیرند . ساختن چنین slideshow ی می تواند بسیار زمان گیر و البته مستعد ایرادات فراوان باشد . در این بخش ما یاد می گیریم که چگونه با استفاده از bootstrap یک carousel زیبا بسازیم .
-
1395/03/01 - 11:29:10
بخش 42 – طراحی وب واکنش گرا ، Popovers در Bootstrap
Popovers یک پلاگین مفید دیگر در bootstrap می باشد که قابل قیاس با tooltip است . با این تفاوت که Popovers بزرگتر و قابل شکل دهی تر از tooltip می باشد . ظاهر این پلاگین خیلی شبیه به ویژگی دیکشنری iBooks اپل می باشد .
-
1395/02/31 - 18:28:45
بخش 41 – طراحی وب واکنش گرا ، Tooltip در Bootstrap
پلاگین tooltip در bootstrap یک پیام شناور کوچک می باشد که به هنگام رفتن نشانگر ماوس روی یک کامپوننت وب سایت نمایش داده خواهد شد . کاربرد این پلاگین بیشتر بعنوان یک متن راهنما برای بخشی از کامپوننت می باشد .
-
1395/02/29 - 13:35:02
بخش 40 – طراحی وب واکنش گرا ، Collapse در Bootstrap
پلاگین Collapse عموما با عنوان پلاگین accordion در دنیای وب شناخته می شود . این پلاگین از چندین تب روی هم انباشته شده میزبانی می کند ، اما فقط یک تب را می توان در هر لحظه باز کرد .
-
1395/02/28 - 16:54:54
بخش 39 – طراحی وب واکنش گرا ، Tabs در Bootstrap
در بخش های قبلی آموزش ما دیدیم که چگونه با استفاده از مجموعه ای از لینک ها ، چیزی شبیه به tab ها بسازیم . اما بواقع آن ها یک تب نبودند . در این بخش می خواهیم که تعدادی Tab ایجاد کرده و درون آن ها داده های ساختگی قرار داده و براساس Tab هایی که کلیک می گردد داده ی متناظر را بارگزاری نماییم .
-
1395/02/27 - 11:59:08
بخش 38 – طراحی وب واکنش گرا ، مدیریت محتوا در Bootstrap
مدیریت محتوا برای هر وب سایت بسیار حائز اهمیت می باشد . اگر چیزها در وب سایت پیچیده شدند ، می توانید مطمئن باشید که بیننده به وب سایت شما باز نخواهد گشت . Bootstrap پلاگین های جاوا اسکریپتی زیادی برای ما فراهم کرده که می تواند در مدیریت متن از آن ها استفاده نمود . در ادامه مواردی از این دست را بررسی خواهیم نمود .
-
1395/02/26 - 11:06:13
بخش 37 – طراحی وب واکنش گرا ، Buttons در Bootstrap
در بخش های قبل در مورد اینکه چطور ، دکمه های مختلفی بسازیم صحبت کردیم . حال یاد می گیریم که چگونه از آن ها در موقعیت های مختلف استفاده کنیم و وضعیت آن ها را با استفاده از پلاگین های جاوا اسکریپت در bootstrap تغییر دهیم .
-
1395/02/25 - 21:23:46
بخش 36 – طراحی وب واکنش گرا ، Alert Message در Bootstrap
بوت استرپ bootstrap با کامپوننت های نمایش هشدار متنوعی در بخش های مختلف وب سایت آمده است . شما می توانید از آن ها برای نمایش پیام های هشدار ، موفقیت ، خطا ، و یا اطلاعات استفاده نمایید .