• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



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

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

14 2113 ۱۵ تیر ۹۴
در این جلسه و در قسمت سوم معرفی و بررسی سیستم شبکه بندی (Grid System) در فریم ورک بوت استرپ می پردازیم و به بررسی سایر کلاس ه برای ا ایجاد سیستم شبکه بندی و حالات مختلف چینش آنها ... مطالب مطرح شده در این جلسه عبارتند از :
      • نحوه استفاده ترکیبی از چندین کلاس col برای حالات و اسکرین هایی با سایز متفاوت
      • معرفی equal columns و  unequal columns (ستونهای برابر و نابرابر)
      • بررسی آفستینگ و معرفی کلاس های :
        • col-lg-offset
        • col-md-offset
        • col-sm-offset
        • col-xs-offset
      • نحوه تاثیر گزاری کلاس پایین دست روی کلاس های بالادست در بوت استرپ
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏
    mohammad nikkhah(۱۵ تیر ۱۳۹۴)

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

  • ‏‏
    alireza azami(۱۶ تیر ۱۳۹۴)

    شیوه تدریس بسیار عالی هستش
    اصلا فکر نمیکردم اینقدر از این دوره راضی بشم
    تشکر فراوان ❓

  • ‏‏
    mohammad005(۱۸ تیر ۱۳۹۴)

    سلام استاد صالحی عزیز
    استاد من برای درست کردن قالب مورد نظرم چند فریم ورک را بررسی کردم دیدم اکثرا به این صورت فایل زیر کار می کنند. یعنی مثلا قالب را به 5 بخش تقسیم می کنند و هر بخش هم کلاس های داخلی خودش را داره.
    1- اصلا این روش درسته؟؟ اگر نه روش اصولیش چیه؟؟
    2- استاد به این قسمت بنفش رنگ چه کلاسی بدیم که کل اون قسمت را شامل باشه؟؟
    http://joomlaforum.ir/upload/do.php?imgf=joomlaforum.ir_14364414681.jpg

    • ‏‏
      وحید صالحی(۱۸ تیر ۱۳۹۴)

      سلام
      1-بله کلا روش این هست و تمام فریم ورک های معتبر از این حالت استفاده می کنند و قطعا اصولیه کار دیگه ای نمیشه کرد
      2-منظورتون رو واضح تر بگید الان قسمت بنفش کل عرض سند رو پوشانده!!!منظورتون از کل اون قسمت چیه؟

      • ‏‏
        mohammad005(۱۸ تیر ۱۳۹۴)

        خوب آره استاد . به اون بنفشه چه کلاسی بدیم؟؟ بهش کلاس row دادم overflow پیدا کرد و اسکرول دار شد. منظورم کلاس بزگتری هست که خود container داخلش باشه؟

        • ‏‏
          وحید صالحی(۱۸ تیر ۱۳۹۴)

          محمد جان شما کلاس row رو باید درون کلاس container استفاده کنی نه بیرونش جلسات رو به دقت مشاهد کن اگر می خوای عرض کل صفحه رو بپوشونی باید از کلاس container-fluid استفاده کنی جلسه 6 رو که امروز منتشر شده مشاهد کن در در این مورد توضیح داده ایم.

  • ‏‏
    mehdi karimi(۲۵ تیر ۱۳۹۴)

    سلام استاد
    آموزش عالی بود
    فقط یک سوال دارم ، برای حالت sm یا xs که تمامی ستون ها به صورت افقی زیر هم میچسبن چه چوری میتونیم فاصله بدیم بهشون که بهم نچسبن ؟ یعنی زیرشون یه فاصله ای بیفته
    با مدیا کوئری میدونم میشه ولی راه آسونتری وجود داره ؟ مثلا کلاس پیشفرضی هست ؟

    • ‏‏
      وحید صالحی(۲۵ تیر ۱۳۹۴)

      ممنون اقا مهدی اگر هر بخش رو در یک row قرار بدید این مشکل برطرف میشه در بعضی از مواقع برای رفتار مروگر ها ممکنه باز هم بهم بچسبن که میتوید یه کلاس دل خواه به عنصر مورد نظرتون مثلا همین div ی که کلاس های xs و یا sm دادید بدید و برای اون کلاس در فایل css خودتون یه مارجین top یا bottom به اندازه ای که می خواهید فاصله داشته باشن بدید
      موفق باشید…

  • ‏‏
    Somayeh Shams(۵ خرداد ۱۳۹۵)

    سلام.
    دو تا سوال داشتم استاد:
    1- یکی اینکه در فایل های این جلسه ،فایلی با نام extra class هست که توضیحی راجع بهش نداید. نکته خاصی داره؟
    2- اگر برای سایز xsو sm تعداد ستون رو مشخص نکنیم، مرورگر تعداد ستون رو 12 میگیره. این حالت پیش فرض هست که اگر تعداد ستون رو مشخص نکنیم میاد و کل 12 ستون رو در برمیگیره ؟

    • ‏‏
      وحید صالحی(۵ خرداد ۱۳۹۵)

      سلام دوست عزیز
      1- فایل خاصی نیست که اشتباها ایجاد شده
      2-بله دوست عزیز بصورت پیش فرض 12 در نظر گرفته میشه که در مبحث تاثیر کلاس های پایین دست روی کلاس های بالادست و بلعکس هست که در مورد توضیح دادیم

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram