Microsoft expressions website correction
mylfew
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