Muse CC Adaptive Layouts

Pluralsight

Course Summary

Making sure to create an adaptive layout is an essential part of the app development process. This course will teach you how to create mobile layouts for a website built with Muse CC. Software required: Muse CC.

+
Course Description

Nowadays, an app's functionality and design both need to be adapted for mobile phones. This course, Muse CC Adaptive Layouts, will show you how to create a unique mobile layout for a website built with Muse CC. Along the way you'll be taught best practices and common techniques used to create a successful layout. First, you'll learn how to copy elements from a desktop layout. Next, you'll discover how to add widgets for interactive elements. Finally, you'll learn how to test and publish your site to the web. By the end of this course, you'll be able to use Muse CC to create well-designed and functional mobile apps. Software required: Muse CC.

Course Description

Nowadays, an app's functionality and design both need to be adapted for mobile phones. This course, Muse CC Adaptive Layouts, will show you how to create a unique mobile layout for a website built with Muse CC. Along the way you'll be taught best practices and common techniques used to create a successful layout. First, you'll learn how to copy elements from a desktop layout. Next, you'll discover how to add widgets for interactive elements. Finally, you'll learn how to test and publish your site to the web. By the end of this course, you'll be able to use Muse CC to create well-designed and functional mobile apps. Software required: Muse CC.

+
Course Syllabus

Introduction
- 1m 6s

—Introduction 1m 6s

Course Overview
- 7m 55s

—Reviewing the Site 1m 48s
—Mobile Design Content Considerations 3m 20s
—Responsive vs. Adaptive Layouts 2m 46s

Setting up Your Mobile Site
- 29m 35s

—Adding a Phone Layout to an Existing Site 3m 27s
—Creating the Header of the Master Page 5m 4s
—Using the Menu Widget 4m 27s
—Inserting an Accordion Widget 4m 40s
—Testing the Collapsible Menu 2m 50s
—Designing The Footer 5m 36s
—Creating an Invisible Button to Improve Usability 3m 28s

Adding Content to the Home Page for the Phone Layout
- 19m 26s

—Redefining Paragraph Styles 4m 45s
—Finishing the Hero Section 4m 6s
—Adding Content Sections to the Home Page 7m 0s
—Adding the Testimonials Section 3m 33s

Using Widgets in the Phone Site
- 27m 29s

—Adding a Slide Show Widget 6m 11s
—Creating the Phone Contact Page 4m 56s
—Adding Collapsible Content Areas 7m 59s
—Creating a Desktop Link 1m 58s
—Synchronize Text 6m 22s

Wrapping Up
- 15m 59s

—Reviewing a Tablet Layout 7m 28s
—Using Edge Inspect 3m 18s
—Other Testing Options 3m 5s
—Publishing 1m 47s
—Conclusion 0m 18s