Visual InterDev

Arranging Pages in a Site Diagram

Site diagrams provide an easy way to design and update the navigation structure of a Web application. In a site diagram, you create hierarchical relationships between pages by grouping pages into trees. Trees contain one or more parent pages and one or more child pages. Each Web application can have multiple site diagrams, and each site diagram can have multiple trees.

Tip Each .htm file can only appear once in a site diagram. Other files, such as .asp files, .gif files, and external pages, can appear multiple times in a site diagram.

You drag and drop pages beside or beneath one another in a site diagram to create parent, child, and sibling hierarchical relationships. Use the link lines to aid you in creating hierarchical relationships.

Layouts and the PageNavbar design-time control use trees and independent pages to determine the types of navigation bar links to include in a page. For more information, see Site Diagram Legend.

To create separate groups of pages

Select a page in the site diagram.
From the Diagram menu, choose Detach from Parent.
The selected page and all its children are now separated from the group of pages above them.

You can easily create child-parent relationships between pages.

To create a parent-child relationship between pages

Select the top page of the source tree you want to use as the child pages.
Drag the child pages below the parent page until the link line shows the pages connected.
Drop the child pages.

You can also create sibling relationships between pages.

To create a sibling relationship between pages

Select a source page in the site diagram.
Drag and drop the source page beside the target sibling page.

Note Use the link lines to determine the placement of pages either to the right or the left of the target sibling page.