Join Paul Trani for an in-depth discussion in this video Uploading and testing on mobile, part of Designing a Responsive Mobile Website with Muse.
- View Offline
- Now we get down to the exciting part…of publishing and testing our site,…not only on desktop, but on mobile.…So, what you need to do is go over here to Publish…and again, we've been checking this…all along on our desktop, but we want to publish it out…by selecting the Publish, Option.…You notice it says the site will now link…to your Typekit account,…which is included as part of your Creative Cloud account…in case you've used any Typekit fonts.…Now, what you'll get right in here…is you'll have to enter in a name for your site, okay?…You get up to five sites hosted on Business Catalyst.…
Click OK, it will publish it out.…Additional options are the ability…to upload to your own FTP server,…as well as exporting out the HTML…and then uploading it a different way.…But honestly, this is the easiest way.…It helps us test it out…because we're going to have that specific URL,…so we could try it out on our desktop again at that URL…and then try it out even on mobile devices.…All right, and here is my site.…Again, at this URL, I can test it out on my desktop again,…
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