-
1395/09/15 - 09:28:58
آموزش طریقه استفاده HTML 5 Data attributes
قبل از پیدایش HTML، ذخیره سازی داده در سطح کلاینت خود یک مشکل بزرگ قلمداد میگردید. در ورژنهای قبلی HTML از rel یا Class های Custom برای نگهداری مقادیر استفاده میگردید. پس از پیدایش HTML 5 این مشکل توسط data attributes که از استانداردهای HTML 5 می باشد کامل برطرف گردیده است.
-
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 - 17:45:06
آموزش ساخت یک جدول ساده توسط تگ های DIV
همانگونه که می دانید استفاده از جداول table در کدهای HTML برای طراحی قالب سایت از سال ها پیش منسوخ شده است . منتهی خیلی از دوستان هنوز نمی توانند یک طراحی کاملن بدون جدول را انجام دهند و در برخی مواقع که کارشان به چیزی گیر می کند ! از جداول استفاده می کنند . در ادامه یک نمونه از ساخت جدول با استفاده از تگ div را برای شما بصورت کاملن ساده و کاربردی آموزش داده ایم تا بهتر این مسئله را درک کنید .
-
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 پلاگین های جاوا اسکریپتی زیادی برای ما فراهم کرده که می تواند در مدیریت متن از آن ها استفاده نمود . در ادامه مواردی از این دست را بررسی خواهیم نمود .