Dreamweaver CS6: The Missing Manual

The Structure of a Website

When you build a website, you probably spend hours adding carefully planned links, helpful labels, and clear, informative navigation tools. You want your site architecture—the structure of your site—to make it easy for visitors to understand where they are, where they can go, and how to return to where they just came from (see Figure 15-1). Behind the scenes, it’s equally important to organize your site files with just as much clarity and care, so you can find your way around when you update or modify the site. And, just as on your computer, a website’s main organizational tool is the humble folder.

Figure 15-1. A good site (even a made-up one) has an easy-to-understand structure. It divides content into logical sections, and includes a prominent navigation bar—the row of buttons below the Chia-Vet logo in this image—to give visitors quick access to that content. When you build a site, its “architecture” provides a useful model for creating and naming the behind-the-scenes folders that hold the site’s files.

You probably organize files on your computer every day, creating, say, a folder called Personal, within which are folders called Financial Planning and Vacation Pictures. Inside the Vacation Pictures folder, you might have separate folders for memories of Maui, Yosemite, and the Mall of America.

The same principle applies to the folders that make up a website: ...