یک قدم تا موفقیت ! wb-learn.com

وب لرن مرجع آموزشی برای شما کاربران عزیزی که به دنبال یادگیری وب هستید می باشد و در این وب سایت هر آنچه که می خواهید را می توانید پیدا کنید

با عضویت در وب لرن
  • از کد های تخفیف استفاده می کنید
  • به راحتی دانلود می کنید
  • هم یار وب لرن می شوید

همین الان ، عضو شوید

بدون نظر

chat

بازدید : 1,028

eye

دوره آموزش کامل طراحی منوی کشویی واکنشگرا (Responsive)

اطلاعات کلی آموزش

به نام خدا

با عرض سلام خدمت کاربران وب سایت بزرگ وب لرن با شما هستیم دوستان عزیز با یکی دیگه از دوره های

خوب آموزش وب در این دوره که به زبان اصلی می باشد قصد بر این است که یک منوی واکشنگرای کشویی

که به اصطلاح اون رو DropDown-Menu صدا  میزنیم طراحی کنیم که واکنشگرایی بحث اصلی این چند سال

اخیر در حوزه وب می باشد . این دوره بسیار مفید است . با ما همراه باشید.

طراحی به سبک واکنشگرا چیست ؟

طراحی وب سایت برای موبایل یا تبلت که تحت نام Responsive Web Design (RWD) شناخته میشود,

نوعی از نمایش وب سایت برای دیدن بهترین حالت در چنین دستگاه های میباشد به طوریکه بهترین حرکت

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

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

عناصر صفحه در چنین وب سایت هایی کاملا شناور میباشد و به صورت اتوماتیک در تمام صفحه در حال حرکت میباشد

. به عنوان مثال اگر لینکهای وب سایت در نسخه کامپیوترهای رومیزی به صورت عمودی میباشد و این حالت در نسخه موبایل

به اندازه کافی فضا برای نمایش ندارد, سیستم به صورت اتوماتیک آن را به صورت افقی قرار میدهد تا بهترین حالت نمایش را داشته باشد.

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

یعنی کاربر هم باید حواسش به اسکرول عمودی و هم باید حواسش به اسکرول افقی باشد که این مورد برای افرادی

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

و کاربر تنها با لمس نمودن صفحه میتواند اسکرول عمودی خود را انجام دهد.

سر فصل های این دوره

  • ایجاد منوی اصلی و استایل دهی به آن (Nesting)

  • طراحی NavigationBar در Css3

  • کار با mediaQuery و تنظیمات واکنشگرایی

  • کار با کلاس های کاذب جهت ایجاد منو Pseudo Class

  • طراحی قسمت زیر منو و تنظیم کردن آن در Css

  • ایجاد Marking Suppot برای منو

  • چندین نکات کاربردی و پایان دوره

این آموزش به زبان اصلی و از شرکت های بزرگ طراحی وب می باشد .

 

راهنمای خـرید

با استفاده از دکمه خرید آنلاین می توانید دوره ها و آموزش ها مد نظر خود را خریداری نموده و لذت ببرید با تشکر مدیریت وب سایت

دریــافت کنید

در صورت نیاز به پسورد www.wb-learn.com را وارد کنید

راهنمای خرید

هزینه محصول

رایگـان

دیدگاه های مخاطبین


  • اقا دستتون درد نکنه خسته نباشید عالیییی بود

  • حسین گفت:

    خودتون درست کردید یا خارجیه؟

  • امیرفابو گفت:

    سلام خدمت اقای موسوی بسیار عالی و کاربردی بود..
    واقعا دمتون گرم برای این چنین آموزش های ارزشمندی که با صدای دلنشین خودتون هم ضبط شده و رایگان در اختیار ما میذارید… با قدرت ادامه بدید xD

  • mn gamer گفت:

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

  • امیرفابو گفت:

    با سلام خدمت اقای موسوی یه سوال که خیلی ذهن بنده رو مشغول کرده اینه که :

    توی طراحی قالب با تکنیک فلت چجوری باید قالب سایت رو با صفحه مانیتور طرف بازدیدکننده وقف بدیم؟ یا همون اصطلاح عامه ست کنیم؟! میدونید که ابعاد ماینتور ها در هر برندی ممکنه متفاوت باشه!

    سوال بعدیم اینه که : تو این تکنیک طراحی قالب یه مشکلی که وجود داره اینه که طرف وقتی صفحه رو Minimize کنه تمامی اشکال و قالب به هم ریخته و توهم توهم میشن؟!
    روشی برای رفع چنین مشکلاتی هست که ما بتونیم ازش استفاده کنیم؟؟
    ممنون میشم پاسخ بدید یا به ایمیل بنده ارسال فرمایید . *
    با آرزوی کسب موفقیت های بیشتر برای شما, 🙂

    • با سلام
      برای ست کردن قالب با مانیتور می تونیم قالب رو به صورت واکنشگرا یا
      Responsive طراحی کنیم و همچنین می تونیم از فرم ورک قدرتمند Bootstrap برای طراحی قالب
      کمک بگیریم

      یه تکنیک توی css وجود داره که شما می تونید قالبتون رو واکنشگرا طراحی کنید
      انشاءالله توی یک دوره کامل این موضوع آموزش داده خواهد شد .

  • سلام.ممنون .خیلی خوب بود.از دست اندرکاران وبسایت به این خوبی سپاسگزارم

  • m_f2980 گفت:

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

  • soudabe گفت:

    سلام و خسته نباشید به خاطر آموزشهای خوبتون. فایل شماره ۳۰ از حالت فشرده خارج نمیشه و خطا میده. میدونید مشکلش کجاست؟ ممنون میشم راهنماییم کنید

  • elham گفت:

    سلام. ممنون از آموزش های خوب و مفیدتون
    اما فایل ده تو لینکای دانلود نبود

  • تقویت عصب گفت:

    سلام.وبسایتتون خیلی خوب و مفیده.به کارتون
    ادامه بدین

  • بهزاد پیروزی گفت:

    سلامو عرض ادب خیلی ممنون بابت اموزش خوبتون،چرا قسمت پنج نیست؟

  • دانیال گفت:

    لینک کجاست در ضمن فصل پنج نیز وجود ندارد