آموزش طراحی نسخه موبایل وب سایت (Mobile-Friendly) در Adobe Muse‎‎ – پیش ثبت نام

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

درباره ناشر

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

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

درباره مدرس

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

فرادرس از جهت فرصت آموختن، یک محیط کاملا باز (بدون هیچ مرز و شرط برای ورود) برای همه است. اما از جهت فرصت آموزش دادن، یک محیط به شدت بسته است و مدرسین آن با عبور از سخت ترین ضوابط علمی و فیلترهای مهارت آموزشی برگزیده و دستچین می شوند. در چندین سال گذشته کمتر از 5 درصد متقاضیان تدریس در فرادرس توانسته اند به مرحله نهایی ارائه آموزش در آن برسند. ارائه یک آموزش توسط «گروه مدرسین فرادرس» تضمینی برای کیفیت آن می باشد. (+)



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

👤 مدرس: گروه مدرسین فرادرس
روش دریافت: لینک دانلود و/یا ارسال فیزیکی

وضعیت انتشار در حال ضبط
زمان تقریبی انتشار ۴ تا ۱۲ هفته

درخواست اطلاع رسانی انتشار این آموزش

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

مزایای درخواست اطلاع رسانی انتشار:

  • مطلع شدن از انتشار آموزش در اولین زمان پس از انتشار
  • دادن بیشترین اولویت انتشار به آموزش های مورد نظر خود (آموزش های با بیشترین پیش ثبت نام، با اولویت بیشتری منتشر می شوند)
  • دریافت تخفیف ویژه به هنگام انتشار، مختص افرادی که درخواست اطلاع رسانی در یک آموزش داشته اند.

Please leave this field empty.




    توضیحات

    اگر در حوزه وب فعال هستید قطعاً می دانید این روزها، یکی از مهم ترین مسئله ای که در طراحی سایت مطرح می شود ساخت وب سایت 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 تبدیل می شود، شما همیشه آزاد هستید تا هر تغییری متناسب با شیوه کار خودتان ایجاد کنید. البته در انتهای این آموزش هم به صورت مروری به شما ایده خواهیم داد که چگونه می توانید وب سایت ساخته شده برای موبایل را با نسخه های دیگر هماهنگ کنید و مطابق با روش خودتان آن را توسعه دهید.

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس یکم: معرفی نرم افزار Adobe Muse
      • بررسی وب سایتی که در این دوره طراحی می کنیم
    • درس دوم: استراتژی ها و اصول طراحی وب سایت Mobile-Friendly
      • تنظیم محتوای وب سایت مطابق موبایل
      • در نظر گرفتن طراحی و قابلیت استفاده
      • استفاده از Gesture های موبایل در طراحی
      • در نظر گرفتن چرخش عمودی و افقی موبایل (Orientation)
    • درس سوم: انجام تنظیمات اولیه
      • ایجاد Mobile Layout
      • تنظیم Background
      • تبدیل فونت های فارسی به Web Font
      • ساخت Header
      • ساخت Footer
    • درس چهارم: ساخت انواع منوهای Mobile-Friendly
      • ایجاد لینک های منو
      • ساخت منوی باز شونده (Collapsible) عمودی
      • ساخت منو به صورت LightBox
      • ساخت منوی باز شونده (Collapsible) عرضی
      • ساخت منو با استفاده از Anchor point
    • درس پنجم: اضافه کردن محتوای سایت
      • اضافه کردن تصاویر و متن ها و تنظیم با نسخه موبایل
      • راهبری کاربر به مطالب مهم (Navigation) با ایجاد Anchor Point
      • ایجاد لینک برای انتقال به نسخه دسکتاپ وب سایت
      • گرافیک های مناسب برای موبایل
      • لینک گرافیک ها به هر URL دلخواه
    • درس ششم: استفاده از Widgetها متناسب با کاربر موبایل
      • ایجاد انواع اسلاید شو با قابلیت Swipe Gesture
      • ایجاد محتوای باز شونده (Collapsible Content) برای استفاده مناسب از فضا
      • استفاده از Google Maps در وب سایت
      • ایجاد فرم «تماس با ما» و اتصال فرم به ایمیل
      • اتصال وب سایت به شبکه های اجتماعی
    • درس هفتم: طراحی Responsive برای حالت افقی گوشی
      • ساخت Breakpoint جدید
      • تنظیم محتوا متناسب با Breakpoint جدید
    • درس هشتم: بهینه سازی SEO
      • مشخص کردن کلمات کلیدی هر صفحه
      • اضافه کردن Description برای هر صفحه
      • اضافه کردن Description برای عکس های مهم
      • ایجاد تگ H1 و H2 برای عناوین مهم سایت
      • تغییر نام صفحه های وب سایت
      • ایجاد Title برای هر صفحه
      • ایجاد پسوند پیشوند برای Title ها
    • درس نهم: چند ایده برای توسعه وب سایت
      • ایده برای کاربران Adobe Muse
      • ایده برای کاربران WordPress
      • ایده برای برنامه نویسان

     

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

     



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

    نام آموزش آموزش طراحی نسخه موبایل وب سایت (Mobile-Friendly) در Adobe Muse‎‎ – پیش ثبت نام
    ناشر فرادرس
    کد آموزش FVADB96052
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
    تعداد DVD یک عدد (در صورت دریافت غیر آنلاین)



    مطالب مرتبط


    دیدگاه ها

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

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

    *




درخواست اطلاع رسانی انتشار این آموزش

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

مزایای درخواست اطلاع رسانی انتشار:

  • مطلع شدن از انتشار آموزش در اولین زمان پس از انتشار
  • دادن بیشترین اولویت انتشار به آموزش های مورد نظر خود (آموزش های با بیشترین پیش ثبت نام، با اولویت بیشتری منتشر می شوند)
  • دریافت تخفیف ویژه به هنگام انتشار، مختص افرادی که درخواست اطلاع رسانی در یک آموزش داشته اند.

Please leave this field empty.



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




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

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

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

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

Please leave this field empty.

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