Join Paul Trani for an in-depth discussion in this video Adding flexible images, part of Designing a Responsive Mobile Website with Muse.
- When it comes to creating content in Muse,…it really is pretty simple.…And quite frankly, we just have the Text Tool…and the Rectangle Tool.…So, it's not tremendously advanced…but that's only at the surface.…Because if I drag out a box here…notice how I can change the color to white.…This could be just a regular box…but even off to the side if I decide to add another one,…these little boxes can really do a lot.…Because I don't necessarily just have to add…and say, for instance, a color like black.…
I can actually add an image.…And I'd rather have you add an image through a fill,…because that's going to give us more flexiblity…than placing a graphic. Okay?…And I'll show you the differences.…So, first off, I'm just going to drop in…an image right in here.…If I select Fill, Add Image,…selecting this about image right here.…Okay, that's in your Assets folder, Images,…just like that.…Okay, it's original size.…We want to actually Scale to Fill, just like that.…And we can kind of make it centered just like that…for that position.…
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