آموزش طراحی پروژه محور نسخه موبایلی سایت با Adobe Muse‎‎‎

دسترسی به اطلاعات این آموزش: اطلاعات کلی محتوا و سرفصل ها پیش نمایش و دانلود اطلاعات تکمیلی دیدگاه ها

درباره ناشر

فرادرس
فرادرس

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

درباره مدرس

مهندس محمد نسیمی فر
مهندس محمد نسیمی فر

مدرس فرادرس

دانشجوی کارشناسی ارشد مهندسی برق-مدیریت سیستم های قدرت


محمد نسیمی فر دانشجوی کارشناسی ارشد مهندسی برق-مدیریت سیستم های قدرت در دانشگاه شهیدبهشتی هستند. وی تقریبا 6 سال است که به عنوان فریلنسر (freelancer) پروژه های زیادی در حوزه گرافیک و انیمیشن های دو بعدی و سه بعدی (به خصوص محصولات کمپانی های Adobe و Autodesk) انجام داده و همچنین با آموزشگاه های مختلفی در امر تدریس همکاری دارند. (+)



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

👤 مدرس: مهندس محمد نسیمی فر
🕓 مدت زمان: ۵ ساعت و ۲۷ دقیقه
🎓 تعداد دانشجو: ۱۲ نفر این آموزش را تهیه کرده اند.
روش دریافت: لینک دانلود و/یا ارسال فیزیکی

هزینه آموزش: ۲۰,۰۰۰ تومان


آنچه شما در این فرادرس خواهید دید:
آموزش ویدئویی مورد تایید فرادرس
فایل برنامه ها و پروژه های اجرا شده در حین آموزش
فایل PDF یادداشت های مدرس در حین آموزش

تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • به صورت رایگان یک یا چند آموزش معادل دیگر دریافت می کنید.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می شود.
    (توضیحات بیشتر +)
دانلود آنی و ارسال سریع
فعال‌سازی آنی لینک دانلود، بلافاصله پس از ثبت سفارش
ارسال پستی به همراه کد رهگیری مرسوله در اولین ساعت اداری روز
ارسال پیک موتوری در تهران، در همان روز ثبت سفارش

