قیمت این دوره: 180,000 تومان
  • مدرس دوره : نیما قاسمی
  • تعداد ویدیوها : 43 ویدیو
  • مدت زمان دوره : 10:46:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1398/12/29
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش طراحی سایت بدون کدنویسی در Adobe Muse

آموزش طراحی سایت بدون کدنویسی در Adobe Muse

Adobe Muse چیست؟
Adobe Muse، نرم افزاری از شرکت Adobe می باشد که به ما امکان طراحی سایت بدون کدنویسی را می دهد. در نرم افزار های کدنویسی مثل دریم ویور، سابلایم تکست، VS Code، PHP Storm، Notepad++ و ... شما با تکنولوژی هایی مثل HTML، CSS و JS کد می زنید، ذخیره می کنید و صفحه را در بروزر خود باز می کنید. اگر مشکلی داشت هم دوباره به نرم افزار برگشته و کد را اصلاح می کنید تا خروجی درست شود. پس از آن هم یا صفحات استاتیک را در هاست آپلود می کنید، یا با Asp.net و PHP کد میزنید و یا قالب استاتیک خود را به یک قالب مثلا وردپرسی تبدیل می کنید. نرم افزار Adobe Muse برعکس این ماجرا است، یعنی شما مثل مثلا Adobe Photoshop وبسایتتون رو طراحی می کنید و بعد از اون Muse، وبسایت رو برای شما به کد HTML تبدیل می کند. با طی شدن این روند، بسیار بسیار طراحی سایت با سرعت بیشتر و انرژی کمتر و بسیار راحت تر انجام می گیرد.

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

اگر شما ازجمله کسانی هستید که HTML بلدید، حتما این دوره را برای سرعت بشیدن به کارهایتان به شما پیشنهاد می کنم. به نظر خود من که چندسالی می شود که در این حوزه فعالیت دارم، با ترکیب Adobe Muse، HTML و WordPress می شود در کمترین زمان معجزه کرد!




فهرستـــ ویدیوها

مدت زمان دوره 10:46:00
00:00
00:00

  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1

  • معرفی دوره

00:25:00

معرفی دوره

2

  • ساخت وبسایت جدید در نرم افزار

00:21:00

در این جلسه به تمامی تنظیمات ساخت وبسایت جدید در نرم افزار Adobe Muse می پردازیم.

3

  • بررسی مبحث ارتبری و Masters در Adobe Muse

00:11:00

در این جلسه در کنار این که به بررسی ورک اسپیس نرم افزار می پردازیم، با هم Master ها را در Adobe Muse، بررسی خواهیم کرد.

4

  • رسم اشکال و تنظیمات آن ( سایه، خط دور، رنگ و ... ) در نرم افزار

00:16:00

در این قسمت به شما دوستان عزیزم یاد خواهم داد که چطور در نرم افزار Adobe Muse، اشکالی رو مثل دایره و مربع رسم بکنید که در کد، حالت svg داشته باشند و به آن ها سایه، خط دور، رنگ و افکت های دیگر مثل Bevel و Glow بدهید.

5

  • نحوه تایپ و افزودن وب فونت ها به نرم افزار

00:38:00

در این جلسه، به این خواهیم پرداخت که چطور فونت های خودتون رو به سه فرمت مورد نیاز وب تبدیل کنید و از آنها در وبسایتتان استفاده کنید. پس از خروجی، این فونت ها در هر سیستمی بدون مشکل باز خواهند شد.

6

  • نحوه ی لینک دادن به آبجکت ها در نرم افزار

00:13:00

در این جلسه، نحوه ی کار با بخش هایپرلینک رو در نرم افزار به شما آموزش خواهم داد. در این جلسه کمی هم به تفاوت http و https در لینک ها می پردازیم.

7

  • آموزش ساخت منو در نرم افزار

00:17:00

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

8

  • آموزش ویجت های نرم افزار - قسمت 1 (اسلایدرها،دکمه ها و...)

00:38:00

در این جلسه به تکمیل مبحث منو ها می پردازیم و پس از آن، به شما آموزش می دهم که چطور اسلایدر، دکمه و ... بسازید و تنظیمات اون هارو همه رو از بر بشید!

9

  • آموزش ویجت های نرم افزار - قسمت 2 (فرم ها، پنل ها و ...)

00:38:00

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

10

  • هاور دادن و تنظیم آن برای عناصر صفحه

