Join Paul Trani for an in-depth discussion in this video Creating a portfolio, part of Designing a Responsive Mobile Website with Muse.
- View Offline
- Since this is a portfolio site,…I figured it's about time I add a portfolio,…not any portfolio,…but one that scales with the browser…and is always going to look good…regardless of where you're seeing it,…so, if we double click into the portfolio page,…I'm just going to resize the view to about 75%,…because right in here, this is where I want to…drop in a gallery, okay,…and in fact, I'm going to use a gallery widget,…so if you go to 'Window',…'Widget Library',…open up your 'Widget Library', should be on the side,…that's exactly what this menu is,…but if you go into 'Slideshow',…this is where we're going to grab a gallery,…and to be honest with you,…most of these are the same thing…just with different options turned on by default,…but I want you to grab the basic slideshow…and drag it right into your browser,…just like that,…and you can see, there it is,…an image that you probably did not take,…that photo you didn't take,…so you need to replace those,…but here's where you have all the powerful options…for your gallery or portfolio.…
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