Learn how to use Muse to create a responsive website that looks great on a desktop, tablet, or mobile device. Learn how content can adjust and change so your site always looks good—regardless of where it's viewed.
- View Offline
- [Voiceover] Hello, and welcome to creating a responsive website with Adobe Muse CC the 2015 release. My name is Paul Trani, and I'm excited to show you Muse and how to create a rich, robust, responsive website from scratch; how to create and import rich graphics, create just the look you want; how to end your own portfolio and even a contact form, without writing any code. I'll also show you how to add social media content from, say, Facebook and Twitter. And because we're building a portfolio site, it's really easy, but you can also adopt this for any small-business site.
But it's more than just that, because we're building a responsive site. That means our site is going to look good regardless of where it's being viewed, be it desktop, tablet, or mobile device. And it's all the same content; just formatting and displaying the appropriate purse screen makes it easy to update, and will go clear to the upload stage even with your own custom URL. All done using Muse, all done very easily. So I hope you feel empowered after watching this because it is a lot of fun. I'm excited, and you should be, too. So let's get started.
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