آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی بوت استرپ (جلسه 6): معرفی و بررسی سیستم شبکه بندی-قسمت چهارم

54 3394 ۱۸ تیر ۹۴
در این جلسه و در قسمت چهارم معرفی و بررسی سیستم شبکه بندی (Grid System) در فریم ورک بوت استرپ می پردازیم و به بیان ناگفته ها و موارد باقی مانده از این مبحث و در آخر هم در قالب یک مینی پروژه ساده آنچه را که تا این جلسه عنوان کردیم رو در قالب چارچوبی ساده از یک قالب پیاده سازی خواهیم کرد... مطالب مطرح شده در این جلسه عبارتند از :
  • معرفی کلاس pull و بررسی ساختار و کاربرد آن
  • معرفی کلاس push و بررسی ساختار و کاربرد آن
  • بررسی columns ordering و نحوه سفارشی سازی الویت نمایش بلاک های ایجاد شده
  • بررسی column nesting و نحوه ایجاد بلاک های تو در تو
  • معرفی کلاس container-fluid برای طراحی تمام صفحه
  • بررسی چارچوب fluid layout
  • بررسی چارچوب fixed layout
  • معرفی کلاس jombotron برای ایجاد یک باکس در سند
  • نحوه سفارشی سازی کلاس container و ایجاد عرض دلخواه برای آن
  • ایجاد ساختار اولیه یک قالب واکنشگرا در قالب یک مینی پروژه بر پایه آنچه که تا این جلسه آموخته ایم
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 54 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام استاد صالحی
    در قسمت مینی پروژه زمانیکه به کلاس menu , مارجین bottom دادین به ارتفاع آن اضافه شد می خواستم علتش رو بدونم , آخه من برای اولین بار هست که با یه همچین موردی برخورد می کنم که مارجین bottom به ارتفاع اضافه کنه…

  • ‏‏
    سید روح اله حسینی(۱۹ اردیبهشت ۱۳۹۶)

    سلام و عرض ادب
    من فایل تمرینات شما را درمرورگر فابرفاکس ( آخرین ورژن ) باز میکنم ولی فونت ها به صورت معمولی نمایش میده و استایل فونت بی یکان را نمیگیرد . حتی تکس اینکودینک را روی unicode تنظیم کردم ولی بازم همون طوره …جالبه با انترنت اکسپلور و کروم خوب نمایش میده فقط با فابرفاکس مشکل داره لطفا راهنمایی کنید.

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram