naraghi
naraghi
خواندن ۲ دقیقه·۶ سال پیش

Learning Adobe Muse And Responsive

آموزش آدوب میوز

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

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

نکته : با ادوب میوز یک سایت استاتیک می توانید بسازید.

نکته : بعدا با خروجی اچ تی ام ال می توانید آن را داینامیک کنید.

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

تنظیمات اولیه سایت مانند طول و عرض و...
تنظیمات اولیه سایت مانند طول و عرض و...

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

مانند این شکل که فرق بین دوتا قسمت (بالا و پایین) اگر کلیک کنید روی اولی یاhome فقط می توانید در آن صفحه تغییر ایجاد کنید ولی در قسمت مستر هر تغییری که ایجاد کنید در قسمت بالا هر کدوم که ارثبری کنن از اون مستر تغییر پیدا می کنند.

ریسپانسیو کردن ادوب میوز :

درادوب میوز خیلی راحت می توانید ریسپانسیو انجام دهید.

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

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

نکته : می توانید چندتا add breakpoint رابزنید.

نکته : در هر breakpoint باید طراحی مخصوص خودتان را پیاده سازی کنید.

وقتی عکسی یا فیلمی می خواهید که در یکی از انها نباشد با راست کلیک کردن بر روی آن و زدن گزینه hide on breakpoint یا hide in breakpoint آن را می توانید مخفی کنید.

خلاصه ای از توضیحات :

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

https://www.aparat.com/v/OZLci

احسان نراقی پور

دانشگاه شمسی پور

adobe museresposiveدانشگاه شمسی پور
شاید از این پست‌ها خوشتان بیاید