Dreamweaver CS5: The Missing Manual

Link Tutorial

In this tutorial, you’ll put the lessons in this chapter to use. You’ll learn how to link to other pages on your own site, link to another site on the Web, and use Dreamweaver’s Spry Menu Bar to create a great-looking navigation bar—complete with fancy JavaScript-driven pop-up menus. The completed page will look like the one shown in Figure 5-28.

Note

You’ll need to download files from www.sawmac.com/dwcs5/ to complete this tutorial. See the Note on Note for more details.

Linking to Other Pages and Websites

Once you downloaded the tutorial files and open Dreamweaver, define a new site as described on Setting Up a Site: Name the site Site Navigation, and then select the Chapter05 folder (inside the MM_DWCS5 folder). In a nutshell: Choose Site→New Site. In the Site Setup window, type Site Navigation into the Site Name field, click the folder icon next to the Local Site Folder field, navigate to and select the Chapter05 folder, and then click Choose or Select. Finally, click OK.

Once again, you’ll be working on a page from Chia-Vet.com.

1. In the files panel, double-click the file named tips.html.

   You can also open the file by choosing File→Open, selecting its name, and then clicking the OK (Select on Macs) button. You’re looking at a nearly completed web page with multiple columns but no navigation bar. (You’ll learn how to create this kind of layout in Chapter 9.)

   If Dreamweaver opens the page in Split view, meaning the document window shows both the raw HTML code and the visual ...