00:12:00

در این بخش، یاد خواهید گرفت که چطور کاری کنید که پس از این که موس روی آبجکت هایتان در صفحه رفت، رنگ، فونت و ... آن تغییر کند.

11

  • لایه بندی در Adobe Muse

00:10:00

در این قسمت از آموزش، به شما بحث لایه بندی رو هم بصورت تئوری و هم عملی توضیح میدم.

12

  • انواع خروجی و Save در نرم افزار

00:07:00

در این جلسه، من به شما میگم که چطور میتونین توی نرم افزار خروجی html بگیرید و چطور فایل های پروژه هاتون رو برای بازکردن دوباره توی خود Adobe Muse، ذخیره کنین.

13

  • پین کردن آبجکت ها در وبسایت

00:08:00

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

14

  • پین کردن آبجکت ها در وبسایت

00:06:00

در این جلسه، به شما آموزش می‌دهم که چطور با کلیک بر روی آبجکتی به بخشی از صفحه منتقل بشوید.

15

  • تنظیمات صفحه و سایت

00:22:00

در این بخش از آموزش، باهم بخش های تنظیمات سایت ( Site Properties ) و تنظیمات صفحه ( Page Properties ) رو بررسی می‌کنیم.

16

  • تنظیمات نرم‌افزار

00:10:00

در این جلسه، تنظیمات خود نرم‌افزار رو یاد میگیرید. یعنی اینکه چطور رنگ رابط کاربری نرم‌افزار رو تغییر بدید، تنظیمات preview in browser رو تغییر بدید و ...

17

  • شروع فصل دوم - پیش نیازهای سایت رزومه

00:16:00

در این قسمت باکمک ایلوشتریتور، پیش نیازها و تصاویر موردنیاز سایت‌مون رو آماده می‌کنیم.

18

  • طراحی صفحه انتخاب زبان سایت رزومه

00:18:00

عملا ازاین جلسه آموزشای پروژه محورمون رو شروع می‌کنیم. شروع این پروژه باطراحی صفحه اولش هست. صفحه ای که کاربر زبانش رو انتخاب کنه.

19

  • طراحی دکمه‌های فضای‌مجازی

00:11:00

دراین جلسه، دکمه‌های Social Network ( پیام رسان‌ها و شبکه‌های اجتماعی ) رو باهم طراحی می‌کنیم و گوشه صفحه پین می‌کنیم.

20

  • طراحی هدر سایت رزومه

00:21:00

دراین جلسه، لوگو، منو، دکمه‌ها، متن‌ها و ... موردنیاز در هدر رو وارد نرم‌افزار می‌کنیم و هدر سایت‌مون رو طراحی می‌کنیم.

21

  • طراحی بخش مهارت‌های سایت رزومه

00:17:00

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

22

  • طراحی بخش سوابق شغلی و زبان‌های مسلط سایت رزومه

00:13:00

در این جلسه طرح ساده‌ای برای سوابق شغلی پیاده می‌کنیم. همچنین بخش زبان‌های تحت تسلط روهم باهم پیاده می‌کنیم.

23

  • طراحی فرم‌تماس هوشمند سایت رزومه

00:16:00

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

24

  • طراحی فوتر سایت رزومه

00:14:00

 در این بخش از دوره آموزشی، فوتر صفحه فارسی سایت رزومه ای مون رو طراحی کرده و تکنیک های طراحی فوتر در muse رو بررسی می‌کنی

25

  • ساخت صفحه رزومه انگلیسی

00:19:00

در این جلسه، بطور کامل انگلیسی رزومه رو هم طراحی خواهیم کرد.

26

  • ساخت فرم‌تماس، فوتر و فعالیت‌های تکمیلی رزومه انگلیس

00:20:00

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

27

  • شروع فصل سوم - تبدیل هدر psd به سایت

00:15:00

در این جلسه، بخش هدر قالب psd آماده شده در دوره آموزشی رایگان طراحی قالب من را سایت تبدیل می‌کنیم. این جلسه، شروع فصل تبدیل پروژه محور psd به html است.

28

  • طراحی اسلایدر قالب در Muse

00:11:00

در این جلسه، اسلایدر قالب psd رو در Muse باهم می‌سازیم.

29

  • ساخت بخس خدمات ما

00:13:00

در این بخش، ناحیه خدمات سایت مون رو در muse طراحی

