Join Paul Trani for an in-depth discussion in this video Using the exercise files, part of Designing a Responsive Mobile Website with Muse.
- If you're a premium member of the lynda.com online training library, you have access to all the exercise files used throughout this title. In fact, here they are on my desktop. If I open those up, you'll see a number of folders. You'll see an Assets folder and various assets in here, as well as various Chapter folders where you'll have the Begin and then the Final files. So, you can jump ahead anytime you want. In fact, here's the final website right in here, and feel free to take this website and swap out all the graphics yourself.
Now, if you're a monthly member or an annual member of lynda.com, you don't have access to these exercise files, but honestly, you can follow along just as easily with your own assets which is what you want to do anyways. Create your own website. So, let's jump right in and get started with creating a responsive website with Adobe Muse CC the 2015 release.
These tutorials teach the basics of designing a responsive website in Muse CC 2015. The site you complete in this course will "respond" and look great across desktop, tablet, and mobile. You'll never have to create separate versions of your sites again! And the site is not just responsive. Author Paul Trani also shows how to make it modern and fully functional, complete with Typekit fonts, flexible imagery, a portfolio, social media integration, and even a contact form. All without writing any code.
Unlike creating and maintaining different sites for mobile, tablets, and desktops, with a responsive design you'll only have to update one site. That content changes and adjusts based on the screen it's on—whether it's on a laptop, tablet, or mobile phone. Follow along to learn how images, text, and other content can be made to respond based on the screen size, orientation, and other options. The end result is a gorgeous site that looks great regardless of where it's being viewed.
- Understanding responsive design
- Using images and text in Muse
- Creating flexible ("fluid") and fixed content and layouts
- Adding a portfolio, contact forms, and social media buttons
- Creating tablet and mobile layouts
- Using resolution-independent SVG images
- Uploading and testing the website