Subtitles of the Movie

What I want to show you now is a new feature of Dreamweaver CS4 and it's known as the Related Files Area. And the Related Files Area or Toolbar shows up automatically. So, I want to show you 2 different types of pages. And I'm just using a couple of the pages from inside our Site files, to show you this. So notice, if I have Code Navigator open, I have a button called Source Code. And I have a button called Styles. What this tells me is, this HTML page or in this example, this ColdFusion page, has a style sheet attached to it. If there were any JavaScript files attached or additional CSS files, you would see their name up in here as well. So, what it does is allow you to open the ColdFusion page, and immediately know what other pages are being used by this page. So, I can go to the regular view in Source Code, or I can view the CSS right above the page itself into the Design View. Just make sure you go back to Source Code, so that these 2 match up otherwise, it does get a bit confusing when you are not accustomed to working in this. So, Source Code is where it would normally be, and I can always get back to Design View. Now, this page has a style sheet attached. Notice, if I go to this ColdFusion page, it does not. That area does not even show up. So, if there are no additional pages attached, that area will not be wasted. If there are other areas attached or other pages, they will show up right here which makes it really nice. You can go to them and edit them, right here. You don't have to go digging around to which files are being used. How do I locate them? Where are they? They're all sitting right here for you, for easy access. So, that is known as the Related Files Toolbar or Area and it opens automatically if there are other files that this page needs in order to work correctly.