Adobe Muse / Tutorials

Getting started with Adobe Muse, part 7

Using the Dashboard to manage sites

Managing a site includes tasks that you perform prior to launching it, including upgrading the site, setting the site's final domain name (URL), and adding new users. If you choose to add your clients as users of the site, they can log into the Admin Console to see traffic reports and check the site's performance.

Generally speaking, you won't upgrade your site until after the design is complete and you have registered its domain name. To learn more about domain name registration, read Learn how to change the domain name.

To manage your site, click the Manage link in the publish confirmation message window shown above or click the Manage button (see Figure 65).

 

Figure 65. Click the Manage button to access the Dashboard and manage your site.

The Manage button launches the Dashboard (home page of the Admin Console) in a new browser window (see Figure 66).

Figure 66. The Dashboard is an online interface containing site management features.

Using the Dashboard, you can upgrade your site by initiating the payment of hosting fees. To upgrade your site using the hosting credits that you get as a subscriber, click the Push Site Live button in the Site Status section (see Figure 67).

 

 Figure 67. Click the Push Site Live button to use your hosting credits.

A dialog box appears, asking if you'd like to use one of the included hosting credits that comes with your subscription. At the time of this writing, you get one free hosting credit if you subscribe to Adobe Muse software or five free hosting credits if you subscribe to the Creative Cloud.

If you'd like to use one of your credits, click Push Site Live (see Figure 68)

 

Figure 68. Click Push Site Live to automatically upgrade the site and use a hosting credit.

Or, you can enter credit card information so that you or your client can pay for site hosting. If you prefer that form of payment, click the Partner Portal link in the top of the Dashboard, then choose the name of your site in the Clients tab and click Upgrade. The Upgrade window that appears enables you to enter the payment information (see Figure 69).

 

Figure 69. You can also enter credit card information if you do not want to use one of your credits.

The Dashboard appears and the site status is updated to Live (see Figure 70).

 

Figure 70. The status indicates the site is now live and the Push Site Live button has disappeared.

From the Dashboard, you can click the link to add a new user to the site (see Figure 71).

 

Figure 71. Click the Invite a new user link in the Users section to enable another user to access the site's Dashboard.

There are two types of users that you might want to add as Admin users:

Other web designers: If you are working with a team to design a Muse site, you can add your colleagues as Admin users so that they can update the site files and manage the site too.

•  Your clients: They may be interested in logging in to the Dashboard to view the reports and learn how their site is performing.

•  Note: Your clients do not have to have Muse installed to access the Dashboard of their site. They can access it using any web browser with an Internet connection, using the user name that you set up for them. If you are working remotely, you can also log in to the Dashboard using any computer that has a browser and an Internet connection.

If you click Add a domain, you are presented with a window that enables you to associate a domain name you have registered with the upgraded Muse site. This is one of the final steps you'll take to launch the finished site and make it available to the general public (see Figure 72).

 

Figure 72. Enter the domain name that you've registered for a site in the Associate Existing Domain window.

To learn more about managing your site, or uploading the site to a third party hosting provider, see the tutorial titled Upgrading and launching your Muse site.

 

Back to Top >>

Making a device-friendly website

Once you've published your Muse site, view the trial site by entering the site's address using your tablet or smartphone. It's a best practice to check the display of your site in this way, because mobile devices are becoming increasingly popular. Your visitors may be using them to browse the web and access your sites, even if you didn't intend to build a mobile website.

Consider the following when designing sites for multiple devices and screen sizes:

•  Avoid placing elements, except pinned objects, to the left or right sides of the page area. The page area is defined in Muse in the Site Properties and Page Properties dialog boxes. When you enter in a page width in either of those dialogs, Muse draws blue guides to show you the outlines of the page's width. If any unpinned objects fall outside of those boundaries, your site may display a gap on the side.

•  Pinned items will not remain pinned on some touch devices, such as iPhone and iPad. This is a deliberate decision on Apple's part, possibly to prevent websites from crowding smaller screen spaces with pinned objects.

•  Adobe Flash® technology is not supported on iPhone and iPad. Again, this is a deliberate decision by Apple and a fact of life. If you embed rich media content on your Muse site, be aware that it will not be displayed if visitors use their iPhone or iPad to access your site.

•  Touch devices do not support a rollover (hover) state, because they cannot detect when your finger is hovering above the screen. Many devices treat the first touch as a hover and a second touch as a click to compensate. Be sure to test the behavior of buttons when adding sublevel menu items in Menu widgets, or when adding rollover states to any object using the States panel.

•  Embedded HTML that you pasted or added to pages using the Object > Insert HTML command can produce unexpected results on smartphones and tablets. If you encounter a problem on a page with embedded HTML, try troubleshooting the page by temporarily removing the embedded HTML to see if that resolves any issues when the site is viewed on devices.

Designing for multiple devices will always require more flexibility on your part compared to designing only for desktop screens. Your site may never work exactly the same on a mobile phone and a desktop computer, which is okay. Focusing too much on ensuring the experience is identical across devices can be a mistake because users interact with smartphones and tablets differently than they do with a desktop computer. Instead, invest time improving the quality of the user experience, rather than trying to achieve exact uniformity for your cross-device designs. Keep this goal in mind when evaluating how well your site performs on mobile and tablet devices.

Support for multiple devices in Muse is evolving. As more features are added to Muse, you may able to more precisely control how a site looks and interacts on different screens. If you've followed the tips listed here and are still experiencing problems with your site on mobile devices, post your site's URL and a description of the issue to the Muse support forum. This enables the Muse team to evaluate your site and learn about ways they can improve Muse to create sites for mobile devices.

 

Back to Top >>

Exporting HTML

As you are working to design a site in Muse, you can export all the site files any time. Muse generates the HTML, CSS, and scripting files and creates a full site with sliced image files and assets. Exporting is a simple process that only takes a few minutes.

Exporting a site in Muse to generate a folder of site assets

There are three main reasons to export the site files from a Muse project:

•  The files are stored on your local drive as a backup of the site, so you can access them locally.

•  You can use an FTP client (a free third-party tool or Adobe Dreamweaver) to upload your website to any service provider you want to use to host your site.

•  You can repurpose some of the image files you created for your site for other projects, such as social media sites, email newsletters, and blogs.

Muse automatically slices and optimizes image files as you publish or export a site. Exporting is a handy way to generate a folder of the site assets that can be used for any project, including mobile applications that will be delivered online.

Follow these steps to export while your site is open in Muse:

1. Choose File > Export as HTML.

The Export to HTML dialog box appears.

2.     Choose the location on your computer where the files will be saved, and then click Export (see Figure 73).

Figure 73. Enter the site's domain name in the Export to HTML dialog box and then click OK.

It can be helpful to export the entire site to your local hard drive in situations where you want to repurpose the site's web assets for email newsletters, social media sites, and mobile applications. Muse exports the optimized image files into a separate folder. You can also manually upload the exported files to the hosting account of your choice. To learn more about uploading file to an external hosting provider, see Using a third-party FTP client to upload assets to a hosted Muse site.

Where to go from here

To get more tutorials and training videos, see the Muse Learn page. To get more information about Muse, check out the product FAQ. And to see examples of amazing websites built with Muse, visit the Muse Showcase.

 

Back to Top >>

Sample files

 

Sample website

 

Prerequisite knowledge

 

 

 

 

 

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Use of this website signifies your agreement to the Terms of Use and Online Privacy Policy.