官术网_书友最值得收藏!

Site structure with Plan view

Let's start by creating a new site.

  1. Open Muse. Choose File | New Site. In the New Site dialog box, set Page Width to 960 and Min Height to 800 pixels. Set Margins to 0 all around and Padding Top and Bottom to 10 pixels each. Set the number of Columns to 16. The columns appear as guidelines on the page and we use them to help us align the design elements on our layout. Note that Gutter is set to 20 by default, leave this as it is. The Column Width is calculated by Muse and you should see a value of 41 appear automatically in that field. Remember that all of these values can be changed later if necessary.
    Site structure with Plan view
  2. Click on OK. The Plan view opens and you'll see a thumbnail representing the Home page at the top left, and a thumbnail representing the A-Master page on the bottom pane.
  3. Save your site right away by selecting File | Save Site. Give it a descriptive name you'll recognize, such as Windsurf.muse.
  4. To create new pages, click on the plus (+) sign to the right of or below the existing pages, and then click on the page's name field to type its name.
    Site structure with Plan view
  5. Click on the plus sign to the right of the Home page and name the new page Gear. Click on the plus sign below the Gear page to add a subpage and name that page Sails. Click on the plus sign to the right of the Sails page and name the new page Boards.
  6. Sails and Boards are now on the same level and are subpages of the Gear page.
  7. Click on the plus sign to the right of the Gear page and name the new page Learning.
  8. Click on the plus sign to the right of Learning and add one more page called Contact. Your Plan view should now look like the following screenshot:
    Site structure with Plan view

Working with thumbnails in the Plan view

It's easy to add, delete, reposition, or duplicate pages when working in the Plan view. Right-click (Win) or Ctrl + click (Mac) on a thumbnail to see a contextual menu. This menu provides every option for managing your pages.

Working with thumbnails in the Plan view

In the previous screenshot, you can see the menu that appears when you right-click/Ctrl + click.

  • New Child Page: This option creates a new blank page at a lower level as the current thumbnail.
  • New Sibling Page: This option creates a new blank page at the same level as the current thumbnail.
  • Duplicate Page: This option makes an exact copy of the current page. This is most useful when you have added content and applied some formatting.
  • Delete Page: This option gets rid of the page.
  • Rename Page: This option allows us to change the name of the page.
  • Go to Page: This option opens up the current page in the Design view.
  • Page Properties: This option opens the Page Properties dialog box allowing you to set properties for the current page only.
  • Reset Page Properties: This option reverts to the original settings for the page.
  • Export Page: This option allows you to export your page as HTML and CSS.
  • Menu Options: This option allows you to choose how the page will be included (or not included) in the automatically-created menu.
  • Masters: This option lets you choose which Master design will be applied to the page.

The context menu is not the only way to get to these options, for example the most common tasks in the Plan view can be completed as follows:

  • You can rename a page by double-clicking on the page name
  • You can delete a page by hovering your mouse over the thumbnail and then clicking on the x icon that appears in the top-right corner

To reposition a page in your site map hierarchy, you can drag-and-drop a thumbnail on the same level or on a sublevel.

Spend a couple of minutes adding, deleting, and repositioning pages so that you get a feel of creating the site structure. You'll find the Plan view to be intuitive to use and extremely fast for creating site maps. You can choose Edit | Undo to undo any of the steps you've taken.

Muse tracks all the page names, and later in the design process it allows us to create menus quickly using menu widgets. All links created in the Plan view are maintained and are updated automatically if we make a change to the site structure. You can come back to the Plan view at any point during your web design process.

主站蜘蛛池模板: 石柱| 浑源县| 北海市| 岳西县| 光山县| 贡山| 搜索| 蒙自县| 牙克石市| 庆安县| 浏阳市| 麻城市| 咸宁市| 桐庐县| 通辽市| 那坡县| 新建县| 荃湾区| 呼图壁县| 花莲县| 腾冲县| 东安县| 苍溪县| 五大连池市| 东丽区| 枝江市| 兴义市| 滁州市| 盐亭县| 称多县| 桐乡市| 浏阳市| 黄平县| 车险| 临朐县| 麻栗坡县| 磐石市| 托克逊县| 海安县| 从化市| 韶山市|