Ant549 Consultancy graphic

 

...

Basic DWT

Please scroll down for template information and instructions.

 

General Information Regarding this DWT Package

The Dynamic Web Templates in this package are Dynamic Web Template Interchange Guidelines (DWTIG) Compliant.  The Basic DWT package consists of:

  1. three page layouts, located in the template/ folder:
    1. ant549_splash.dwt - Large splash images, used for the home page layout.
    2. ant549_2-col.dwt - Example shown above, two column layout with submenu area in left column.
    3. ant549_3-col.dwt - Three column layout with submenu area in left column.
  2. the Basic DWT FrontPage Web Template, which allows users to create a new web site from scratch that uses the DWTs. Predesigned pages are included with the web template, which you may modify or delete.
Definition of Editable Regions for DWTs
doctitleThe Title of the Page - this is what appears in the uppermost left status bar of the published page.  To edit this and the following two regions, right click over the body of the page and select Page Properties.  Fill in your own information for the Title, Page Description, and Keywords fields.  You will want to do this on each page.
keywordsKeywords for your Page/Site; important for search engine spidering purposes.  To edit, see instructions above for "doctitle."
descriptionDescription of your Page/Site; important for search engine spidering purposes.  To edit, see instructions above for "doctitle."
scriptingLocation for any coding (asp, java script, etc.) which requires placement within the <HEAD> </HEAD> tags of the web page.
banner*Name of the Page Being Viewed - you may either use the "text" banner provided with FrontPage or type in the title manually.
sub_menu*Secondary Navigation - uses FrontPage navigation structure link bar; depending on the location of the page in the FrontPage navigation structure, this will be set to either "Child" or "Same" level.  Default is "Child" level  (see "Navigation Changes" below).
body1Main Content - in a 2 or 3 column layout, this content will appear in the widest content column.  In a 1 column layout, this will appear first.
body2Secondary Content - in a 3 column layout, this content will appear in the left column.  In a 2 column layout, this content will appear in the smaller of the two columns.  In a 1 column layout, this content will appear directly beneath the body1 editable region's content.
body3Third Level Content - in a 3 column layout, this content will appear in the right column.  In a 2 column layout, this content will appear directly beneath the body1 editable region's content.  In a 1 column layout, this content will appear directly beneath the body2 editable region's content.
special1Place for an applet or anything else
special2Place for an applet or anything else

*These fields are not included in the splash page, as they are not used. If you are applying the splash page DWT to an existing page, you may define all your other regions to fall into the body1 region.

About Dynamic Web Templates and the Dynamic Web Template Interchange Guidelines (DWTIG)

  1. Dynamic Web Templates are identified by the extension ".dwt."
  2. The Dynamic Web Templates for this package are located in the "template" folder.
  3. Dynamic Web Templates act as the "base" for all of your web site (.htm) pages. If you change the underlying .dwt, all the web pages based on that .dwt will change. This makes for easy site-wide changes to the underlying design.
  4. Dynamic Web Templates have "editable" and "non-editable" regions.
    1. Editable Regions can change from page to page -- your page content, for example. You can open the web site pages (.htm) and make changes in the Editable Regions.
    2. Non-editable Regions are areas defined by the base .dwt, and cannot be changed on the individual .htm pages.
    3. To change non-editable regions, you will have to open the base .dwt file. Changing this .dwt file will change every page associated with it across your web site.
      1. Open the "template" folder.
      2. Open the DWT you want to change.
      3. Make your changes and save. The changes will propagate across all the pages that are associated with that DWT.
  5. This template package requires you to change the .dwt files in order to add your logo and change copyright information. Please see the Template-Specific Instructions below.
  6. The Dynamic Web Template Interchange Guidelines are a set of guidelines used by many developers to provide dynamic web templates that interchange seamlessly.
  7. This template follows the DWTIG. This means that you can apply any other DWTIG-compliant template to your web site and have it convert painlessly and easily. Or, you can apply this DWT package to any DWTIG-compliant site in a few steps.
  8. If you have a web site with scripting, there are some special considerations that you will have to make when using DWTs. Please refer to the DWT Interchange Guidelines website (www.dwtig.com) for current information regarding scripting (ASP, Javascript, etc.) located outside the <body> </body> tags of web pages.

