Many applications let you create websites with little or no coding, but Adobe is betting print professionals are ready for one more. Adobe’s new web design program, codenamed Muse, lets users take advantage of their familiarity with InDesign to build entire sites as easily as they might create brochures.
But while Muse transports the page layout paradigm to the web intact, it offers features that establish it as an exciting new tool for making sophisticated, interactive sites.
Plan and design your site
Muse’s Plan view is a sitemap that lets you easily add or delete pages, drag and drop to rearrange and nest them, and create master pages that can be applied by dropping them onto other pages in your site. Here you can also customise properties like page size, the number of columns in each page and page metadata. Double-clicking pages opens them for editing.
Pages are crafted in Design view, where you can switch among open pages, even multiple sites, in Photoshop-like tabs. Six tools are available: Selection, Crop, Text, Zoom, Hand and Rectangle. A control panel below the toolbar updates depending on your selection, giving you quick access to web-safe fill and stroke colours, fonts and text styling options, a hyperlink style editor and more.
Even though Muse is strictly WYSIWYG, you can easily add custom HTML from sites like Google Maps, YouTube and Facebook. On the original site, just customise the code you want to export, then copy and paste it anywhere on your page. The HTML object will appear ready to be repositioned to your liking, and you can even edit its code.
Muse’s Font menu is divided between web-safe fonts like Helvetica, Georgia and everyone’s favourite, Comic Sans, and those that aren’t. Safe fonts appear in your final site as selectable text, but you can still use the others. They’ll be automatically exported as image files, so your site looks correct to all visitors. Muse even includes an HTML version of converted text in the Alt tag so search engines can find it.
While Muse lacks templates, its Widgets behave like mini-templates you can drop onto pages. They add dynamic features like navigation bars, slide presentations, photo galleries and more. Best of all the appearance and behaviour of each widget, including size, fonts, colours and rollover states, can be extensively customised, just like objects you create yourself.
The Composition widgets add special information (like slide presentations, news updates or tooltips) to your site. A blank option lets you build your composition from scratch. Muse’s three navigation menus (two horizontal and one vertical) can help users get around your site. Each automatically recognises the names and structure of your site’s pages, and you can include subpages in your menu with a click.
Muse’s tabbed and collapsable accordion-style widgets present a page’s main message in a compact, interactive space. Like many of Muse’s widgets, panels offer an Edit Together option that automatically applies changes made to one object in the widget (like a subhead, for instance) to the rest.
You can add images to pages simply by dragging them into Design view from the Finder, but Muse’s Slideshow widgets offer more interesting possibilities. Instant thumbnails, customisable autoplay options, and your choice of navigation controls are just a few.
Preview and present your work
Muse offers several ways to see how your site is shaping up. A built-in Preview mode lets you test your site without leaving the application, and you can view the current page (or an entire site) in your default browser with a command in the File menu.
When your site is complete, you can export it as HTML to a folder on your desktop for upload to a server. You can also publish directly to the web by creating a free account with Business Catalyst, Adobe’s hosting platform. In both cases you have the option of exporting either revised content or an entire site.
Here's a site I created with Muse, hosted on Business Catalyst.
Muse offers many more features to explore, including easy conversion of Photoshop file layers to button states, simple header and footer element selection, and too many widget customisation options to mention here. Muse is a free beta until the first quarter of 2012, giving you plenty of time to download a copy and see what inspires you.