تالار گفتگوی کیش تک/ kishtech forum
  • سردر
  • جستجو
  • فهرست اعضا
  • سالنامه
  • راهنما
درود مهمان گرامی! ورود ثبت‌نام
ورود
نام کاربری:
گذرواژه‌:
گذرواژه‌تان را فراموش کرده‌اید؟
 
تالار گفتگوی کیش تک/ kishtech forum › پردیس فناوری کیش › فناوری اطلاعات و ارتباطات v
« قبلی 1 … 70 71 72 73 74 … 81 بعدی »

طراحی سایت با بوت استرپ:

امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
حالت موضوعی
طراحی سایت با بوت استرپ:
sitecup1 آفلاین
عضو عادی
***
ارسال‌ها: 205
موضوع‌ها: 205
تاریخ عضویت: Oct 2017
اعتبار: 0
#1
26-11-2017, 11:06 PM
 
بوت استرپ (Bootstrap) چیست؟
زمانی که صحبت طراحی سایت میشود بوت استرپ از جمله فریم ورک هایی هستش که بیشترین محبوبیت را میان طراحان سایت دارد. فریم ورک های طراحی وب سایت شامل تعدادی کد آماده است که طراحان میتوانند از آن برای ساخت قالب های خودشان استفاده کنند. این که استفاده از فریم ورک ها چه مزیتی برای طراحی سایت دارد میتوان موارد زیر را نام برد:
1.[font=Times New Roman]      [/font]استفاده از کد ها و امکاناتی که در فریم ورک وجود دارد باعث میشود طراح از جزئیات خارج شده و تمرکز خودش را روی زیبایی طرح بگذارد
2.[font=Times New Roman]      [/font]فریم روک ها معمولا دارای امکانات ریسپانسیو و واکنشگرایی هستند که از مهمترین امکانات فریم ورک ها است
3.[font=Times New Roman]      [/font]فریم ورک ها سرعت طراحی سایت را بالا میبرد
4.[font=Times New Roman]      [/font]…
بوت استرپ شامل دستورات ، css ، html و تابع های جاوا اسکریپت برای نمایش div ها و دکمه ها و ستون ها و… است که مورد نیاز همه طراحان است.
بوت استرپ اولین بار توسط برنامه نویسان توییتر برای استفاده در چارچوب اصلی سایت طراحی و نوشته شد. قبل از طراحی بوت استرپ موارد مشابهی مثل بوت استرپ طراحی شده بودند که چندان مورد علاقه طراحان نبودند. به دلیل اینکه نمونه های قبلی دارای نواقصی بود که برای طراحان ازیت کننده بود به همین دلیل مورد استفاده قرار نمیگرفتن. این دلیل انگیزه خوبی بود برای طراحان توییتر تا فریم ورکی را طراحی کنند که بدون مشکل کار کند. در سال ۲۰۱۱  توییتر تصمیم گرفت این فریم ورک را متن باز در اختیار همگان قرار دهد که باعث شد به محبوب ترین فریم ورک طراحی سایت تبدیل شود
امکانات بوت استرپ
این فریم ورک با تمام مرورگر های استانداری که وجوددارد کاملا همخوانی دارد و حتی با نسخه های قدیمی مثل اینترنت اکسپلورر۸ هم همخوانی دارد و ظاهر زیبایی دارد.
از نسخه۲ بوت استرپ شروع به طراحی به سبک واکنشگرا و ریسپانسیو کرد که باعث میشد در صفحات موبایل وتبلت نیز به طیبایی نشان داده شود. اگر با طراح یواکنشگرا آشنا نیستید میتونید مقاله های مربوط به واکنشگرایی را در مقالات طراحی سایت اسپیناس بخونید.
یکی از ویژگی های بوت استرپ همان طور که گفته شد متن باز بودن آن و قابلیت دانلود رایگان در github است. که باعث پیشرفت این فریم ورک در گذر زمان و همچنین راست چین کردن آن شده است تا مورد استفاده کشورهای عربی و فارسی باشد. زبان فارسی و یا عربی به دلیل اینکه نوع چیدمانش با انگلیسی خیلی متفاوت است نیاز به این دارد که کلا css و jquery آن تغییر کند و همین متن باز بودن باعث شده اسن نسخه های زیادی از فریم ورک بوت استرپ راستچین شده در اختیار باشد
نحوه عملکرد بوت استرپ
ممکن تا اینجا مقاله دقیقا متوجه نشده باشید که بوت استرپ چیست و چه مزیتی برای طراحان دارد. یک مقداری دقیق تر و واضح تر در مورد بوت استرپ صحبت کنیم:
بوت استرپ دارای فایل های css و js است که برای طراحی سایتتان با کمک بوت استرپ باید آن ها را به فایل خودتان اضافه کنید. در سایت bootstrap.com میتوانید تمامی امکاناتی که این فریم ورک در اختیار شما قرار میدهد را مشاهده کنید و موقع استفاده از این امکانات فقط کافی است که کدها و کلاس های اختصاصی تعریف شده در این فریم ورک را در داخل کدهای خودتان استفاده کنید.
شما به عنوان یک طراح حتما دوست دارید که اجزای سایت شما به صورت کاملا منظم و ساختار مندی سرجای خودشان قرار بگیرند تا زیبایی سایتتان را حفظ کنید.بوت استرپ به شما این امکان را میدهد تا با ویژگی ستون بندی قالبتان شما یک ساختار منظم را داشته باشید. در واقع بوت استرپ دارای یک سری ویژگی ها وکلاس های از پیش تعریف شده ای است که طراحان را به طراحی سایت های منظم و ساختار مند ترغیب میکند که باعث میشود قالب اصلی سایتتان در عین عرض بودن در وسط صفحه قرار بگیرد و ظاهری زیبا به خود بگیرد.
وجود بوت استرپ سختی های طراحی ریسپانسیو را برای طراحان آسان کرده و از سختی کار کم کرده است. با استفاده از بوت استرپ شما میتوانید بدون نیاز به استفاده از media و با نوشتن کلاس های اختصاصی بوت استرپ یک سایت ریسپانسیو و زیبا داشته باشید
در این مقاله با معنای اصلی بوت استرپ آشنا شدید در مقالات بعدی شروع به آموزش این فریم ورک پرکاربد و مهم میکنیم. با مقالات بعدی آموزشی طراحی سایت  همراه باشید
.
طراحی سایت
وب سایت ارسال‌ها
پاسخ
« قدیمی‌تر | جدیدتر »


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ایجاد Sitelinks برای سایت selectak 0 3,527 04-03-2025, 05:32 PM
آخرین ارسال: selectak
  بهترین شرکت طراحی سایت fateme11 0 5,644 07-08-2023, 09:51 AM