Template-Specific Instructions

IMPORTANT INFORMATION:
Within these instructions, we provide directions on changing the logo, image, and copyright areas within the DWTs. We do NOT encourage that you change anything else about the DWTs, as this affects your entire web site. Please realize that if you change the DWT file(s), we may not be able to support the product. You should expect to keep the underlying design "as is."

Your Logo Here area

The logo image is within a Non-Editable Region. To add your own logo, first create your own logo image using the included Photoshop file or blank .jpg. Keep the logo the same dimensions (171x52). Save the logo as the same name (yourlogohere.gif) and drag into the template/graphics folder to replace the existing image.

Top Picture

The image in the upper left hand corner is within a Non-Editable Region. To change this picture, first create your own logo image using the included Photoshop file or blank .jpg. Keep the logo the same dimensions (161x192). Save the logo as the same name (inside.jpg) and drag into the template/graphics folder to replace the existing image. Notice that the images have text at the bottom left hand corner to serve as a title for the menu underneath. You can create your own titles by using the splash-blank.jpg, which does not have the text.

Splash Picture

The large image in the upper left hand corner of the splash page (index.htm) is within a Non-Editable Region. To change this picture, first create your own logo image using the included Photoshop file or blank .jpg. Keep the logo the same dimensions (242x292). Save the logo as the same name (splash-features.jpg) and drag into the template/graphics folder to replace the existing image.

NOTE: The Splash Picture and the Top Picture are the same image, but of different image sizes.

Horizontal Link Bar

The horizontal link bar is within a Non-Editable Region. You should not need to modify the horizontal link bar. It is generated by FrontPage and displays your "Child Pages Under Home" pages.

banner Region

The page banner in this region is a FrontPage-generated component. You should not need to modify it. Please see below on "Editing Link Bars and Page Banners."

special1 Region

You may add content in this area. Please see the table above for the "definition" of special1.

Submenu Region

The submenu is a FrontPage-generated component. It is in an Editable Region. If you have multiple levels in your navigation structure, you may need to change the Link Bar Properties to reflect the pages that you want to show up. Please see below on "editing link bars and page banners." Also note that the default "level" of pages this link bar displays is "child level." You may need to change it to "same level" if you are on a "child page." Double-click the link bar to change the level.

body2 Region

You may add content in this area. Please see the table above for the "definition" of body2.

special2 Region

You may add content in this area. Please see the table above for the "definition" of special2.

body1 Region

Use this region for your main body content.

Copyright Area

The copyright is within a Non-Editable Region. (Please see above for how to make Changes to Non-Editable Regions.) Open the main and three column DWT. Type in your own copyright statement and save each dwt. Please note that the link bar in this area shows your "top level" pages.

body3 Region

This region is usually meant to go in the right column or in some other special area.

Additional Information

Editing Link Bars and Page Banners

To change page banners and link bar text, you will go to Navigation View and rename the pages:

Renaming Pages

If you would like to use an existing page but want to rename it, you may easily do this in Folders View. Right-click on the file name and/or the page title and choose "Rename" to rename your file.

Adding New Pages to Your Web/Link bars

Open a page that has the layout the way you want it, then go to File/Save As. Save the page under a new name - be sure to change the page title as well! Then, go to Navigation View and drag your new page into the navigation structure.

Deleting Pages from Your Web

Right-click on the pages you wish to delete in your Folder List, in Folder View, or in Navigation View, then select "Delete."

Copyright and Licensing Information:

  1. Copyright:  The copyright for this DWT and accompanying design remains with the designer, www.pinkcyan.co.uk  You may not claim ownership of the design, nor may you use it for any purpose other than that explicitly set forth below in the Licensing section.
     
  2. Licensing:  The license fee for this design is a site license, not a user or computer license.  This DWT design is, therefore, licensed for use on ONE SITE ONLY.  If you wish to use this design on subsequent sites, you must purchase a license for each additional site.
 

©2002-2007 - ant549.co.uk - Pinkcyan - fixed cost website design and hosting graphic