- Learning Adobe Muse
- Jennifer Farley
- 764字
- 2021-08-05 18:59:25
Site structure with Plan view
Let's start by creating a new site.
- 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.
- 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.
- Save your site right away by selecting File | Save Site. Give it a descriptive name you'll recognize, such as
Windsurf.muse
. - 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.
- Click on the plus sign to the right of the Home page and name the new page
Gear
. Click on the plus sign below theGear
page to add a subpage and name that pageSails
. Click on the plus sign to the right of the Sails page and name the new pageBoards
. Sails
andBoards
are now on the same level and are subpages of the Gear page.- Click on the plus sign to the right of the
Gear
page and name the new pageLearning
. - Click on the plus sign to the right of
Learning
and add one more page calledContact
. Your Plan view should now look like the following screenshot:
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.

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.
- Delphi程序設(shè)計(jì)基礎(chǔ):教程、實(shí)驗(yàn)、習(xí)題
- 摩登創(chuàng)客:與智能手機(jī)和平板電腦共舞
- 自己動(dòng)手實(shí)現(xiàn)Lua:虛擬機(jī)、編譯器和標(biāo)準(zhǔn)庫(kù)
- 羅克韋爾ControlLogix系統(tǒng)應(yīng)用技術(shù)
- Symfony2 Essentials
- Hands-On GUI Programming with C++ and Qt5
- Python自然語(yǔ)言理解:自然語(yǔ)言理解系統(tǒng)開(kāi)發(fā)與應(yīng)用實(shí)戰(zhàn)
- Go語(yǔ)言從入門(mén)到精通
- Anaconda數(shù)據(jù)科學(xué)實(shí)戰(zhàn)
- 金融商業(yè)數(shù)據(jù)分析:基于Python和SAS
- C語(yǔ)言程序設(shè)計(jì)教程
- MongoDB Cookbook
- Python深度學(xué)習(xí)與項(xiàng)目實(shí)戰(zhàn)
- Hybrid Mobile Development with Ionic
- 胸有成竹!數(shù)據(jù)分析的SPSS和SAS EG進(jìn)階(第2版)