30

  • ساخت پروژه محور بخش درباره ما و قراردادن ویدیو در سایت

00:13:00

در این جلسه، به شما 3 روش قرار دادن ویدیو در سایت رو به شما آموزش میدم. 1- سایت آپارات 2- کد html و 3- ویجت آماده Muse

31

  • ساخت بخش پلن های سایت

00:14:00

در این جلسه، به طور پروژه محور بخش پلن های قالب psd مون رو به html تبدیل می کنیم.

32

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

00:13:00

در این جلسه، با استفاده از ابزار های نرم افزار به طور پروژه محور یک آکوردیون می سازیم.

33

  • ساخت فرم تماس و فوتر سایت

00:22:00

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

34

  • شروع فصل 4 ( پیشرفته ) - رسپانسیو کردن سایت

00:14:00

در این جلسه، به طور کامل و پروژه محور نحوه رسپانسیو کردن هرسایتی با Muse رو یاد می گیرید.

35

  • قرار دادن گوگل مپ در سایت

00:04:00

در این جلسه، یاد میگیرید که چطور لوکیشنی در مپ را در سایت میوزیتان قرار دهید!

36

  • قرار دادن ویدیو از آپارات در سایت

00:07:00

در این جلسه، به شکل پروژه محور ویدیویی از سایت آپارات را در سایت قرار می دهیم.

37

  • Gradientها، Patternها و Strokeها در نرم افزار

00:09:00

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

38

  • استفاده از ویجت های پیشرفته میوز

00:04:00

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

39

  • ساخت یک موتور جستجو برای سایت

00:10:00

در این بخش، موتور جستجوی رایگانی برای سایت خود می سازیم و آن را در میوز قرار می دهیم.

40

  • ستفاده از کد های html آماده و سفارشی در Muse

00:07:00

در این جلسه، از کد های html آماده در اینترنت و کد های html سفارشی که خودمان نوشته ایم در Muse استفاده می کنیم.

41

  • استفاده از Share Buttons در سایت

00:05:00

در این بخش، از Share Button های آماده سایتی در سایتمان استفاده می کنیم.

42

  • مباحث سئو در سایت میوزی!

00:12:00

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

43

  • آپلود سایت روی هاست cPanel پولی و رایگان

00:16:00

ر این جلسه که جلسه آخر دوره است، یاد میگیرید که چطور سایتتان را روی اینترنت بالا بیاورید!

دوره های دیگر مدرس

مشاهده همه دوره ها
اینستاگرام
تلگرام

نظرات کاربران در رابطه با این دوره

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

حسین ترابی

ارسال شده در 1402/07/13

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

با تشکر.

حسین ترابی

نیما قاسمی (مدرس)

ارسال شده در 1403/05/03

درود حسین جان

خود من طی کامنتی در بهمن 1399 به این مورد اشاره داشتم اما باید درنظر گرفت که دوره متعلق به سال 1398 هست و اخیرا دانشجوهای جدید خیلی کمی هم وارد دوره شدن که نشون دهنده این هست که دوستان اشراف کامل به موضوع منسوخ شدن این تکنولوژی دارن.

البته که با تمام این اوصاف درمورد توقف دوره باید گفت که تاپ لرن قراربوده که یک مرجع باشه. و بعنوان یک مرجع باتوجه به اینکه هنوز پروژه های بسیاری هستند که درگذشته روی Muse پیاده شده و درحال فعالیت هستن، ترجیح بر این بوده که دسترسی به دوره از همگان گرفته نشه.

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

تشکر فراوان بابت توجهتون و یادآوری این امر مهم 👌

امیر رمضانیان باجگیران

امیر رمضانیان باجگیران

ارسال شده در 1400/09/21

سلام استاد. خسته نباشید

من هنوز دوره تونو نگاه نکردم ولی همین ابتدا موقع دانلود به چندتا مشکل برخوردم که اگه امکانش باشه رفع بفرمایید. اول اینکه فایل 16و20و39 بعد از دانلود توسط میندوز دیفندر ویروس شناسایی میشه از نوع تروجان و بک دور و نکته بعدی اینکه چندتا از قسمتها داخل فایل زیپ جابجا هست یعنی داخل 5 فولدر 7 هست داخل 6 فولدر 8، داخل 7 فولدر 9 و فولدر 5و6 وجود نداره بجاش دوتا فولدر با نام 8 ولی محتوای متفاوت وجود داره که گیج کننده هست.

