Join Paul Trani for an in-depth discussion in this video Importing images, part of Designing a Responsive Mobile Website with Muse.
- Muse allows you to do a lot when it comes to web design,…but when it comes to creating graphics,…chances are you're going to be importing those.…In fact, that's what I want to do on this master page.…As I open it up, I actually want to just import a logo.…It's actually created in Photoshop,…so if I go to File, go to Place,…that's where you'll find this logo.psd.…There's also a png file there as well,…but I'm just showing you, you can actually use a psd file.…Opening that up, and you can see it's gonna give me…a composite image of that logo.…
Selecting Okay, and I want to put it right up here.…I can just click and drag that out just like that,…and there's my logo.…So that's where I want to position it,…right over there, something like that,…and I've added that as part of my master page.…So I'll close that, and you can see…it's on all of the various pages.…Well, now I want to double-click,…and I want to start to add more graphics.…In fact, I want to add a big background image…for each one of these pages.…So in order to do that, I don't need to import them,…
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