تگ های مقالات آموزشی

دات نت نیوک دی ان ان dotnetnuke سئو دات نت نیوک سئو SEO DNN SEO Dot net nuke نصب دی ان ان آموزش نصب دی ان ان سئو دی ان ان حفره امنیتی راه اندازی دی ان ان ایمن سازی دی ان ان امنیت دی ان ان امنیت دات نت نیوک نصب دی ان ان فارسی نیوک نحوه نصب دی ان ان آموزش نصب دی ان ان 9 نصب دی ان ان 9 در پلسک مشکل امنیتی ماژول های مندیپس راه حل رفع مشکل امنیتی باگ امنیتی دی ان ان باگ مندیپس اکسپولوریت ماژول دی ان ان مشکلات امنیتی دات نت باگ امنیتی دات نت باگ اپلود به سایت مشکل امنیتی دی ان ان در اپلود راه حل امنیتی رفع مشکل باگ ماژول مندیپز mandeeps bug fix mandeeps product bug bug Security bug dnn Security bug mandeeps dnn explorit نصب دی ان ان 7 نصب دی ان ان 8 نصب dnn 8 آموزش گام به گام نصب دی ان ان نصب IIS راه اندازی نصب Dnn نصب dotnetnuke نصب دی ان ان در لوکال هاست نصب دات نت نیوک در لوکال هاست مشکل نصب دی ان ان در لوکال هاست دات نت نیوک فارسی نصب دی ان ان در کامپیوتر نصب آفلاین دی ان ان نصب dnn در لوکال هاست نصب dnn loclhost install dnn localhost dnn farsi install persian dnn نصب dnn 7 نصب IIS در ویندوز ایجاد دیتا بیس

آرشیو مقالات آموزشی

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

7470 بازدید
4 نظر
 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 تعداد 7470 امتیاز دهنده
Bootstrap چیست و چه کاربردی دارد؟ و استفاده بوت استرپ در دات نت نیوک معرفی بوت استرپ و کاربرد بوت استرپ و معایب آن و نحوه استفاده بوت استرپ در دات نت نیوک و دانلود آخرین نسخه بوت استرپ فارسی و دانلود آخرین نسخه خام اسکین دات نت نیوک با چهارچوب بوت استرپ فارسی و جهت دانلود رایگان و یاد گیری نحوه استفاده ار بوت استرپ فارسی به ادامه مطلب مراجعه کنید

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

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

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

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

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

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

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

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

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

2
1

ضیایی

1394/09/06 10:49 ق.ظ

با سلام

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

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

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

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

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


0
1

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

1394/09/06 05:47 ب.ظ

با سلام ,

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

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

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

با تشکر


0
0

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

1395/12/05 10:33 ق.ظ

سلام

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

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


0
0

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

1395/12/06 03:30 ب.ظ

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

نوشتن یک نظر

افزودن نظر

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

مقالات آموزشی دی ان ان فارسی

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