Microsoft expressions website correction

Creating and Using Templates

Page 1 of 3

In General: Templates are used to create a basic structure that you attach to multiple

web pages. You create regions that are editable on your connected html files and you

put information directly on your template that cannot be edited or changed on your html

files. This allows the creator to make simple or major changes that will immediately

affect any connected page.

We will be using play files in class.

1. Open up Expressions Web 4 and open your site from your disk

2. Create a template

3. Click on File … New …

Page

a. Choose Dynamic

Web Template

then click OK

4. Save this in your

template folder as Basic

Play

5. You will first create your editable regions. This part is critical. They must be

created before you attach to files and before you add content to your pages. You

must NOT make any changes to these regions once you have create them.

(Please note that your page content

will not go on these templates, just

the information that goes on every

page in the desired area.)

a. Click on File… Dynamic Web

Template … Manage

Editable Regions

Creating and Using Templates

Page 2 of 3

b. You will remove the existing containers and create your own

i. Click on doc title … Click remove

ii. Click on body …. Click remove

iii. Click close

iv. Click on second line of your document (giving you a little buffer

from the top of the page)

v. Click on File… Dynamic Web Template … Manage Editable

Regions

vi. Type Page Title ….. Click on Add

vii. Click Close

viii. Click Below your Page Title Container then press Enter

ix. Click on File… Dynamic Web Template … Manage Editable

Regions

x. Type Content … Click on Add

xi. Click Close

xii. Press spacebar a couple of times and then enter. (You will see your

content area get larger.)

c. Fix Spacing (if you haven’t already)

i. CTRL A (for select all)

ii. Click on Format … Paragraph

iii. Put ‘0’ in each of these three

spaces

iv. Change your spacing to what you

want it to be

d. Add Navigation bar

i. Click below the content a couple

of times

ii. Type

Home | Parent | Student | Homework | Announcements | Play

(Note … you may decide to change order or add, but all the items on

the Homepage should be in this Navigation bar, and you will need to

take Play off when you are finished with the assignment)

iii. Center your navigation bar

iv. You may need to change your text size, etc…

v. Link your pages

1. Highlight Home

2. Right click and choose Hyperlink

3. Select and double click on default

Creating and Using Templates

Page 3 of 3

4. Highlight Parent

5. Right click and choose Hyperlink

6. Select the correct page and double click on it

6. Change your background

picture (works like with other

pages)

a. Right click on the

background and

choose page

properties

b. Click on background

and choose an image

c. Remember to change

your Hyperlink colors

to coordinate with your

background

7. Highlight Page Title

a. Center

b. Change Font, Font Color and Size

8. Highlight Content

a. Change font and Font color

9. Save file

To attach templates to files:

10. In File list: click Play, hold CTRL key down and click Play 2

11. Click on Format … Dynamic template … click on Attach Template

12. Choose the correct template

13. Keep clicking yes

================

14. Look at your play files

15. Go back to your template

a. Change Background and Hyperlink colors

b. Save

c. Click yes to update

16. Look back at your play files

NOTE: you may have a second line of navigation specific for that particular area