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

Designing a Responsive Mobile Website with Muse

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: طراحی وب پاسخگو دیگر پیشرفته نیست. لازم است اما بسیاری از طراحان هنوز مرعوب اصطلاحات و کد هستند. خوشبختانه ، Adobe Muse ایجاد سایتی کاملاً آسان و بصری را ایجاد می کند که در تمام صفحه ها کارایی داشته باشد. دیگر نیازی به نگرانی در مورد کاوش در HTML یا CSS نیست.

این آموزش ها اصول طراحی وب سایت پاسخگو در Muse CC 2015 را آموزش می دهد. سایتی که در این دوره کامل می کنید "پاسخ" می دهد و از نظر دسک تاپ ، تبلت و موبایل عالی به نظر می رسد. دیگر نیازی به ایجاد نسخه های جداگانه از سایت های خود نخواهید بود! و سایت فقط پاسخگو نیست. نویسنده پاول ترانی همچنین نشان می دهد که چگونه می توان آن را مدرن و کاملاً کاربردی کرد ، همراه با قلم های Typekit ، تصاویر انعطاف پذیر ، نمونه کارها ، ادغام رسانه های اجتماعی و حتی فرم تماس. همه بدون نوشتن کد.

برخلاف ایجاد و نگهداری سایت های مختلف برای موبایل ، رایانه لوحی و دسک تاپ ، با طراحی پاسخگو فقط باید یک سایت را به روز کنید. این محتوا براساس صفحه ای که روشن است تغییر می کند و تنظیم می شود - اعم از لپ تاپ ، تبلت یا تلفن همراه. برای یادگیری نحوه پاسخگویی به تصاویر ، متن و سایر مطالب براساس اندازه صفحه ، جهت و سایر گزینه ها ، این کار را دنبال کنید. نتیجه نهایی یک سایت زرق و برق دار است که بدون توجه به مکان بازدید عالی است.
موضوعات شامل:
  • درک طراحی پاسخگو
  • استفاده از تصاویر و متن در موزه
  • ایجاد محتوا و طرح های انعطاف پذیر ("سیال") و ثابت
  • افزودن نمونه کارها ، فرم های تماس و دکمه های رسانه های اجتماعی
  • ایجاد طرح های قرص و موبایل
  • استفاده از تصاویر SVG مستقل از وضوح
  • بارگذاری و آزمایش وب سایت

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

مقدمه Introduction

  • خوش آمدی Welcome

  • با استفاده از پرونده های تمرینی Using the exercise files

  • درک طراحی پاسخگو Understanding responsive design

1. ایجاد یک وب سایت 1. Creating a Website

  • آشنایی با کار در موزه Introduction to working in Muse

  • وارد کردن تصاویر Importing images

  • با استفاده از فونت ها و متن Using fonts and text

2. ایجاد عناصر سیال و ثابت 2. Creating Fluid and Fixed Elements

  • اضافه کردن تصاویر انعطاف پذیر Adding flexible images

  • ایجاد یک طرح دسکتاپ Creating a desktop layout

  • ایجاد یک هدر ثابت Creating a fixed header

  • اضافه کردن محتوا با اندازه و موقعیت ثابت Adding content with a fixed size and position

3. اضافه کردن محتوا به وب سایت شما 3. Adding Content to Your Website

  • ایجاد نمونه کارها Creating a portfolio

  • افزودن فرم تماس Adding a contact form

  • پیاده سازی رسانه های اجتماعی Implementing social media

4- ایجاد طرح بندی برای تبلت و دستگاه های تلفن همراه 4. Creating Layouts for Tablet and Mobile Devices

  • ایجاد طرح رایانه لوحی Creating a tablet layout

  • ایجاد یک طرح موبایل Creating a mobile layout

  • افزودن منو برای موبایل Adding a menu for mobile

5- ساخت گرافیک انعطاف پذیر 5. Making Flexible Graphics

  • با استفاده از گرافیک های صفحه نمایش شبکیه Using Retina display graphics

  • ایجاد تصاویر SVG Creating SVG images

  • پیوند گرافیک و متن Linking graphics and text

6. تست و بارگذاری 6. Testing and Uploading

  • اضافه کردن توصیف کننده برای موتورهای جستجو Adding descriptors for search engines

  • بارگیری و آزمایش از طریق تلفن همراه Uploading and testing on mobile

  • افزودن نام دامنه سفارشی Adding a custom domain name

نتیجه Conclusion

  • خداحافظ Goodbye

نمایش نظرات

نظری ارسال نشده است.

آموزش طراحی یک وب سایت همراه Responsive با Muse
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 39m
23
Linkedin (لینکدین) lynda-small
19 بهمن 1394 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
154,124
- از 5
ندارد
دارد
دارد
Paul Trani

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Trani Paul Trani

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

در 15 سال گذشته، پل ترانی پروژه‌های تعاملی را برای آژانس‌ها و شرکت‌ها توسعه داده است.

او از ابتدایی ساده با Play-Doh و مداد رنگی تکامل یافت تا تبدیل به مردی برای توسعه خلاق و آموزش شود. . پل به دلیل توانایی های فنی و علاقه اش به صنعت، مستقیماً با Adobe و سایر شرکت ها به عنوان مجری و مربی کار کرده است. او سمینارهای الکترونیکی Adobe متعددی ایجاد کرده است که از آنها برای ارزیابی خود استفاده می کند و دائما در حال یادگیری سخت افزار و نرم افزار جدید است.

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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