یکشنبه ۱۶ مهر ۰۲ ۱۳:۴۷ ۱۳۱ بازديد
بوت استرپ چیست؟
بگذارید از گویش خویش بوت استرپ بیان کنم که آن چیست و چه مینماید. یادتان باشد که وبسایت قانونی Bootstrap مرجع استحصال داده ها بیشتر و دانلود آن میباشد. بگذارید همینجا بیان کنم که ابدا نباید از وب لاگ این وب سایت غافل گردید. درادامه، بیشتر طراحی سایت اخصاصی در ارتباط وب لاگ تارنما حرف میکنم.
با بوت استرپ وب سایتهای سریع و عکس العملگرا بسازید.
با بوت استرپ، که دوستداشتنیترین باکسابزار منبع گشوده فرانت اند عالم میباشد، تخت گاز تارنماهایی برخوردگرا و تماما سازگار و مطلوب برای اکران در دستگاههای گوشی پیاده سازی و باصرفه نمائید. این باکسابزار خصوصیتهای متعددی داراست. ازجملهی آنها میشود به پلاگینهای قوی جاوااسکریپ و همینطور سیستم grid عکس العملگرا اشاره نمود.
بوت استرپ بدون پول میباشد و شما بهراحتی میتوانید واپسین ورژنی آن را (Bootstrap 5) از سایت قانونیاش دانلود نمایید. در صورتیکه مقداری بخواهم بیشتر در ارتباط بوت استرپ توضیح دهم می بایست بیانکنم کهاین باکسابزار دستهای از قطعه کدهای فراهمی HTML, CSS & JavaScript میباشد که نرم افزار نویس را از تایپ کردن کدهای زیاد بینیاز مینماید. بدین ترتیب در وقت پیشرفتدهنده بسیار صرفهجویی میشود و وی میتواند بر صفحه آرایی و پیاده سازی رابط کاربری وقت بیشتری بگذارد.
همینطور بوت استرپ کتابخانهای منبعگشوده از آیکونهای SVG و گروهای از Themeهای اختصاصی به خویش را دارااست. themeهای بوت استرپ درواقع Extensionهای آن می باشند. Themeها مثل آیکونها بدونپول نیستند و بایستی آنهارا از تارنما خرید. البته خیلی هم گران نیستند و به عنوان مثال با ۴۹ دلار میگردد یکی واپسین themeهای بوت استرپ را خرید.
کاربردهای (مزایای) بوت استرپ در طراحی وب سایت
چرا بایستی بوت استرپ حافظه گرفت؟ چه کاربردهایی بوت استرپ را در پیاده سازی وب سایت و اینترنت نرم افزارها اساسی و موثر مینماید؟ یا این که درواقع، مزیتهای به کار گیری از بوت استرپ در اینترنت صفحه آرایی و پیشرفتی اینترنت نرم افزارها چیست؟
۱. Bootstrap Responsive Grid System
در حالتی که بسطدهنده یا این که نرم افزارنویسی بخواهد با CSS چیزی مثل تصویر پایین را پیاده سازی نماید، ساعتها و ساعتها می بایست کدنویسی اجرا دهد. نو ممکن میباشد فیض آن چیزی نباشد که میمراد میباشد. زیرا در تلفن همراه بهصدق اکران داده نمی شود یا این که مشکلی دارااست. یعنی پیاده سازی عکس العملگرا وجود ندارد.
البته بوت استرپ سیستم grid داراست. یعنی همگیچیز مهیا میباشد. پیشرفتدهنده صرفا می بایست اندازهی فضاها (Container) را و جزئیات دیگر را آنطور که میخواهد تهیه و تنظیم نماید. و آنهارا با محتوایی که میخواهد لبریز نماید. و نگران عکس العملگرایی پیاده سازی هم نباشد.
۲. Bootstrap Responsive Images
طراحان تارنما و بسطدهندگان می دانند که صحیحدرآوردن اندازهی مطلوب برای عکسها، ازنظر برخوردگرایی و اینکه در هر دستگاهی با هر اندازهای بی نقص و صحیح اکران داده شوند، چه بحران بزرگی میباشد. بوت استرپ کدهایی داراست که بهشکل خود کار اندازه و موقعیت عکسها را براساس اندازهی شیتی اکران تهیه و تنظیم مینماید. یعنی نیاز وجود ندارد طراح همیشه پیکربندی عکس را تغییرو تحول دهد و سود را ارزیابی نماید. کافی میباشد مثلا classهای تحت به عکسهای شیت اضافه شوند و برای آن ها المان مامان تعریف و تمجید خواهد شد تا اندازه و موقعیت عکسها بهنسبت المان مامان تهیه خواهد شد:
img-responsive
img-circle
img-rounded
۳. Bootstrap Components
بوت استرپ ابزاری میباشد که تاحد متعددی خیال و خاطر طراح و بسطدهنده را برای پیاده سازی رابط کاربری (UI) و اجرای طرحها شل مینماید. فکر کنید که نیازی نباشد برای اضافهکردن المانها و موادتشکیل دهنده بصری بسیار اصلی به هر شیت از وب سایت مانند نوارهای ناوبری (Navigation Bars)، جدولها، اشکال دکمهها، اشکال آیکونها، گونه های Alertها، Progress Bar، منوهای کشویی (Dropdown Bars)، هیبتها و … کدنویسی CSS اجرا دهید. زیرا در بوت استرپ کلیهی اینها ازپیشتعریف و تمجیدگردیده وجود دارا هستند. و اصلیخیس اینکه به هیچ وجه نیازی وجود ندارد طراح نگران عکس العملگرایی این المانها باشد. همه المانهای ساختهگردیده در بوت استرپ در گوشی به عبارتیقدر بهتر اکران داده می گردند که در برگهاکران ۱۴ اینچی.
۴. Bootstap JavaScript
اقتدار بوت استرپ تنها در دسته کدهای ازپیشمهیای CSS وجود ندارد، دراین قاب ورک پیشرفتدهنده کتابخانهی جی کوئری را هم داراست. ولی نکته اینجاست که آن کدهای جی کوئری در بوت استرپ گفته شده که می توانند به پیاده سازی و زیبایی المانهای بصری بیفزایند. یعنی به طراح تارنما و طراح ui وب سایت قابلیت و امکان ابتکار عمل بیشتر و اجرای طرحهای خلاقانهخیس را می دهند. مثلا، بعضا کدهای جی کوئری که دراین ابزار جان دار میباشد، خاصیتی را بهطور خود کار به المانی اضافه مینمایند.
۵. Bootstrap Documentation
همگیچیز در بوت استرپ بدیهی میباشد. کلیهچیز در زمینهی هرمورد از تجهیزات و کاربردهای این قاب ورک جامعوکامل در وب سایت آن توضیح داده شدهاست. شما حتی در صورتیکه بسطدهندهای بسیار مبتدی و تازه کار باشید، کافی میباشد وارد وبسایت گردید و بروید به بخش documentation. سپس آن کاری را که میخواهید در بوت استرپ اجرا دهید تعیین نمائید. هر توضیح و نمونه و قطعه کدی را که نیاز داشته باشید در مجموعهبندیهای منظم خواهید یافت.
- ۰ ۰
- ۰ نظر