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

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



  آیا می دانید تا کنون 6253 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

49 3448 ۸ تیر ۹۴
در این جلسه به معرفی و بررسی سیستم شبکه بندی (Grid System) در فریم ورک بوت استرپ می پردازیم و به بررسی ماهیت و عمل کرد آن خواهیم پرداخت .در ضمن یکسری از ابزار های کاربردی برای سهولت کار و درک بیشتر سیستم شبکه بندی را خدمت شما معرفی خواهیم کرد... مطالب مطرح شده در این جلسه عبارتند از :
  • معرفی و نصب ابزار Grid Displayer برای درک بهتر ساختار شبکه بندی
  • نصب افزونه Firebug جایگزینی مناسب برای Inspect Element گوگل کروم در فایرفاکس
  • نصب افزونه MeasureIt (خط کش) فایرفاکس
  • نصب افزونه Tab Auto Reload برای رفرش خودکار صفحات
  • معرفی ساختار سیستم شبکه بندی
  • معرفی کلاس اختصاصی container-fluid,container و مفهوم Column ها و Gutter ها در سیستم شبکه بندی
  • بررسی مدیا کوئری های استاندارد بکار رفته در ساختار فریم ورک بوت استرپ
  • مروری بر کلاس های اختصاصی سیستم شبکه بندی(col-xs,col-sm,col,md-col-lg)
  • بررسی رفتار های شبکه و ستون ها در مدیا کوئری ها و صفحه نمایش دستگاه های مختلف
  • بررسی برک پوینت های  Major و Minor
  •  معرفی کلاس اختصاصی row برای ایجاد ردیف های سیستم شبکه بندی بوت استرپ در سند
  • شروع ایجاد ساختار شبکه بندی و استفاده ترکیبی از کلاس های  container,row,col-lg
  • معرفی کلاس عمومی well برای ایجاد یک باکس
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏

    مشکل Grid displayer حل شد. همون طوری که راهنمایی کردید.

  • ‏‏

    سلام استاد خسته نباشید . استاد صالحی یه سوال داشتم اینکه من میخوام یه پنل دیگه زیره همین پنل که توی عکسی که آپ کردم داشته باشم ولی فاصله سمته راستو چجوری پر کنم نمیخوام چیزی بزارم
    http://8pic.ir/images/nzmysqhk308alxr1xjxy.png
    با این روش که یه تگ دیو با کلاس 2 ستون بزارم هونجا تگو ببندم چیزی بین 2 تا تگ نباشه بعدش برای پنل همون کدی که برای پنل هست رو کپی کنم میخوام بدونم بدون این روش میشه یا خیر ممنون

  • ‏‏
    mohamad mohamadi(۳ دی ۱۳۹۴)

    چقدر بوت استرپ جالبه چقد کارو راحت میکنه 😛

  • ‏‏
    مرتضی(۱۱ دی ۱۳۹۴)

    سلام و خسته نباشید.
    کیفیت صدا خیلی بد هستش. تا جایی هم که یادمه سیستم های با کیفیت خریداری کرده بودین. ولی صدایی مثل صدای نویز زیاد داشت این جلسه.

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

      سلام آقا مرتضی صدا مشکلی نداره و همه کاربران راضی بودن با این حال از جلسه 6 این دوره صدا بخاطر استفاده از تجهیزات با کیفیت, صدا بسیار مطلوب تر هست و اگر مشکلی براتون پیش اومده عذر خواهی میکنم
      موفق باشید

  • ‏‏

    با سلام. من از داخل php storm نمیتونم فایل ها رو اجرا کنم. موقع اجرا در مرورگر این ادرس
    http://localhost:63342/index.html
    درج میشه. باید حتما روی خود فایل index کلیک کنم تا در مرورگر نمایش داده بشه. لطفا راهنمایی کنید

  • ‏‏

    سلام جناب مهندس صالحی عزیز
    من امروز دوره بوت استرپ و فتوشاپ شما رو تهیه کردم و تازه موفق شدم دو سه تا از فیلمهای بوت استرپ رو ببینم. خواستم به خاطر زحمتی که برای تهیه این آموزشها کشیدین ازتون تشکر کنم. بسیار عالی تدریس کردین و همه چیز رو با جزئیات کامل و یک ریتم سرعت بسیار مناسب درس میدین. نمونه کار شما رو کمتر میشه دید و البته در آموزش بوت استرپ که من اصلاً مشابهش رو ندیدم، با اینکه خیلی جستجو میکنم در زمینه برنامه نویسی تحت وب.
    امیدوارم که خداوند به شما سلامتی همیشگی عنایت کنه و انرژی ذهنیتون رو هر روز بیشتر و بیشتر کنه تا بتونید در راه کسب علوم جدید تلاش بیشتری داشته باشید و با چنین آموزشهایی به علاقمندان یادگیری کمک بیشتری کنید.
    واقعاً تمام آموزشهایی که تو سایت سون ارن هست بسیار عالی به نظر میرسه و از نحوه تدریس و شیوه قیمت گذاری کاملاً مشخصه که اداره کنندگان سون لرن بر خلاف خیلی از سایتهای دیگه با اهداف مالی کار نمی کنند. البته کسی که تمام شبانه روز خودش رو برای یک کاری صرف میکنه به طور قطع باید جنبه مادی رو هم در نظر بگیره، اما کاملاً مشخصه که مدرسان سون لرن به جنبه مادی کار، به عنوان اولویت اول فکر نمیکنند.
    از جناب دکتر آوند بابت ایجاد یک چنین سایتی و از شما به خاطر کیفیت بسیار ممتاز آموزشهاتون تشکر میکنم و امیدوارم هر روز شاهد پیشرفت در کیفیت کارتون باشیم.

  • ‏‏
    سحر بشری(۳۰ شهریور ۱۳۹۵)

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

  • ‏‏
    حمیدرضا شریف(۲ آذر ۱۳۹۵)

    سلام
    بوت استرپ بریک پوینت 480px رو نداره لطفا کدهای لازم و تغییرات لازم برای اضافه کردن این بریک پوینت رو در اختیار ما بگذارید . من البته خودم میتونم col-tn رو اضافه کنم ولی مطمئن نیستم همه تغییرات لازم رو انجام داده باشم.

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram