Design websites without coding with Muse CC

Muse is a fantastic tool in Creative Cloud – and one you might not be overly familiar with. Here are 10 tips to help you master it.

Muse is the perfect Creative Cloud tool for designing websites without writing a line of code. It integrates brilliantly with all the other CC apps and services, and you can quickly test and host your site, all within Creative Cloud. Here we show you the features, including Typekit integration, and explain how you can use it within your Creative Cloud workflow to create fantastic websites without touching a line of code

01. Hundreds of fonts to work with

When you’re designing a web layout in Muse you certainly aren’t short of font choices. Muse integrates with Typekit and Adobe Edge Web Fonts, and of course web-safe and system fonts. You can only benefit from this functionality with a Creative Cloud membership.

02. Hosting with Adobe - or anyone else

When you have a Creative Cloud membership, you can seamlessly publish your website to Business Catalyst without worrying about FTP or server details. Of course, though, if you want to use a different host you can do so by exporting your HTML and uploading in the normal way.

03. Anywhere file access

You get 20GB of cloud storage when you’re a member of Creative Cloud, enabling you to access your website files anytime, anywhere. You can even share design mockups and live site demos with clients and colleagues. Very nice.

04. In-browser editing

If you’re designing a site for a client in Muse, you can let the website owners make changes to the content of their live sites through a browser. You can handily choose whether to merge changes with the original Adobe Muse files.

05. Great interactivity

In Muse, you can drag and drop to add custom navigation, slide shows, contact forms and more to your websites. What’s more, all of the Adobe Muse CC interactive widgets are touch-enabled for mobile devices, meaning you don’t need to worry about implementing them separately for mobile websites.

06. New scroll motion effects

Thanks to this new feature of Muse, you can now make page elements move in different directions at different speeds with the scroll of a mouse, or touch of a finger. There are already some great examples appearing. Used well, this feature will add a new dimension to your pages.

07. Site preview and testing

Preview desktop, smartphone and tablet versions of your websites directly within Muse. This means you can review websites with your clients and make modifications before websites go live.

08. Site planning

Using the site planning tools available in Muse, you can lay out your website visually. Add, name and arrange pages in your sitemap and apply master page settings. You can also drag and drop to reorder pages, taking the pain out of planning a complex site design.

09. Embedded HTML

With the ability to embed HTML into your Muse pages, you can add Google Maps, YouTube videos, HTML5 animation files and more to your websites without writing a single line of code. All you need to do is copy and paste source code into your page - it’s as simple as that.

10. Latest web standards

With Muse you can be assured that your sites will load quickly and render well across multiple browsers and devices. Adobe Muse CC code takes advantage of the latest advancements in web standards and browser capabilities.

This article was originally published in The Ultimate Guide To Adobe Creative Cloud.

Now read these: