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

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• آنچه را که باید دنبال کنید What you need to follow along

• ملاحظات فنی Technical considerations

1. نمونه کارها خود را برنامه ریزی کنید 1. Plan Your Portfolio

• هدف از سبد آنلاین شما The purpose of your online portfolio

• الهام پیدا کنید Find inspiration

• یک الگوی را در نظر بگیرید Consider a template

• ایجاد یک سیم فریم Create a wireframe

2. سایت خود را در موز تنظیم کنید 2. Set Up Your Site in Muse

• یک سایت جدید راه اندازی کنید Start a new site

• یک پالت رنگ را انتخاب کنید Choose a color palette

• سبک های تایپوگرافی را تنظیم کنید Set typography styles

• ایجاد یک شبکه Establish a grid

• تنظیم هدر و پاورقی Header and footer setup

• پیمایش را اضافه کنید Add navigation

• نمادهای رسانه اجتماعی را اضافه کنید Add social media icons

• مناطق محتوا را مسدود کنید Block out content regions

• لنگرهای صفحه را تنظیم کنید Set page anchors

• نمایش به صورت خودکار نمایش خودکار Add an autoplay slideshow

3. نمایش کار خود را 3. Display Your Work

• دارایی های خود را آماده کنید Prepare your assets

• تصاویر کوچک ایجاد کنید Create thumbnail images

• دکمه های کوچک ایجاد کنید Create thumbnail buttons

• ایجاد صفحات پروژه و نمایش اسلایدها Create project pages and slideshows

4. اضافه کردن صفحات 4. Add Pages

• سلام Set greeting

• ایجاد یک صفحه درباره Create an About page

• یک صفحه مخاطب ایجاد کنید Create a Contact page

• زیرنویس های پروژه را تنظیم کنید Set project captions

• صفحات را به هم پیوند دهید Link pages together

5- سایت خود را پاسخگو کنید 5. Make Your Site Responsive

• ملاحظات Breakpoint Breakpoint considerations

• نقاط شکست را تنظیم کنید Set breakpoints

• نقطه شروع تبلت را تنظیم کنید Set tablet breakpoint

• یک منوی آکاردئون ایجاد کنید Create an accordion menu

• ملاحظات نقطه دستیابی موبایل Mobile breakpoint considerations

6. سایت را منتشر کنید 6. Publish the Site

• سایت خود را تست کنید Test your site

• سایت خود را منتشر کنید Publish your site

• ملاحظات سئو SEO considerations

نتیجه Conclusion

• مراحل بعدی Next steps