Creating & Managing Templates / Creating & Updating Template-Based Pages
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
Once your templates are created and your editable and repeating regions are defined, you're now ready to start creating pages based on those templates. Luckily, this is a very straightforward process here in Dreamweaver. All you do is choose File, New; that'll open up a new document dialog over in the left-hand side as an option page from template. Select the site that's associated with that template. Remember that all templates must be located in a Templates folder, with a capital T, in your site route. In this case, it was my geek manual's new site, and there's a list over here of my templates and a thumbnail picture of the layout, the basic layouts of those templates. Let's add some pages based on the content template. Go ahead and click on Create, and now what I can do is simply, with this template-based document here, notice it's Untitled 12, copy and paste some content into there, edit that content as needed; let's go to the Properties Inspector and left justify that content there or add a style. There's the features style, the footer style, and so on. Over here, I can go and paste in some more content. Actually, the reason that this is centered is I've applied that to the wrong location. Let's go ahead and delete this, and click there. Let's paste that content in there, and now it's left justified, like so. Now the key with these templates is that when you make changes to and save the route template or the master template document, all the documents based on that template will also be updated; I demonstrated this in an earlier movie, can also manually update a template-based document or you can manually update the entire site if necessary. First thing that I should do, however, is save this file. Let's, so let's do that, Save As, I need to save this to the route folder of the site that I'm working on. In this case, the new site; let's call this Test, and click Save. Let's overwrite my other test documents, and now that document is saved, and I'm now ready to update this, if need be, by going over to the content Dreamweaver template here, and I can make a change, any change, for example, call this Flash Articles here, change that menu and now I can either choose Modify Templates, and then in this menu is an Update Pages option; that'll bring up the Update Pages dialog, or you can just choose File, Save, and the Update Template Files dialog will come up here. These are all the pages that are based on this template, so I almost always choose Update here, and then Dreamweaver goes ahead and updates all those pages, including this test page that I just created. Notice that there's the updated menu, Flash Articles. Also, another great tool for managing your template assets is the Assets Window. Choose Window, Assets, or press F11, and notice here are all of my templates listed in order with a preview window up here of what the templates look like. And over here, in the upper right hand corner, is also some tools for managing your templates, including Update Current Page, or Update Entire Site. If you choose the Update Entire Site, the other option that I didn't show you earlier, you'll get the Update Pages dialog. In this version, notice you have Look In Entire Site, or files that use, in this case, I can check files that use all of my various templates and update them right now, or I can check the entire site, new site, or any of my other defined sites on this computer. And notice that I can update either library items or both library items and templates. So there you have it, how to create and manage templates in Dreamweaver CS3 in this section of the tutorial. You've learned how Dreamweaver templates work, how to create these templates, the types of template regions and how to set editable regions, and I've concluded this section with a movie on how to create and update template-based pages.
Tutorial Information
| Course: | Adobe Dreamweaver CS3 |
| Author: | James Gonzalez |
| SKU: | 33789 |
| ISBN: | 1-934743-04-6 |
| Release Date: | 2007-09-06 |
| Duration: | 10 hrs / 125 lessons |
| Work Files: |
Yes |
| Captions: | For Online University members only |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 