Parkland College > Fine & Applied Arts > Graphic Design | Web Design >
Student Links > GDS 215 > Exercise #7

GDS 215 WEB DESIGN III
Exercise #7: Dreamweaver Templates
Instructor: Paul Young

Objective

To learn Dreamweaver's template system by recreating this site.

Procedure

making a template page

1. download starter files, move to upload folder
2. define new site "gds215-style guide"
3. open "master.html" (note links)
4. file > save as template "master" (note links)
5. select <td> containing content
6. insert > template object > editable region "1"
7. save, close (note new template folder)

applying template to existing pages

1. open "ads.html"
2. modify > templates > apply template to page (body > 1)
3. repeat with other html pages

creating a new page based on a template

1. file > new: choose template
2. save as "signage.html"
3. open "signage.txt", copy text
4. paste text into region "1" of "signage.html"
5. save, close
6. repeat with "style.txt"

modifying the template

1. open "master.dwt"
2. add link "Signage" to "Applications" section
3. add link "Style Guide in PDF format" to end of "Downloads" section
4. save (update), close
5. inspect other pages, view source code

publishing

1. modify > templates > export without markup: new folder "style2"
2. make links to your work from your projects page
3. test on a PC

Schedule

See Calendar.

______________________________

Last updated: 3/14/04 • Webmaster: Paul Young

Student
Exhibition

Influential
Designers

Internet
Resources

Tips, Tricks
& Handouts

Student
Links