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

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



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

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

2 564 ۲۹ اسفند ۹۴
در جلسه پنجم این دوره آموزش فریم ورک فاندیشن و بخش سوم  این دوره می پرداریم به ادامه معرفی و بررسی سیستم شبکه بندی در فریم ورک فاندیشن در این جلسه می پردازیم به : بررسی مبحث column offseting و نحوه استفاده و معرفی کلاس های آن بررسی مبحث incompele row و نحوه استفاده و معرفی کلاس های آن بررسی مبحث collapse - uncollapse rows و نحوه استفاده و معرفی کلاس های آن بررسی مبحث centered columns و نحوه استفاده و معرفی کلاس های آن
این مطلب یک جلسه از دوره آموزش جامع فریمورک Foundation (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : امروزه با توجه به پیشرفت سریع تکنولوژی ,مبحث طراحی رسپانسیو و یا به عبارتی واکنشگرا در زمینه وب جز یکی از موارد اجتناب ناپذیر برای طراحان وب می باشد که در کنار چندین فاکتور اساسی و پایه ای دیگر، از مواردی به شمار می رود که نیاز است قبل از هر چیز و شروع پروژه توجه ویژه ای به آن شود و به عنوان یکی از ارکان اصلی پیاده سازی سایت های اینترنتی در بخش UI (رابط کاربری) و همچنین UX (تجربه کاربری) مد نظر قرار گیرد و توجه ویژه ای به آن شود چرا که عدم توجه به آن می تواند منجر به شکست و زیان دهی پروژه گردد. طبق آمار تا پایان سال ۲۰۱۵ بیش از ۹۱ درصد از مردم دنیا دارایی تلفن همراه هستند و و ۶۰ درصد از این جامعه آماری دارای تلفن های هوشمند در مدل های مختلف هستند و از آن برای اتصال به اینترنت و وبگردی استفاده می کنند حال با توجه به طیف وسیعی از کاربرانی که دارای تلفن های هوشمند در ابعاد و اندازه های مختلف هستند طراحان وب ملزم به طراحی UI و رعایت اصول استاندارد UX در طرح های خود می باشند تا کاربران هدف شان که درصد بالایی در جامعه آماری ذکر شده را تشکیل می دهند بتوانند با هر دستگاهی و در هر اندازه ای به راحتی و بدون دردسر و به هم ریختگی در ظاهر و قالب یک سایت آن را مشاهد و مورد کاوش قرار دهند و تجربه لذت بخشی از وبگردی در سایت مورد نظرشان داشته باشند. از این رو و برای راحتی و سرعت بخشیدن به این نوع طراحی (طراحی واکنشگرا) در کنار رعایت استاندارهای لازم، سالانه فریم ورک های مختلفی در این زمینه طراحی و تولید می شوند و به رقابت با سایر رقبای خود در این زمینه می پردازند. به همین دلیل بر آن شدیم تا یکی از فریم ورک های فوق العاده قدرتمند و با سابقه و محبوب در بین طراحان حرفه ای را به صورت اصولی و از پایه تا پیشرفته در قالب مثال های مختلف و متنوع آموزش دهیم. در پایان نیز با کدنویسی 0 تا 100 یک پروژه کاملا حرفه ای و مدرن، به صورت عملی و کاربردی از این فریمورک حرفه ای استفاده خواهیم کرد. لازم به ذکر است که قالب کنونی وب سایت سون لرن هم بر پایه فریم ورک فاندیشن پیاده سازی و طراحی شده است. در این دوره آخرین نسخه فریمورک فاندیشن (نسخه 6) تدریس خواهد شد و شما به روزترین آموزش این فریمورک را در وب فارسی خواهید داشت. امیدواریم این دوره نیز مورد توجه و استقبال علاقمندان قرار گرفته و مفید واقع گردد...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏

    سلام استاد. جناب صالحی من به طور امتحانی اومدم و دو باکس رو در حالت small برای صفحه نمایش در کنار هم قرار دادم و برای سمت راستی از کلاس small-4 column small-push-2 و برای دومی از کلاس small-4 column end استفاده کردم و دیدم که این دو باکس روی هم می افتند. دلیلش رو در کدهای هسته فاندیشن بررسی کردم و دیدم که کدها به این صورت بودند.

    در واقع برای کلاس small-push-2 از position:relative استفاده شده و برای باکس سمت چپ float: right استفاده شده که همین دلیل رو هم افتادن دو باکس میشه. آیا این می تونه یه عیب در هسته فاندیشن باشه یا اینکه وقتی از کلاس end برای باکس دوم استفاده میشه حتما باید باکس اولی کلاس small-offset-2 داشته باشه تا مشکلی پیش نیاد

    • ‏‏
      وحید صالحی(۲۹ اسفند ۱۳۹۴)

      عیب به این سادگی در یک فریم ورک استاندارد ئیدا نمیشه :-) خاصیت relative به خاطر این داده شده که اگر دورن عنصری که این کلاس رو داشت و زمانی نیاز شد که از خاصین absolute براش استفاده بشه دیگه لازم نباشه بصورت دستی بیاد و درون فایل استایل خودتون خاصیت relative رو براش تعریف کنید در حقیقت مواردی براش پی بینی شده اگر در ویدئو این جلسه هم دقیت کرده باشید اشاره شد اگر تصمیم گرفتید تنها با استفاده از offset بلک ها رو جاشون رو مشخص کنید حتما به عنصر آخر باید کلاس end رو بدید کما اینکه در ویدیو هم استفاده کردیم و مشکلی نداشت در ضمن زمانی که 2 تا یا بیشتر از کلاس های شبکه بندی رو با هم استفاده می کنید مثل این مورد small-4 column small-push-2 بهتر برای رعایت اصول و قواعد بجای column از columns استفاده کنید اگر چه حالت اول هم گفتیم که مشکلی ایجاد نمی کنه ولی حالت دوم استاندارد و توصیه شدس موفق باشید

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram