آموزش طراحی سایت با استفاده از فریمورک Bootstrap

آموزش طراحی سایت با استفاده از فریمورک Bootstrap

فریمورک مجموعه ای کامل از کلاس ها و توابع از پیش تعریف شده است که قابلیت های گوناگون از یک زبان برنامه نویسی را در خود دارد و بدین ترتیب کاربر نهایی یا برنامه نویس را قادر می سازد که از امکانات یک زبان استفاده کند بدون اینکه درگیر مسائل پیچیده و وقت گیر آن شود.

آموزش طراحی سایت با استفاده از فریمورک Bootstrap

نحوه ایجاد رابط کاربری و طراحی آن، امروزه یکی از مشکلاتی است که طراحان وب با آن مواجه هستند. حجم کد نویسی بالا برای دست یافتن به طرح مورد نظر نیز مشکل دیگری است که اکثر افراد با آن مواجه هستند. به منظور رفع این مشکل تا کنون راه حل های زیادی ارائه شده است که یکی از این راه حل ها استفاده از فریمورک ها می باشد.

 

فریمورک چیست؟

فریمورک مجموعه ای کامل از کلاس ها و توابع از پیش تعریف شده است که قابلیت های گوناگون از یک زبان برنامه نویسی را در خود دارد و بدین ترتیب کاربر نهایی یا برنامه نویس را قادر می سازد که از امکانات یک زبان استفاده کند بدون اینکه درگیر مسائل پیچیده و وقت گیر آن شود.

متن بالا، تعریفی مختصر برای فریمورک بود. حال شاید این سوال برای شما پیش آید که Bootstrap یا بوت استرپ چیست؟

در پاسخ به سوال شما می توان گفت که Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.

 

آموزش طراحی سایت با استفاده از فریمورک Bootstrap — کلیک کنید

 

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:

  • معرفی bootstrap
    • محتویات bootstrap
    • قرار دادن اسکریپت ها و استایل ها
    • مفاهیم مربوط به هسته ی بوت استرپ
    • دریافت آخرین نسخه
    • استفاده از Bootstrap در پروژه
  • ایجاد چینش یا Layout با استفاده از Bootstrap
    • ایجاد Layout با Grid system
    • طرح بندی با Twitter Bootstrap
    • Fluid Layout با Twitter Bootstrap
    • Fixed Layout با Bootstrap
    • Responsive Layout با Bootstrap
    • Typography با Bootstrap
    • ایجاد جدول با Bootstrap
    • ایجاد list با استفاده از Bootstrap
    • ایجاد فرم با Bootstrap
    • طراحی تصاویر با Bootstrap
    • کار با تصاویر در Bootstrap
    • آیکن های آماده Bootstrap
    • ایجاد دکمه با Bootstrap
  • امکانات موجود برای طرح بندی صفحات
    • کاربا Nav و Tab و Pill در Bootstrap
    • ایجاد Navbar با استفاده از Bootstrap
    • ایجاد breadcrumbs با استفاده از Bootstrap
    • شماره گذاری با Bootstrap
    • استفاده از برچسب ها و نشانه های درون خطی با Bootstrap
    • ایجاد نوار پیشرفت با استفاده از Bootstrap
    • ایجادPanel با Bootstrap
    • ایجاد dropdownlist با استفاده از Bootstrap.
  • افزودنی ها و پلاگین های Bootstrap
    • کار با راهنمای ابزار Bootstrap
    • ایجاد tooltip با Bootstrap
    • ایجاد پیام های اخطار با Bootstrap
    • Typeahead در Bootstrap
    • ایجاد Scrollspy باBootstrap
    • عنصر ضمیمه با Bootstrap
    • گردانه ی صفحه با Bootstrap
    • ایجاد تب با Bootstrap
    • ایجاد نما با Bootstrap
    • ایجاد Popover با Bootstrap
    • ایجاد ویجت accordion با Bootstrap

مجموعه: آموزش های عمومی, سته بندی مستقلبرچسب ها , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
یک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره (No Ratings Yet)
Loading...

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *