Join Paul Trani for an in-depth discussion in this video Adding content with a fixed size and position, part of Designing a Responsive Mobile Website with Muse.
- Now, pinning content and adding…fixed positions of things…maybe sound counterintuitive to responsive design,…but it's hugely helpful giving you that flexibility.…Just like we did here, if I go into 'A-Master',…well, this content is actually pinned to the top,…yes, it is flexible, even as I select this logo…right over here, and I'll scale it down just a little bit,…just so we can see the bottom edge,…but nonetheless, it's pinned to the upper right,…so technically it's pretty static.…But we could do that with a number of items,…so even if I wanted to, say, let's just scale…the view down a little bit to a 75%,…if I wanted to add a footer, as I'm doing right now,…sort of dragging out a rectangle,…giving it a fill of black,…and then just adding text in here,…this is another case where I might want to pin this content,…so I'll just add in some text,…whatever disclaimer you want, whatever you want to add,…you can type that in, we'll change this to white,…because this is going to go, actually like, right down here.…
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