قیمت این دوره: 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

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

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

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

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

مشاهده همه دوره ها
آموزش جامع فتوشاپ (مقدماتی تا پیشرفته)

آموزش جامع فتوشاپ (مقدماتی تا پیشرفته)

قاسمی
10:26:00
آموزش مقدماتی فتوشاپ ( Photoshop )

آموزش مقدماتی فتوشاپ ( Photoshop )

قاسمی
1:52:00
آموزش ساخت سایت فروشگاهی برای همه با وردپرس

آموزش ساخت سایت فروشگاهی برای همه با وردپرس

قاسمی
9:46:00
آمورش استفاده از Live Preview در VS Code

آمورش استفاده از Live Preview در VS Code

قاسمی
0:12:00
آموزش گرافیک برای تولید محتوا

آموزش گرافیک برای تولید محتوا

قاسمی
3:7:00
آموزش طراحی قالب سایت در فتوشاپ

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

قاسمی
3:44:00
اینستاگرام
تلگرام

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

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