نمایش نتایج: از شماره 1 تا 2 , از مجموع 2

موضوع: همه اطلاعاتی که باید در مورد طراحی سایت با bootstrap بدانید

  1. #1
    عضو جدید
    تاریخ عضویت
    Oct 2018
    نوشته ها
    9
    تشکر تشکر کرده 
    0
    تشکر تشکر شده 
    2
    تشکر شده در
    تشکر شده %1$s بار در 1 پست

    Arrow همه اطلاعاتی که باید در مورد طراحی سایت با bootstrap بدانید

    طراحی سایت با bootstrap

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

    معنی لغوی Bootstrap


    بوت در زبان انگلیسی به معنی پوتین است بوت استرپ هم در معنی این است که در بعضی از پوتین ها زبانه ای برای کشیدن پاشنه قرار دارد به این زبانه بوت استرپ می گویند که کار پوشیدن پوتین را راحت می کند و احتمالا هم به همین دلیل از این اصطلاح برای ابزار بوت استرپ استفاده کرده اند چرا که طراحی سایت را راحتر و سریع تر می کند.
    معنی اصطلاحی Bootstrap


    بوت استرپ به معنی خود راه انداز است در واقع Bootstraping به معنی راه اندازی فرآیند به صورت مستقل و بدون استفاده از منابع دیگر است.و اگر دقت کنید معنی Booting (راه اندازی سیستم و وارد سازی اطلاعات اولیه نرم افزار در رم کامپیوتر) نیز از این اصطلاح برداشته شده است.
    تاریخچه Bootstrap


    بوت استریپ توسط Jacob Thornton و Mark Otto که از برترین کارمندان توئیتر هستند طراحی شد و این طرح برای ایجاد سازگاری بین ابزارهای مختلف موجد در سایت توئتیر پیاده سازی شده است.قبل از ایجاد بوت استرپ توئیتر از کتابخانه ها و ابزارهای زیادی استفاده کرده بود ولی به دلیل هزینه بالای نگهداری و همچنین ناسازگاری با برخی از ابزارها ، راه کار را در استفاده از بوت استرپ دید.و بوت استرپ به دلیل استقبال زیاد در بین کاربران در سال ۲۰۱۱ به صورت open source در اختیار عموم قرار گرفت.
    طراحی سایت با bootstrap

    بوت استرپ مجموعه ای از ابزارهای کاربردی و مورد نیاز برای طراحی سایت و وب اپلیکیشن و همچنین شامل قالب های طراحی HTML مبتنی بر CSS است.از این قالب ها می توان به عنوان متن ها ، فرم ها ، عکس ها ، منو ها و …. در طراحی سایت استفاده کرد.به طوری که بوت استرپ می خواهد از طراحی های پیش فرض در طراحی سایت بیشتر استفاده کنیم. و فضای بین کد نویسی و طراحی را کم کند.که این در نهایت به کاهش زمان راه اندازی پروژه می شود.
    بوت استرپ دارای افزونه های جاوا اسکریپت است که به راحتی می توان از آن ها استفاده کرد بدین صورت که با edit کردن آن می توان به طراحی سایت خود جلوه های زیبایی داد.بوت استریپ رایگان است و در دسترس همه قرار دارد.در ضمن بهتر است قبل از استفاده از بوت استریپ به زبانهای HTML و CSS وهمچنین JavaScript آشنا یی داشته باشید.
    مزایای Bootstrap


    ۱- Mobile first : در طراحی بوت استرپ از رویکرد موبایل در اولویت استفاده می شود .یعنی در طراحی سایت قبل از اینکه به کامپوتر فکر کنیم ابتدا سایت را برای موبایل طراحی کنیم.در واقع دو نوع رویکرد برای طراحی سایت داریم:
    ۱- رویکرد Desktop محور
    ۲- رویکرد Mobile First
    ۲- پشتیبانی مرورگر: اکثر مرورگرهای موجود بوت استرپ را پشتیبانی می کنند.
    ۳- استفاده آسان از بوت استرپ: با آشنایی مقدماتی از HTML و CSS می توان از بوت استرپ به راحتی استفاده کرد.
    ۴- طراحی ریسپانسیو: بوت استرپ دارای ابزاری است که به طراحی واکنش گرا یا ریسپانسیو برای دستگاه های مختلف کمک می کند.بوت استرپ داری کلاس های متعددی است که در حال حاظر به چهار نوع صفحه نمایش با ابعاد مختلف راهکارهایی را ارائه می کند.

    مشکل Bootstrap


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

  2. # ADS




     

  3. #2
    عضو انجمن persianws آواتار ها
    تاریخ عضویت
    Nov 2013
    محل سکونت
    شیراز
    نوشته ها
    111
    تشکر تشکر کرده 
    237
    تشکر تشکر شده 
    264
    تشکر شده در
    197 پست

    پیش فرض پاسخ : همه اطلاعاتی که باید در مورد طراحی سایت با bootstrap بدانید

    نقل قول نوشته اصلی توسط moein118 نمایش پست ها

    مشکل اصلی به کار گیری بوت استرپ در این است که سایت ها کم کم رنگ و روی یکسانی به خود می گیرند. و با این پیشرفتی که بوت استرپ دارد درآینده ای نزدیک شاهد سایتهایی خواهیم بود که از نظر ظاهرخیلی به هم شبیه هستند.

    این مورد مشکل نیست ! بر میگرده به هنر و خلاقیت طراح ....
    طراحی قالب وردپرس و WHMCS

    Telegram

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ ها: 0
    آخرين نوشته: May 1st, 2018, 12:54
  2. کمک در زمینه طراحی وبسایت bootstrap
    توسط sina.z در انجمن سوالات و مشکلات
    پاسخ ها: 0
    آخرين نوشته: May 25th, 2015, 16:47
  3. Bootstrap در طراحی سایت
    توسط elham1388 در انجمن دیگر زبان ها
    پاسخ ها: 1
    آخرين نوشته: December 12th, 2014, 01:35
  4. فریم ورک bootstrap
    توسط Mohsenheyto در انجمن HTML-XHTML
    پاسخ ها: 3
    آخرين نوشته: December 19th, 2013, 21:10

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •