افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

افرا گرافیک

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

آموزش bootstrap- bootstrap چیست؟

آموزش bootstrap 

 قسمت اول

Bootstrap چیست؟

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

استفاده از فریم ورک ها چه مزیت هایی دارد ؟

  1. بدیلی اینکه یکسری کمد از قبل آماده اند و طراح فقط از این کد ها استفاده میکند و نیازی به نوشتن کد نیست سرعت طراحی را بالا میبرد.
  2. اکثر فریم ورک ها از قبیل بوت استرپ در مرورگر های شناخته شده و استاندارد با یک ظاهر و بدون هیچ بهم ریختگی اجرا میشوند.
  3. اکثر فریم ورک ها از قبیل بوت استرپ قابلیت رسپانسیو کردن را در اختیار طراح میگذارند.
  4. وجود کد های زیبا و استاندارد باعث زیبایی استایل تم خواهد شد.

طریقه اضافه کردن framework بوت استرپ به برنامه Microsoft visual studio 2012

  1. ابتدا در صفحه اول برنامه یک وب سایت خالی ایجاد میکنیم

6357654790917097381.jpg

2. بر روی نام وب سایت  کلیک راست کرده و گزینه  Manage NuGet Package را انتخاب کنید

 

6357654851587167512.jpg

3. با نصب کرن Bootstrap css تمامی فایل های فریم ورک  بوت استرپ به برنامه شما اضافه می شود

 

6357654858424658603.jpg

4. در تگ head  صفحه وب خود چهار گزینه زیر را از پوشه Content  و Script اضافه کنید

 

6357654864791922784.jpg

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

 

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

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


برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022