How to Create a Template for a Web Page With Dreamweaver

Video Transcript

"Hello everyone my name is Dave Casuto from San Francisco Computer Tutors and in this tutorial we are going to show you how to create a template using Dreamweaver. Templates are very beneficial so you don't have to actually do the same thing over and over again. You can create a template and apply that template to other pages and continue to use that template to save lots of time and energy. So the way to tell Dreamweaver that a certain part is going to be editable versus another part being static is you want to highlight the area first of all or you can even put your mouse where you want it to be and say o'kay you know what I want this part that I have just highlighted to be an editable region. So in other words when you are using this template in the future that is the only part that can be edited so very simply I am going to highlight this and I am going to right click or control click on the Mac and I am going to see that I am going to have this drop down menu pop up, this short cut list. I am going to go to templates and you see I have all these different options here and what I am going to do is I am going to choose new editable region and then I am going to name this and I am just going to call this main body and click o'kay and now see I have got main body now highlighted in blue there so that when I actually use this this part will be editable within the main body so I'll choose this right up here and I am going to right click or control click on the Mac and then say new editable region. I am going to call this heading 1, click o'kay and now that is editable for me. Now everything else outside the page like Story Street and all my links up here are not going to be editable once I use this as a template so this is a nice fast way of basically keeping all your hard work intact so you don't have to continually reinvent the wheel for yourself. So o'kay here is my great website. Now another thing you will notice is that it maintained all the different page properties so if you have any style sheets applied to it it maintains all of them so you see here I have a certain head tag to it and I have different font elements to it as well. So that is templates in a nutshell and don't forget about your assets panel. This is where you are going to find them and then you can add new templates by coming down to your panels down here. Alright you can edit it, you can create a new one, you can refresh based on new information you put in there and then you can also apply the template to pre-existing things that you are working on as well. So that's it for templates, enjoy. Well that concludes our exercise on creating templates in Dreamweaver. I hope you enjoyed that. Once again my name is David Casuto from San Francisco Computer Tutors and give me a jingle any time. My business is listed on yelp.com under San Francisco Computer Tutors and I hope to hear from you soon. Thanks."