(توضیحات بیشتر +)



    توضیحات

    اگر در حوزه وب فعال هستید قطعاً می دانید این روزها، یکی از مهم ترین مسئله ای که در طراحی سایت مطرح می شود ساخت وب سایت Responsive و Mobile-Friendly است. یعنی وب سایت هایی که روی تمام دستگاه های هوشمند، به خصوص موبایل، به درستی و متناسب با اندازه صفحه، نمایش داده می شوند.

     

    ضرورت طراحی یک وب سایت Mobile-Friendly چیست؟

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

    جالب است بدانید از سال ۲۰۱۵ شرکت گوگل الگوریتم جدیدی توسعه داده که بر اساس آن Mobile-Friendly بودن سایت مشخص می شود و در صورتی که وب سایت این قابلیت را داشته باشد، در موتور جستجو برچسب Mobile-Friendly به آن اختصاص داده می شود و در رتبه (Rank) سایت تأثیر بسیار زیادی دارد. در نتیجه اگر کاربر از طریق موبایل جستجویی انجام دهد، سایت های Mobile-Friendly در اولویت بالاتری قرار می گیرند. به این صورت کاربران وب سایت شما چند برابر خواهد شد.

    کاربران در هرجایی که باشند ترجیح می دهند همه کارهای اینترنتی، از جستجوی اطلاعات ساده گرفته تا خرید های آنلاین را، از طریق موبایل انجام دهند. دلیل آن هم واضح است، زیرا این روش سریع و ساده است. بنابراین امروزه تعداد کاربرانی که از طریق موبایل به اینترنت وارد می شوند قطعاً بیشتر از کسانی است که از طریق کامپیوتر شخصی وارد می شوند. اگر به این کاربران تجربه کاربری (UX) و رابط کاربری (UI) مناسبی ارائه شود، مطمئناً به عنوان یک وب سایت قابل اطمینان روی شما حساب باز خواهند کرد و از اطلاعات، محصولات و سرویس هایی که ارائه می دهید، بهتر استقبال می کنند.

    بنابراین، امروزه ساخت یک نسخه موبایل از وب سایت دیگر فقط یک مزیت نیست، بلکه ضروری است. همچنین اگر شما طراح وب هستید، تا حال متوجه اهمیت این موضوع برای کارفرماها شده اید و اگر بتوانید در رزومه خود مهارت ساخت وب سایت Mobile-Friendly را اضافه کنید، قطعاً مشتریان بیشتری جذب خواهید کرد و کارتان را رونق خواهید داد.

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

    از طرفی هرکدام از شما ممکن است وب سایت اصلی نسخه دسکتاپ را به روش های مختلفی به غیر از استفاده از Adobe Muse طراحی کرده باشید (به عنوان مثال استفاده از WordPress) و یا خودتان برنامه نویسی باشید که شخصاً کدنویسی می کنید و تصمیم دارید وب سایت را به دیتابیس متصل کنید و یا هر تغییری در کدهای وب سایت ایجاد کنید. با توجه به اینکه طراحی نهایی شما در Adobe Muse، به کدهای استاندارد HTML، CSS، PHP و JavaScript تبدیل می شود، شما همیشه آزاد هستید تا هر تغییری متناسب با شیوه کار خودتان ایجاد کنید. البته در انتهای این آموزش هم به صورت مروری به شما ایده خواهیم داد که چگونه می توانید وب سایت ساخته شده برای موبایل را با نسخه های دیگر هماهنگ کنید و مطابق با روش خودتان آن را توسعه دهید.

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس یکم: معرفی دوره
    • درس دوم: استراتژی ها و اصول طراحی وب سایت Mobile-Friendly
      • تنظیم محتوای وب سایت مطابق موبایل
      • در نظر گرفتن طراحی و قابلیت استفاده
      • استفاده از Gesture های موبایل در طراحی
      • در نظر گرفتن چرخش عمودی و افقی موبایل (Orientation)
    • درس سوم: انجام تنظیمات اولیه
      • ایجاد Mobile Layout
      • تفاوت Fluid Width و Fixed Width
      • تنظیم header
      • تبدیل فونت های فارسی به Web Font
      • تنظیم footer
      • تنظیم background
    • درس چهارم: ساخت انواع منوهای Mobile-Friendly
      • ایجاد لینک های منو
      • ساخت منوی باز شونده (Collapsible) عمودی
      • ساخت منو به صورت LightBox
      • ساخت منوی باز شونده (Collapsible) عرضی
      • ساخت منو با استفاده از Anchor Point
    • درس پنجم: اضافه کردن محتوای سایت
      • اضافه کردن تصاویر و متن ها و تنظیم با نسخه موبایل
      • راهبری کاربر به مطالب مهم (Navigation) با ایجاد Anchor Point
      • ایجاد لینک برای انتقال به نسخه دسکتاپ وب سایت
      • گرافیک های مناسب برای موبایل
      • لینک گرافیک ها به هر URL دلخواه
    • درس ششم: استفاده از Widgetها متناسب با کاربر موبایل
      • ایجاد انواع اسلاید شو با قابلیت Swipe Gesture
      • ایجاد محتوای باز شونده (Collapsible Content) برای استفاده مناسب از فضا
      • استفاده از Google Maps در وب سایت
      • ایجاد فرم تماس با ما و اتصال فرم به ایمیل
      • استفاده از دستور Mailto و Tel
      • خروجی گرفتن از وب سایت نهایی با Export as HTML
      • بررسی کدهای HTML، PHP و JavaScript ایجاد شده
    • درس هفتم: طراحی Responsive برای کامپیوتر، تبلت و موبایل
      • آماده سازی وب سایت برای طراحی ریسپانسیو
      • مفهوم BreakPoint و ایجاد نقاط شکست جدید
      • استفاده از ابزار Pin
      • تنظیم محتوا مطابق صفحه نمایش تبلت
      • تنظیم محتوا متناسب با صفحه نمایش موبایل
      • تغییر منو و پس زمینه برای کاربران موبایل
    • درس هشتم: بهینه سازی SEO
      • کار با پنجره های Page Properties
      • مشخص کردن کلمات کلیدی هر صفحه
      • اضافه کردن Description برای هر صفحه
      • اضافه کردن Description برای عکس های مهم
      • تغییر نام صفحه های وب سایت
      • ایجاد Title برای هر صفحه
      • ایجاد پسوند پیشوند برای Title ها
      • بهینه سازی تصاویر برای موتور جستجو
    • درس نهم: چند ایده برای توسعه وب سایت
      • ثابت کردن منو در بالای مرورگر موبایل
      • استفاده از تب MetaData برای ایجاد تگ Head
      • اضافه کردن کدهای HTML در قسمت های مختلف وب سایت
      • آپلود مستقیم وب سایت روی host با ابزار Upload to FTP Host
      • تست Mobile-Friendly وب سایت از طریق ابزار گوگل
      • ایده برای ارتباط وب سایت طراحی شده با WordPress

     

    مفید برای رشته های
    • مهندسی کامپیوتر
    • گرافیک

     


    نرم افزارهای مرتبط با آموزش

    Adobe Muse 2017

    پیش نمایش

    بخش ۱ : آشنایی با دوره آموزشی - ۱۸ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم - حجم دانلود ۶۱ مگابایت (کلیک کنید +)


    پیش نمایش ۲ : استراتژی های طراحی سایت - ۳ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۳ مگابایت (کلیک کنید +)


    پیش نمایش ۳ : انجام تنظیمات اولیه - ۶ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۶ مگابایت (کلیک کنید +)


    پیش نمایش ۴ : ساخت منو Mobile-Friendly - ۶ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۹ مگابایت (کلیک کنید +)


    پیش نمایش ۵ : اضافه کردن محتوای سایت - ۷ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۶ : استفاده از Widget ها - ۱۲ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۷ : طراحی Responsive (الف) - ۱۵ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۸ : طراحی Responsive (ب) - ۵ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۹ : بهینه سازی SEO - ۵ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۱۰ : ایده برای توسعه وب سایت - ۴ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.


    اطلاعات تکمیلی

    نام آموزش آموزش طراحی پروژه محور نسخه موبایلی سایت با Adobe Muse‎‎‎
    ناشر فرادرس
    کد آموزش FVADB96052
    مدت زمان ۵ ساعت و ۲۷ دقیقه
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
    حجم دانلود ۹۷۱ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)
    تعداد DVD یک عدد (در صورت دریافت غیر آنلاین)


    ​راهنمای تهیه آموزشها

    آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

    راهنمایی بیشتر ( +)

    در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟ 
    • با شماره تلفن واحد مخاطبین ۸۸۳۱۲۲۷۶ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
    • از طریق بخش چت آنلاین، با پشیبان های فرادرس گفتگو کنید.- همه روزهای کاری هفته از ساعت ۸ صبح تا ۱۲ شب
    • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه

    با شروع یادگیری، یک کلیک فاصله دارید. همین حالا شروع کنید.

    آموزش طراحی پروژه محور نسخه موبایلی سایت با Adobe Muse‎‎‎

    هزینه آموزش: ۲۰,۰۰۰ تومان




    سایر آموزش های مهندس محمد نسیمی فر



    مطالب مرتبط


    دیدگاه ها

    تا کنون ۱۲ نفراز این آموزش استفاده کرده اند.

    نظر شما در مورد این فرادرس چیست؟

    امتیاز شما به این آموزش:

    *



​همین امروز شروع به آموختن کنید​

آموزش طراحی پروژه محور نسخه موبایلی سایت با Adobe Muse‎‎‎

هزینه آموزش: ۲۰,۰۰۰ تومان



برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,




فرادرس در رسانه ها و جشنواره ها

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

عضویت در خبرنامه فرادرس

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

Please leave this field empty.

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