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

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



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

دوره مجازی فاندیشن (جلسه 12) - کامپوننت ها - منوها - بخش اول

7 589 ۲۴ فروردین ۹۵
در جلسه دوازدهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش اول مبحثمنوها و با کلاس ها و تگ های  آن آشنا خواهیم شد... در این جلسه می پردازیم به :
  • بررسی ساختار اولیه منوها و نحوه ایجاد منوهای افقی و عمودی
  • نحوه تراز بندی و جانمایی منوها توسط کلاس align
  • بررسی کلاس menu
  • بررسی کلاس nested
  • بررسی کلاس active
  • بررسی کلاس menu text
  • برررسی کلاس icon-top و نحوه قرار دادن آیکون برای لینک های منو
  • نحوه ایجاد منوهای آبشاری
  • بررسی کلاس dropdown
  • بررسی اتریبیوت data-dropdown-menu
  • نحوه ایجاد منوهای آبشاری عمودی
  • نحوه ایجاد drill menu ها
  • بررسی اتریبیوت data-drilldown
  • نحوه ایجاد accordion menu ها
  • بررسی اتریبیوت data-accordion -menu
  • بررسی کلاس is-active
  • و...
این مطلب یک جلسه از دوره آموزش جامع فریمورک Foundation (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : امروزه با توجه به پیشرفت سریع تکنولوژی ,مبحث طراحی رسپانسیو و یا به عبارتی واکنشگرا در زمینه وب جز یکی از موارد اجتناب ناپذیر برای طراحان وب می باشد که در کنار چندین فاکتور اساسی و پایه ای دیگر، از مواردی به شمار می رود که نیاز است قبل از هر چیز و شروع پروژه توجه ویژه ای به آن شود و به عنوان یکی از ارکان اصلی پیاده سازی سایت های اینترنتی در بخش UI (رابط کاربری) و همچنین UX (تجربه کاربری) مد نظر قرار گیرد و توجه ویژه ای به آن شود چرا که عدم توجه به آن می تواند منجر به شکست و زیان دهی پروژه گردد. طبق آمار تا پایان سال ۲۰۱۵ بیش از ۹۱ درصد از مردم دنیا دارایی تلفن همراه هستند و و ۶۰ درصد از این جامعه آماری دارای تلفن های هوشمند در مدل های مختلف هستند و از آن برای اتصال به اینترنت و وبگردی استفاده می کنند حال با توجه به طیف وسیعی از کاربرانی که دارای تلفن های هوشمند در ابعاد و اندازه های مختلف هستند طراحان وب ملزم به طراحی UI و رعایت اصول استاندارد UX در طرح های خود می باشند تا کاربران هدف شان که درصد بالایی در جامعه آماری ذکر شده را تشکیل می دهند بتوانند با هر دستگاهی و در هر اندازه ای به راحتی و بدون دردسر و به هم ریختگی در ظاهر و قالب یک سایت آن را مشاهد و مورد کاوش قرار دهند و تجربه لذت بخشی از وبگردی در سایت مورد نظرشان داشته باشند. از این رو و برای راحتی و سرعت بخشیدن به این نوع طراحی (طراحی واکنشگرا) در کنار رعایت استاندارهای لازم، سالانه فریم ورک های مختلفی در این زمینه طراحی و تولید می شوند و به رقابت با سایر رقبای خود در این زمینه می پردازند. به همین دلیل بر آن شدیم تا یکی از فریم ورک های فوق العاده قدرتمند و با سابقه و محبوب در بین طراحان حرفه ای را به صورت اصولی و از پایه تا پیشرفته در قالب مثال های مختلف و متنوع آموزش دهیم. در پایان نیز با کدنویسی 0 تا 100 یک پروژه کاملا حرفه ای و مدرن، به صورت عملی و کاربردی از این فریمورک حرفه ای استفاده خواهیم کرد. لازم به ذکر است که قالب کنونی وب سایت سون لرن هم بر پایه فریم ورک فاندیشن پیاده سازی و طراحی شده است. در این دوره آخرین نسخه فریمورک فاندیشن (نسخه 6) تدریس خواهد شد و شما به روزترین آموزش این فریمورک را در وب فارسی خواهید داشت. امیدواریم این دوره نیز مورد توجه و استقبال علاقمندان قرار گرفته و مفید واقع گردد...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏
    سهیل محمدی(۲ مرداد ۱۳۹۵)

    سلام استاد
    شما در این حلسه اموزش ساخت زیر منوها رو دادین درسته
    اما من میخام برای هر زیر منو یه زیر منو دیگه باشه !! اما شما اصلا اشاره نکردین چجوری باز باید اینکار انجام بشه ؟ منظورم همین منوهای مصلا سون لرن که بعضی از زیر منوها خودشون باز زیر منو دارن

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

      پاسخ این سوال قبلا بهتون داده شده

      • ‏‏
        سهیل محمدی(۴ مرداد ۱۳۹۵)

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

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

          دوست عزیز ایمیلتون رو مجددا چک کنید پاسخ این سوالتون رو دادم به هر حال در دوره هم اشاره شده کافیه همین ساختاری رو که برای ایجاد زیر منوی اول انجام می دید برای یک یا چند لینک دیگه هم در زیر منو انجام بدید یعنی درون li لینک منون دوباره ساختار ul و li هایی که در قسمت قبل برای ایجاد زیر منو استفاده کردید رو استفاده کنید

  • ‏‏
    Arash Taghavi(۳۱ شهریور ۱۳۹۵)

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram