18
Using Templates In Dreamweaver CS3 Methods for establishing Consistent House Style

Using Templates2

Embed Size (px)

Citation preview

Page 1: Using Templates2

Using TemplatesIn Dreamweaver CS3

Methods for establishing Consistent House Style

Page 2: Using Templates2

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: Using Templates2
Page 4: Using Templates2

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: Using Templates2

Editable Region

Non Editable Region or Fixed Region

Page 6: Using Templates2

Templates

Page 7: Using Templates2

Insert Table and reduce Border

Page 8: Using Templates2

Modify Table and Add Website Banner

Page 9: Using Templates2

Set up according to your Design Plan for House Style

Page 10: Using Templates2
Page 11: Using Templates2

Select the required font for the Heading and make it Editable.

Page 12: Using Templates2
Page 13: Using Templates2

Here is the final Template. Note the Banner region remains fixed.

Page 14: Using Templates2

Page based upon Template as follows

Page 15: Using Templates2
Page 16: Using Templates2
Page 17: Using Templates2

Another Template

Page 18: Using Templates2

Pages from Template