سال نو مبارک 1403

آرشیو بلاگ دی ان ان پلاس

Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک

11571 بازدید
6 نظر
 Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک

Bootstrap ( بوت استرپ )چیست؟

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

 

 آلمان های بوت استرپ در دات نت نیوک

 

نمونه ای از المان های پیش فرض Bootstrap

در اگوست سال 2011، توییتر Bootstrap را بصورت متن باز و رایگان در اختیار دیگران قرارداد و در فوریه 2012 به محبوب ترین پروژه در سایت Github تبدیل شده بود.

 

تاریخچه کلمه Bootstrap چیست؟

جدای از بحث مربوط به طراحی وب و موارد مربوط به آن، عبارت Bootstrap به تنهایی به معنی “خود راه انداز” بوده و کلمه Bootstraping به معنی راه اندازی یک فرآیند بصورت مستقل و بدون استفاده از منابع خارجی می باشد. این عبارت در علم کامپیوتر کمی کوتاه تر شده و با عنوان Booting بکار میرود، که نشان دهنده فرآیند راه اندازی سیستم و وارد سازی اطلاعات اولیه نرم افزار در حافظه کامپیوتر می باشد.

 

پوتین در بوت استرپ دی ان انکلمه Boot در زبان انگلیسی به معنی پوتین یا چکمه می باشد، برخی از پوتین ها زبانه کوچکی در انتهای خود دارند که هنگام پوشیدن پوتین برای قرارگرفتن بهتر پا در آن استفاده میشود (چیزی شبیه به پاشنه کش) این زبانه با نام Bootstrap شناخته میشود.

 

 

معرفی امکانات Bootstrap

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

برای آشنایی بهتر با طراحی واکنشگرا میتوانید به مقاله ای با عنوان طراحی Responsive چیست مراجعه نمایید.
Bootstrap متن باز بوده و در سایت Github برای دانلود رایگان قرارگرفته است. امکان همکاری در این پروژه و شخصی سازی امکانات و ظاهر آن فراهم شده است و تاکنون مستندات مربوط به آن به چندین زبان دنیا ترجمه شده است.

 

اسکین دات نت نیوک ریسپانسیو

با توجه به راست چین بودن نوشتار فارسی و تفاوت چیدمان مطالب با سایت های انگلیسی نیاز به تغییرات اساسی در کدهای CSS و توابع jQuery احساس میشود که با جستجو در اینترنت سایت Bootstrap فارسی را یافتیم. این سایت علاوه بر تغییر کدهای اولیه مستندات و آموزش های مربوط به Bootstrap را نیز به زبان فارسی ارائه داده است که میتواند برای شروع به کار بسیار مناسب باشد.

 

Bootstrap به زبان ساده!

شاید هنوز هم با امکانات و توانایی های Bootstrap بخوبی آشنا نشده باشید و یا دقیقا متوجه کاربرد آن نشوید. در این بخش کمی ساده تر امکانات و توانایی های آن را بررسی خواهیم کرد.
بزرگترین مشکل طراحان وب و کدنویسان قدیمی، ایجاد ظاهری زیبا و مناسب است! بله دقیقا مشکل اساسی اینجاست. اصول کدنویسی و ایجاد زیربنا و ساختار مناسب برای یک سایت بسیار مهم و پیچیده است ولی نمایش صحیح خروجی کار و ایجاد یک فضای کاربرپسند نیز اهمیت بسیار بالایی خواهد داشت.
Bootstrap قصد دارد که خلاء میان طراحی و کدنویسی را از میان برداشته و کدنویسان را ترغیب به استفاده از طراحی های پیش فرض و استاندارد نماید. به همین منظور دستورات CSS و توابع jQuery مورد نیاز را برای شما فراهم کرده است تا شما بتوانید با استفاده از دستورات پیش فرض و رعایت اصول متناسب با طراحی Bootstrap زمان راه اندازی یک پروژه را تا حد زیادی کاهش داده و خروجی آن را متناسب با استانداردهای روز دنیا پیش ببرید.
اگر طراحی سایت را به آشپزی تشبیه کنیم، دستورات asp.net یا  php  همانند مواد اولیه در پخت یک غذا بوده و وظیفه تامین مواد غذایی لازم را برعهده دارد، کدهای HTML همانند دستورالعمل پخت غذا است که خروجی مورد نظر شما را از مواد اولیه ایجاد میکند. دستورات CSS شباهت زیادی به نحوه کشیدن غذا در ظرف و نحوه ارائه آن در سفره دارد! خوشمزه ترین غذای دنیا نیز اگر در ظرف پلاستیکی و بصورت نامناسب سرو شود ممکن نیست که رضایت افراد را جلب کند ولی ارائه مناسب و زیبای یک غذای ساده میتواند اشتهای سخت گیرترین افراد را نیز برانگیزد.
Bootstrap به شما در نحوه ارائه غذا و بهبود نمایش صفحات وب بسیار کمک میکند، مهمتر از هرچیز دیگر سرعت بالای کار با آن است که زمان راه اندازی و اتمام یک پروژه را حتی تا 80 درصد کاهش میدهد

 

مشکل Bootstrap چیست؟

