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

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

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

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

6 نظر

chat

بازدید : 5,564

eye

دوره آموزش جامع و کامل طراحی قالب به سبک فلت با Html و CSS

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

به نام خدا

با عرض سلام خدمت کاربران محترم وب سایت وب لرن

با یکی دیگه از دوره های طراحی وب در خدمت شما دوستان گرامی هستیم در این دوره از آموزش

قصد داریم به مبحث کاربردی و مهم در طراحی وب سایت بپردازیم مبحث طراحی قالب به سبک نوین

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

میگیرد حالا یه کمی با فلت و سبک فلت اشنا بشیم  :

طراحی فلت چیست؟

طراحی فلت بنوعی طراحی گفته میشه که رنگ های خاص خودشو داره ، آیکون های خاص ، محدودیت های خاص

و همینطور یه شعار خاص! در واقع فلت یعنی سادگی در عین زیبایی. همه چیز سادست اما همین سادگی باعث

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

یه جورایی خیلی کاربر پسنده. در پایین بیشتر با این سبک نوین آشنا میشیم.

قوانین طراحی فلت:

شما در طراحی فلت حق استفاده از سایه را ندارید. (البته دنباله های کشیده کمرنگ مجاز هستند)

در طراحی فلت نباید متن یا هر جزء دیگری را برجسته (bevel) ، یا تورفته کرد.

میشه گفت این دوتا مهم ترین قوانین هستن اما حتما بخش پایین رو هم بخونید!

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

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

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

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

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

راهنمای خرید

هزینه محصول

رایگـان

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


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

  • حسین گفت:

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

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

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

  • mn gamer گفت:

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

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

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

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

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

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

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

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

  • m_f2980 گفت:

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

  • soudabe گفت:

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

  • elham گفت:

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

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

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

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

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

  • دانیال گفت:

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

  • farzane گفت:

    سلام خسته نباشید
    فصل ۵ این آموزش کجاست؟ گفتید در سایت هست اما نبود من پیدا نکردم.

  • behrooz گفت:

    باسلام لینک دانلود رو بررسی کنید دانلود نمیشه ؟؟؟!!! سپاس