Home / Articles / Adobe Dreamweaver / Create Text-Based Links in Dreamweaver 8

Create Text-Based Links in Dreamweaver 8

Chapter Description

In this lesson, you’ll develop the initial framework of the site structure by developing placeholders for the pages in the Yoga Sangha project site. You’ll link these pages together using Dreamweaver’s visual site-mapping tools to create a working test site. Creating this kind of framework through pages and links in a bare but functional version of the site can help you test the navigation that you have developed. Testing the proposed site structure before creating the design will help you catch fundamental problems at the beginning of development, enabling you to address them more efficiently.

Viewing a Subset of the Entire Site

As your site becomes larger and more complex, the site map might become too big to see in the Files panel. You can refine the view to show just a selected page and its links.

  1. In the Files panel site map, select the index.html page inside the about folder.

    Viewing the index.html document from the about folder as a subset will let you focus on any pages that can be accessed with about/index.html as the starting point—this can be helpful if you have a large site.

  2. From the Files panel menu (Windows) or through the Options menu on the right top side of the Files panel (Macintosh), choose View > Site Map Options > View as Root.

    The site map changes to show the about/index.html page as the root (the top level of the map view) along with its links (the second level). Below the Files toolbar is a gray bar displaying the hierarchy of the site, beginning with the file you set as the home page and ending with the file that you chose to view as the root of the site. In this exercise, you should see index.html > index.html. You might see a red arrow just after the index.html file on this bar if there is not enough room to display the full file path.

  3. Click the Dreamweaver file icon to the left of the first index.html listed on the Site Navigation bar.

The site root is returned to your home page—the top-level index.html page in the Yoga Sangha project site.

11. Saving the Site Map | Next Section Previous Section