Home / Articles / Adobe Creative Suite / 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.

Creating a Site Map

A site map gives you a visual representation of a selected portion of your site. It does not display all the pages in your site; rather, it starts with a page that has been defined as the home page and shows you all pages that the home page links to. It continues down the hierarchy of links until it reaches a dead-end page—one with no links. If you have “orphaned” pages that cannot be reached through direct paths from the home page, they do not display in the site map.

  1. In the Files panel, Right-click (Windows) or Control-click (Macintosh) the index.html file located in the Lesson_03_Links folder and choose Set as Home Page from the context menu.

    You’re selecting the top-level index page in the Lesson_03_Links folder as the home page—the main page of the project site.

    You will not see the result of this command until you enable the site map. Now that you have defined the home page, you can switch to the site map view. A home page must be created to give the site map a starting point.

  2. Click the Site Map button on the toolbar and choose Map Only from the menu that appears.

At this point, you should see a map with the index.html, definitions.html, and sanskrit.html documents, and an external link icon representing the yogasangha.com link.

The site map is a graphical representation of your site; the home page, index.html, is displayed at the top level of the site map. A link from one page to another is indicated by a line that is drawn from the file containing the link to every page that it links to. Arrowheads at the ends of this line point to each linked page.

The new files you created in the previous exercise are not displayed in the map because the index.html page does not contain any links to those files—and neither do the files that index.html links to. In the next exercise, you’ll start creating those links, and the files will start showing up on the map.

9. Working with Links in Site Map View | Next Section Previous Section