how to use a template in dreamweaver cs3
DESCRIPTION
Explains their usefulness and how they compare with CSS. An example shown of how to do one. Assumes knowledge of tables to aid layout.TRANSCRIPT
![Page 1: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/1.jpg)
Using TemplatesIn Dreamweaver CS3
Methods for establishing Consistent House Style
![Page 2: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/2.jpg)
Diagrammatic Representations of what they do. Consider updating loads of pages
Both do a similar Job but Templates are easier to set up and use and do not involve adapting any code. CSS results in simpler and cleaner HTML code, which provides shorter browser loading times.
Template or CSS
Page 1
Page 2
Page 3
![Page 3: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/3.jpg)
![Page 4: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/4.jpg)
Understanding Dreamweaver templates
A template is a special type of document that you use to design a “fixed” page layout; you can then create documents based on the template that inherit its page layout. As you design a template, you specify as “editable” which content users can edit in a document based on that template.
Using templates enables you to update multiple pages at once. A document that is created from a template remains connected to that template (unless you detach the document later). You can modify a template and immediately update the design in all documents based on it.
Dreamweaver templates are fixed (or uneditable) by default.
![Page 5: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/5.jpg)
Editable Region
Non Editable Region or Fixed Region
![Page 6: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/6.jpg)
Templates
![Page 7: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/7.jpg)
Insert Table and reduce Border
![Page 8: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/8.jpg)
Modify Table and Add Website Banner
![Page 9: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/9.jpg)
Set up according to your Design Plan for House Style
![Page 10: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/10.jpg)
![Page 11: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/11.jpg)
Select the required font for the Heading and make it Editable.
![Page 12: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/12.jpg)
![Page 13: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/13.jpg)
Here is the final Template. Note the Banner region remains fixed.
![Page 14: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/14.jpg)
Page based upon Template as follows
![Page 15: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/15.jpg)
![Page 16: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/16.jpg)
![Page 17: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/17.jpg)
Another Template
![Page 18: How to use a Template in Dreamweaver CS3](https://reader033.vdocuments.site/reader033/viewer/2022061213/5498806bac7959132e8b5684/html5/thumbnails/18.jpg)
Pages from Template