آخرین ارسال: fateme11
  ترفندهای ایمن سازی سایت های وردپرس selectak 0 10,414 03-08-2023, 01:47 PM
آخرین ارسال: selectak
  چگونه یک صفحه 404 جذاب طراحی کنیم؟ A00028 0 2,308 08-04-2023, 04:25 PM
آخرین ارسال: A00028
  پکیج طراحی و راه اندازی سایت WORDPRESS mohsen00 0 956 11-03-2023, 02:59 PM
آخرین ارسال: mohsen00
  طراحی سایت و سئو در کیش و قشم mrmousavi 1 581 29-01-2023, 07:29 PM
آخرین ارسال: mrmousavi
Lightbulb طراحی اپلیکیشن fatemenouhi 0 550 25-12-2022, 12:41 PM
آخرین ارسال: fatemenouhi
  طراحی سایت fatemeh eskandari 0 526 06-12-2022, 06:39 PM
آخرین ارسال: fatemeh eskandari
  اهمیت کراول باجت در سئو سایت( بخش دوم) taraa25 0 1,098 24-10-2022, 05:29 PM
آخرین ارسال: taraa25
  اهمیت کراول باجت در سئو سایت taraa25 0 1,059 24-10-2022, 05:24 PM
آخرین ارسال: taraa25

  • مشاهده‌ی نسخه‌ی قابل چاپ
پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
  • تیم انجمن
  • صفحه‌ی تماس
  • تالار کیش تک / kishtech forum
  • بازگشت به بالا
  • بایگانی
  • نشانه‌گذاری تمامی انجمن‌ها به عنوان خوانده شده
  • پیوند سایتی RSS
زمان کنونی: 29-05-2025، 11:12 AM Persian Translation by MyBBIran.com - Ver: 6.5
Powered by MyBB, © 2002-2025 MyBB Group.