In Adobe Muse, rearrange tabbed document windows in a manner that is convenient for you to move content across pages or layouts. For more information, see Managing Tabbed Document Windows.
Use tile document windows, dock and undock panels, create panel groups in Adobe Muse to customize your workspace.
Adobe Muse is no longer adding new features and will discontinue support on March 26, 2020. For detailed information and assistance, see Adobe Muse end-of-service FAQ.
Workspace within Adobe Muse consists of various elements, such as panels, toolbars, and windows. Any arrangement of these elements is called a workspace. Adobe Muse allows you to customize workspace to suit your design needs. You can un-dock and re-organize panels, and open multiple Design view windows for side-by-side designing. You can also drag and drop design elements across windows or layouts. This can be helpful when working on desktop and mobile layouts at the same time, to be able to reuse common content across layouts.
The Adobe Muse UI is optimized for high resolution display on devices that support HiDPI. The HiDPI appearance of Adobe Muse makes panels, tools, and other UI elements look sharper and cleaner.
Although the default workspace layout varies in different Creative Cloud products, you can manipulate the elements much the same way in all of them.
Tools and other elements within Adobe Muse workspace are enabled depending on the currently selected view. When working with Adobe Muse, it is necessary that you switch between different views. Adobe Muse has Plan, Design, Preview, Publish, and Manage views to facilitate different stages of web design.
Adobe Muse displays the Plan View on creating a site or opening an existing one. The Plan view allows you to build Sitemaps for your websites, there by setting the hierarchical structure of your page. You can also use the Plan View to associate individual pages of your website with Master Pages.
A. Tabbed document windows B. Horizontal site map display C. Vertical site map display D. Workspace layouts E. Sitemap F. Master pages G. Tools panel
The Design View is the most important view, and is central to working with Adobe Muse. The Design view offers tools, widgets, and functionality that allows you to design rich and complex websites without writing code.
Design View contains the web page canvas on which you can design your pages using various tools, widgets, and other design capabilities offered by Adobe Muse. The web page canvas contains Guides and Rulers to help you make optimum use of real estate on your web page.
By default, Panels are arranged to the extreme right of the Design View. However, Adobe Muse allows you to dock and undock panels, and rearrange them per your convenience.
The toolbar allows you to select tools that allow you to style your page such as Background and Browser Fill, Stroke, and Effects. The toolbar is also populated with additional tools depending on the currently selected panel.
The application bar also contains options to control the view within Adobe Muse.
A. Selection Indicator B. Drop-down menus C. Control panel D. Workspaces layout E. Panels F. Rulers G. Guides H. Tools panel
You can use the Preview mode to test your website. The appearance of your website in the Preview mode closely resembles the appearance on any of the latest browsers. The Preview mode appears as a document window and can be floated or tiled within the Adobe Muse workspace. You can refresh the preview to view modifications made to your website.
A. Refresh B. Workspaces layout C. Web page preview
The Publish mode allows you to publish your website to Business Catalyst. Selecting the Publish mode displays the Publish dialog. On the Publish Settings dialog, specify the following:
The Share menu in Adobe Muse allows you to easily share the URL of your freshly published site. You can share the URL of your live website, or the URL for In-Browser Editing using the Share menu.
After you publish your website, click Share. A dialog box with the link to the live site and In-Browser Editing appears.
For every website, two separate URLs are generated, one for the live site and for In-Browser Editing.
Based on the URL that you want to share, click the appropriate Copy Link option. The URL is copied to your clipboard. You can then send these URLs through email or other channels to share them with the stakeholders.
The Manage mode allows you to manage and update websites on Business Catalyst. You can use the Manage Mode if you use Adobe Business Catalyst as your hosting service provider. On selecting the Manage Mode, Adobe Muse redirects you to http://businesscatalyst.com/. Sign in using your Creative Cloud credentials to begin editing your website. For more information, see Business Catalyst Help.
When you work with multiple web pages and sites, Adobe Muse creates tabs for all open windows. You can access any of the pages by simply selecting the window.
Adobe Muse allows you rearrange document windows by tiling them within the workspace. Tiling document windows is an easy way to work on multiple layouts for comparison and side-by-side design. You could also copy contents of a page across tiled document windows. Tiling document windows is particularly useful when working on multiple layouts. You could design once, and simply copy contents across layouts.
To tile document windows, select Window > Arrange > Tile.
To reset document windows to their default view, select Window > Arrange > Consolidate All By Site.
Adobe Muse allows you to easily reuse common content across multiple pages and layouts. When working with Adobe Muse, it is common practice to Tile or Float tabbed document windows. It is common web design practice to reuse design elements across web pages and layouts to keep apperance of a website uniform. Adobe Muse allows you can drag common design elements such as logos, text, headers, background images, and more across pages and layouts.
In Adobe Muse, rearrange tabbed document windows in a manner that is convenient for you to move content across pages or layouts. For more information, see Managing Tabbed Document Windows.
Drag and drop your selection to another layout or page.
After dropping your selection on another page, select Window > Arrange > Consolidate All By Site.
A dock is a collection of panels or panel groups displayed together in vertical orientation. You can dock and undock panels by moving them into and out of a dock.
To dock a panel, drag it by its tab into the dock, at the top, bottom, or in between other panels.
To dock a panel group, drag it by its title bar (the solid empty bar above the tabs) into the dock.
To remove a panel or panel group, drag it out of the dock by its tab or title bar. You can drag it into another dock or make it free-floating.
You can prevent panels from filling all the space in a dock. Drag the bottom edge of the dock up so it no longer meets the edge of the workspace.
As you move panels, you see blue highlighted drop zones, areas where you can move the panel. For example, you can move a panel up or down in a dock by dragging it to the narrow blue drop zone above or below another panel. If you drag to an area that is not a drop zone, the panel floats freely in the workspace.
The position of the mouse (rather than the position of the panel), activates the drop zone, so if you can’t see the drop zone, try dragging the mouse to the place where the drop zone should be.
To move a panel, drag it by its tab.
To move a panel group, drag the title bar.
Press Ctrl (Windows) or Command (Mac OS) while moving a panel to prevent it from docking. Press Esc while moving the panel to cancel the operation.
If you remove all panels from a dock, the dock disappears. You can create a dock by moving panels to the right edge of the workspace until a drop zone appears.
To remove a panel, right-click (Windows) or Control-click (Mac) its tab and then select Close, or deselect it from the Window menu.
To add a panel, select it from the Window menu and dock it wherever you want.
To move a panel into a group, drag the panel’s tab to the highlighted drop zone in the group.
When you drag a panel out of its dock but not into a drop zone, the panel floats freely. The floating panel allows you to position it anywhere in the workspace. You can stack floating panels or panel groups so that they move as a unit when you drag using the topmost title bar.
To stack floating panels, drag a panel by its tab to the drop zone at the bottom of another panel.
To change the stacking order, drag a panel up or down by its tab.
Be sure to release the tab over the narrow drop zone between panels, rather than the broad drop zone in a title bar.
To minimize or maximize a panel, panel group, or stack of panels, double-click a tab. You can also double-click the tab area (the empty space next to the tabs).
To resize a panel, drag any side of the panel. Some panels, such as the Color panel in Photoshop, cannot be resized by dragging.
You can collapse panels to icons to reduce clutter on the workspace. In some cases, panels are collapsed to icons in the default workspace.
To add a floating panel or panel group to an icon dock, drag it in by its tab or title bar. (Panels are automatically collapsed to icons when added to an icon dock.)
To move a panel icon (or panel icon group), drag the icon. You can drag panel icons up and down in the dock, into other docks (where they appear in the panel style of that dock), or outside the dock (where they appear as floating icons).
Adobe Muse allows you to set color themes for the workspace. You can choose to use any of the 4 color themes available with Adobe Muse.
The dark user interface themes allow you to focus fully on the design, due to the contrast between the UI and the web page canvas.
To choose a color theme, do the following:
Adobe Muse lets you find and replace text within a page or the entire site.
A. Find B. Replace C. Replace/Find D. Replace All E. Whole Word F. Backward G. Match Case H. Search I. Replace Text J. Find Text
When working with Adobe Muse, warnings are generated for tasks that are potentially erroneous or will not deliver expected results. Such warnings are listed in the Warnings panel. When designing your website, it is good practice to have the Warnings panel open.
To bring-up the Warnings panel, select Windows > Warnings.
Sign in to your account