Jump to main content.

Sample Templates

Note: Be very careful how you save files using a browser: the browser might recode things on the fly as it saves the file, breaking anchor links or dropping required accessibility code.

To save HTML template pages: right click the link to the file you want to save and choose "Save Target As..." ("Save Link As ..." in Firefox). In the dialog box that pops up, set Save as type to "All Files." Edit the file extension to .htm or .html.

To save Dreamweaver template files: right click the link to the file you want to save and choose "Save Target As..." ("Save Link As ..." in Firefox). In the dialog box that pops up, set Save as type to " All Files." Also change the file extension to .dwt (not .htm).

We're offering two versions of Dreamweaver templates. Dreamweaver MX (and above) offer additional functionality that you might want to take advantage of, but requires that the embedded Dreamweaver code be written differently.

Available Templates

Templates for EPA Web Design 3
Template HTML Dreamweaver 4 (and under) Dreamweaver MX (and above) 1  How this template differs from the Basic template Who uses this template
Basic Yes Yes Yes N / A Used by most EPA webmasters. If your site is not an AA/RA/Major Topic site, use this template for the homepage, too. 2 
Basic Regional Yes Yes Yes "Serving these states ..." tagline below Area Name Used by Regional webmasters. 2 
AA/RA/Major Topics Yes No Centered, fixed width design (960px); larger EPA logo; large banner image with embedded Area Name (and tagline, if needed); "For KIDS" link in area-navigation (sidebar) This template is for the homepage of program and regional office sites. Major Topics (e.g., mercury and lead) would also use this template. Use the Basic template for the remainder of your site. Regional sites will use the Basic Regional Template for the remainer of their site. (Note: the old AA/RA template is available, too.)
Sidebarless Yes Yes Yes No sidebar for extra-wide content The sidebarless template is used in situational cases. If you have a data table, image, or chart that's too wide to display when the sidebar is included, use this template, which will help reduce horizontal scrolling.
Sidebarless Regional Yes Yes Yes No sidebar, "Serving these states ..." tagline below Area Name The sidebarless regional template is used on regional sites in situational cases to reduce scrolling due to wide content such as data tables and charts.
Spanish Yes Yes Yes en español Spanish language sites. Includes an editable region for the "link to the English version of this page".
 1  These template take advantage of extra functionality offered by Dreamweaver versions MX and higher. They are optional and are otherwise identical to the templates for Dreamweaver 4 and under. Do not use these templates if you're still using Dreamweaver 4 and under.  ↩ 
 2  Edit the basic template for the home pages of Program Offices/minor Topics sites.  ↩ 

Top of page

Instructions for Using the New Template

Top of page

Version History

Template Version History
Version # Version Date Description of Changes
3.2.1 05/21/2008

The AA/RA/Major Topics template was enhanced with a large banner image. The enhancement required a new AA/RA CSS file: aaratop.css.
3.2.1 10/19/2006

A manual change is required for those who have already converted to 3.2.1:

  1. The metadata elements "description" and "DC.date" were changed to "DC.description" and "DC.date.created". "DC.date.reviewed" was added.
    More information about metadata.
  2. The Spanish and AA/RA templates were cleaned up and improved.
3.2.1 06/28/2006
  1. The comment at the top of the template was changed to read:
    <!-- EPA Template version 3.2.1, 28 June 2006 -->
  2. The metadata element, "DC.title", was added to the <head> section of the template:
    <meta name="DC.title" content="" />
  3. A link to a second JavaScript file was added to the end of the <head> section of the template:
    <script type="text/javascript" src="http://www.epa.gov/epafiles/js/extra.js"></script>
    This JavaScript file contains the code for the American Customer Satisfaction Index (ACSI) survey.
3.2 05/24/2006 There are many differences between version 2.1.1 and 3.2.
2.1.1 03/22/2002 Detailed elsewhere: Template 2.1.1 Version History EPA no longer updates the information at this link, but it may be useful as a reference or resource.

Top of page

For help with these pages, contact the Web Redesign Workgroup.

Local Navigation

Jump to main content.