پروژه Bootstrap با هدفی مشخص و ایده ای ستودنی راه اندازی شده است و در این مسیر سومین نسخه خود را تجربه میکند. طراحان زیادی از استانداردهای آن بهره میبرند و افراد زیادی استفاده از Bootstrap در طراحی سایت را یک مزیت مهم میدانند ولی مشکل اصلی زمانی ایجاد میشود که شما وابستگی زیادی به طراحی اولیه آن داشته باشید.
امروز شاهد سایت های زیادی هستیم که همگی ظاهر نسبتا یکسانی داشته و به راحتی میتوان ردپای Bootstrap را در آن دید. بعنوان مثال رنگ مشکلی هدر سایت، حاشیه های 1 پیکسلی خاکستری و دکمه های آبی و قرمز با ظاهری مشخص نشان دهنده بکارگیری  Bootstrap در یک سایت هستند، در حالیکه با کمی تغییر میتوان ظاهری جدید و متفاوت به هریک از این بخش ها داده و رنگ بندی های دلخواه خود را در آنها ایجاد نمود.
اگر روند استفاده از Bootstrap به همین شکل ادامه پیدا کند ممکن است در آینده تشخیص سایت های اینترنی از یکدیگر کمی دشوار شده و همگی دارای ظاهری یکسان و تکراری گردند. این مسئله به معنی مخالفت ما با این سیستم و امکانات آن نیست بلکه منظور آن است که بیایید تا این امکانات را در راستای بهبود فضای اینترنت بکار گرفته و خلاقیت خود را فراموش نکنیم.

 

 

استفاده از BootStrap در دات نت نیوک :

ما نیز برای طراحی اسکین و تم دات نت نیوک نیز از این چارچوب یا Framework استفاده میکنم و جزئیات کار و نحوه استفاده از آخرین نسخه بوت استرپ را به شما آموزش خواهیم داد.

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

 

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

جهت دانلود اسکین (تم) دات نت نیوک با ساختار بوت استرپ به قسمت ضمیمه مقاله مراجعه کنید.

 

 

 

اطلاعات و تجربه شما در کار با Bootstrap را با ما و دیگران به اشتراک بگذارید و اگر منابع فارسی مناسبی برای آموزش این سیستم می شناسید در بخش نظرات همین مقاله معرفی کنید.

Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک دی ان ان پلاس
4/3 5
امتیاز 4/3 /5 تعداد 11571 امتیاز دهنده
Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک معرفی بوت استرپ و کاربرد بوت استرپ و معایب آن و نحوه استفاده بوت استرپ در دات نت نیوک و دانلود آخرین نسخه بوت استرپ فارسی و دانلود آخرین نسخه خام اسکین دات نت نیوک با چهارچوب بوت استرپ فارسی و جهت دانلود رایگان و یاد گیری نحوه استفاده ار بوت استرپ فارسی به ادامه مطلب مراجعه کنید

Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک

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

Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک

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

Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک

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

نویسنده: سهیل خیری (مدیر دی‌ان‌ان پلاس) / دسته ها: دی ان ان (دات نت نیوک), پوسته, دانلود افزونه, مقالات آموزشی, آموزش های کاربردی

رتبه بندی این مطلب:
4/3

فایل ها برای دانلود

6 نظر در مطلب " Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک" ثبت شده است

2
1
Avatar image

ضیایی

1394/09/06 11:19 ق.ظ

با سلام

ممنون از زحمات شما .

دو پیشنهاد داشتم

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

2.اگر css کامل راستچین بشه بهتره نسبت به min چون استفاده کننده برای تغیر در min یکم مشکل داره

در پایان باز هم از شما تشکر میکنم


0
1
Avatar image

سهیل خیری (مدیر دی‌ان‌ان پلاس)

1394/09/06 06:17 ب.ظ

با سلام ,

ممنون از بازخورد شما .

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

در خصوص دریافت نسخه های جدید راست چین شدن بوت استرپ ما فارسی میکنم برای خودمون اگر خواستید در انجمن مطرح کنید تا برای شما هم ارائه کنیم .

با تشکر


0
0
Avatar image

فاطمه یاری فلاح

1395/12/05 11:03 ق.ظ

سلام

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

مثلا استفاده از اسلایدب در قالب xcilicon در فریم ورک دات نت نیوک


0
0
Avatar image

سهیل خیری (مدیر دی‌ان‌ان پلاس)

1395/12/06 04:00 ب.ظ

در اینده نزدیک قصد داریم فیلم آموزشی نصب و راه اندازی و اموزش محیط مدیریت دی ان ان و از جمله اموزش طراحی قالب دی ان ان را به صورت فیلم اموزشی ارائه کنیم که در خصوص مسئله استفاده از بوت استرپ در قالب دی ان ان نیز توضیحات لازم را ارائه خواهیم داد . اما زمان ارائه هنوز مشخص نیست .


0
0
Avatar image

جمشیدی

1398/05/14 03:27 ب.ظ

سلام . قرار شد استفاده از بوت استرپ در قالب دی ان ان نیز توضیحات لازم را ارائه کنید


0
0
Avatar image

سهیل خیری (مدیر دی‌ان‌ان پلاس)

1398/05/14 06:37 ب.ظ

سلام و درود .

استفاده از قالب بوت استرپ در دی ان ان به صورت یک پوسته نمونه ارائه شده میتوانید آن را توسعه دهید . توسعه آن بیشتر آشنایی html , css و آشنایی با بوت استرپ است . چون بستر آن در دی ان ان با پوسته نمونه دانلودی ارائه شده قابل پیاده سازی است .

نوشتن یک نظر

This form collects your name, email, IP address and content so that we can keep track of the comments placed on the website. For more info check our Privacy Policy and Terms Of Use where you will get more info on where, how and why we store your data.
افزودن نظر

انتخابگر پوسته

پشتیبانی آنلاین تلگرامی

بلاگ دی ان ان پلاس

مرجع دی‌ان‌ان فارسی و دات‌نت‌نیوک فارسی در ایران با نام تجاری دی‌ان‌ان پلاس ارائه انواع ماژول و پوسته دی ان ان انتشار آخرین نسخه بومی پلتفرم دی ان ان فارسی (دی‌ان‌ان فارسی) یکی از بهترین CMS ها برای سایت های سازمانی و شرکتی و استارت اپ‌ها
دی ان ان