امیر رمضانیان باجگیران

نیما قاسمی (مدرس)

ارسال شده در 1400/09/21

سلام دوست من

قسمت هایی که اشاره کردید رو من دانلود کردم. سیستمم هم غیر از خود Windows Defender آنتی ویروس دیگه ای نداره. مشکلی توی استفاده ازشون وجود نداشت. حالا دوباره دانلود کنید اگر Windows Defender سیستم تون فایل رو پاک کرد ازطریق سرچ گوگل یاد بگیرید و Defender رو موقتا غیرفعال کنید.

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

موفق باشید ❤️

seyed133

ارسال شده در 1400/09/18

آقا امکانش هست اون فایل های پلاگین ویدیو و موزیک html رو بزارین؟ ممنون میشم

نیما قاسمی (مدرس)

ارسال شده در 1400/09/18

سلام دوست من

هاردم و عوض کردم و فایل های قدیمیمو ندارم شما هم میتونین با یه سرچ ساده تو اینترنت پیداشون کنین :)

نیما قاسمی

نیما قاسمی

ارسال شده در 1399/11/23

سلام و درود خدمت شما دوستان.

نکاتی رو خدمتتون بگم:

1- Adobe Muse شما رو برنامه نویس نمیکنه!

2- کاربرد Adobe Muse فقط در طراحی قالب سایت هست نه راه اندازی کاملش (برای راه اندازی کامل یک وبسایت سری به آموزش وردپرس تاپ لرن بزنید)

3- شرکت Adobe از سال 2018 این نرم افزار رو آپدیت نکرده که یعنی احتمالا دیر یا زود استفاده از این نرم افزار و امکانات آن از مد خواهند افتاد که باید قبل از یادگیری به این توجه داشته باشید.

fateme3174

ارسال شده در 1399/09/25

سلام وقتتون بخیر ببخشید با خریداری این دوره دیگه نیازی نیس که cssوhtml بلد باشیم؟و کاملا میتونیم سایت طراحی کنیم؟

نیما قاسمی (مدرس)

ارسال شده در 1399/09/25

سلام.

1- Muse کار HTML و CSS رو میکنه اما توجه کنین که ساخت یه سایت بخش بک اند هم داره که برای 

راه اندازی یه سایت باید laravel، Asp.net, Jango یا یه فریمورک دیگه از برنامه نویسی رو بدونید اما این اپ کار یه فرانت اند دولوپر (کدنویس Html و Css و JavaSceipt) رو انجام میده.

2- خبرای از ادوبی رسیده که Muse رو به روز نخواهد کرد. درواقع ورژن آخر Muse مال سال 2018 هست پس این رو هم مد نظرتون داشته باشید اگه میخواید یادش بگیرید.

ولی درکل ابزار شیرینیه. این دوره هم با دو تا پروژه کامل شما رو باهاش آشنا می کنه.

شب و روزتون خوش :)

arshiak836

ارسال شده در 1399/09/01

سلام 

خیلی ممنون

تو کد html که میوز میده میشه کاملا دستبرد 

و بهش کد جنگو ام رو بدم؟

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

نیما قاسمی (مدرس)

ارسال شده در 1399/09/01

سلام. بله با هر فریمورکی ( Asp.net، PHP، Jango، Node.js ) میشه این کارو کرد کد html هست دیگه!

کدش خیلی خیلی هم تمیز نیست (البته برای من و شما چون کد UI رو خودمون بزنیم بهتر میدونیم چی به چیه!) ولی میشه توش دست برد.

arshiak836

ارسال شده در 1399/08/25

سلام

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

نیما قاسمی (مدرس)

ارسال شده در 1399/08/30

با سلام. دو روش ساده و سخت تر وجود داره:

روش ساده: از وردپرس استفاده کنید و با استفاده از پلاگین های نوشته شده در سطح اینترنت (که با کمی سرچ انگلیسی میتونین پیداشون کنین) قالب Muse تون رو به وردپرس Connect کنید.

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

محمد ‌‌

محمد ‌‌

ارسال شده در 1399/08/15

جایگزینی برای adobe muse هست؟

محمد ‌‌

نیما قاسمی (مدرس)

ارسال شده در 1399/08/15

سلام. دقیقا مثل میوز نه اما ادوبی نرم افزار XD رو معرفی کرده که مثل میوز کد تحویل نمیده فقط طراحی UI و UX هست.