• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 13. Managing Web Sites > Managing a site with the Navigation and Links v...

Managing a site with the Navigation and Links views

The Navigation and Links views are powerful tools for controlling your site and are accessed from the same palette group. You can view your site in a graphical or outline mode, see how pages and other site objects relate to each other, and manage links and pages. The Navigation view lets you see the overall structure of your site. The Links view lets you see all site objects, including media files and how they are linked to various pages. Here, you will use these views to check the links in your site, add pages, and create links to them.

Choose Design >Navigation View to open the Navigation view.

If necessary, choose Window >View Controller to open the Site View Controller, and choose Window > In & Out Links to open the In & Out Links palette.

Navigation view

Site View Controller

In the Navigation view, click the plus sign () below Index.html to see more of the site.

The Navigation view shows the Index.html page at the top of the site hierarchy and three other pages on the level below. There are link indicators into () and out of () pages, which show links to and from pages that are located in other parts of the site hierarchy.

Click on the Appraise.html page. The In & Out Links palette now shows all the links to and from that page.

Selecting page to view its links in In & Out Links palette

Select another page in the Navigation view. The In & Out Links palette changes to display that page.

Close the In & Out Links palette when you have finished.

You can also collapse and expand parts of your site hierarchy. This is especially useful if you have a large site.

Click the minus sign () below the Index.html page icon. The site collapses into the Index.html page icon.

Collapsing site hierarchy into Index.html

Result page icon

Expand the site again by clicking the plus sign () below the Index.html page icon. The site expands to show all the other pages directly linked to Index.html.

You can also change the way the Navigation view displays your site.

Click anywhere in the Navigation view window to deselect the Index.html page, if it's still selected.

In the Display tab of the Site View Controller, the Graphical option is currently selected. You would normally use this mode to arrange and navigate across the objects in your site.

The Site View Controller has three tabs that let you set the Navigation, Display, and Filter properties of the Navigation and Links views. Take a look at the tabs and their options before continuing.

Click the Links tab next to the Navigation tab to switch from the Navigation to the Links view (the two views are grouped together in a palette). Then click the right plus sign next to Index.html.

Click the Filter tab of the Site View Controller, and click the Toggle Media button.

The Filter tab lets you choose which site objects that you see in the Links view. Notice how the content of the Links view has changed (you may have to scroll to see the changes). All the media files in your site are shown or not shown alongside the HTML pages when you click the Toggle Media button.

Drag the horizontal scrollbar of the Links view to the right to see all the added media files, if necessary.

Switch back to the Navigation view by clicking its tab.

Choose Scratch Pane from the Navigation view's pop-up menu. The Scratch pane lets you see pages that have been added to your site, but which remain unlinked.

The pages that you recently added to your site, Martin.html and Hottest.html, as well as an unreachable image file, Martin.gif, and an unused HTML page, Gibson.html, are displayed. If necessary, scroll to see the files.

Adobe GoLive also provides an Outline view of the site hierarchy.

Click the Display tab of the Site View Controller. At the top of the Display tab, select Outline.

The Outline mode displays a tabular view of your site. It also provides information about each object's status, type, and URL.

In the Outline mode, click the symbol next to the Index.html page to expand the tree view, if necessary. In this mode, you can expand and collapse the view, as well as move site objects. Outline mode provides a more compact view that resembles the site window's Files tab.

Expanding Outline mode of Navigation view

In the Display tab of the Site View Controller, select Graphical to return to a graphical view of your site.

In the Display tab, try some of the other view options. When you have finished, select Icons and File Name, and set the Cell Size Width value to 55 and the Height value to 140.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint