A site map represents the hierarchical structure of a web site. You can create pages that are on the same level (no sub-pages) or you can create site maps that contain different tiers of pages. (For example, a larger site could have an About page that contains two subpages named Our Mission and Our Staff.)
Muse makes it easy to create and rearrange the pages into any order you prefer, and you never have to worry about broken links. However, it is important to spend some time organizing the content of a new site, defining which pages are needed, and deciding how to present the site's information. In a real-world project, it is part of the pre-planning phase to finalize the different site sections and choose the order of the pages.
Adobe Muse allows you to create site maps using the Plan view. When working with Site Maps, Muse not only represents the hierarchy of your website, but also hierarchy of master pages.
To create a site map, follow the steps below:
- In Plan view within Adobe Muse, hover over the Home page thumbnail and click the plus (+) icon to the right of the Home page thumbnail, to create another page at the same level as the first one. Click the label field below the new page and provide a name for it.
When you click the plus (+) sign icon below a page thumbnail, you create a sub-level page to expand a section with pages that relate to a specific topic.
- Repeat this operation again, to create more pages on the same level as the Home page.
After making these changes, the site map is complete.
By default, the page width in each page corresponds to the screen size of desktops. You can create your site for other devices by using the responsive layout. See Responsive Layout for information on creating a responsive website.
However, if you want to use fixed or alternate layout to create websites for mobiles, tablets and desktops separately, click Page > Add Alternate Layout. Then, choose Tablet or Mobile.
In addition to choosing a layout from Page, you can also use keyboard shortcuts to toggle between site plans once you have more than one layout:
- Press Command+7 (Mac) or Control+7 (Windows) to jump to the Desktop site map.
- Press Command+8 (Mac) or Control+8 (Windows) to jump to the Tablet site map, or
- Press Command+9 (Mac) or Control+9 (Windows) to jump to the Phone site map.
These keyboard shortcuts are only active in site projects that contain at least two Desktop, Tablet and/or Phone layouts.
Now that the site map is set up, you'll move to the next section and learn how to edit the A-Master page to add the shared site elements, including the footer content.