About the Generic Website Templates

The generic website template was created to make it easy for non-programmers to be able to update and edit the web pages with mininal effort. To do this, we created two types of 'templates'. One contains a top, left, and bottom navigation menu and in the right middle of the page is the editable text body. The index.html page is a good example of a page using that style template. To minimize the possibility someone would edit the main page text and shift all of the columns of images off kilter an 'include' page is used. An include page is just a file that is seperate from the actual page but is inserted to a specific area when the web page is loaded. Like the pieces of a jigsaw puzzle, an include page fits neatly into the area a web designer assigns it to. By doing this, all you have to do to edit the text body of the page is to edit the 'include' page and when you save it, you change that actual page as well without having to deal with any graphics or formatting issues.

The template used by the index.html page has a fixed height so this constrains the amount of text you can add to the include page otherwise you get a stretching effect as the text pulls the page down.

The second template in use contains a top and bottom navigation menu but has no left or right navigation menu. On an page like this, the include page's content will go inbetween the top and bottom and can be as much content as you like. With no left or right navigation menu, the page has no issues with stretching of the tables and borders and is likely your first choice when creating brand new pages beyond what is already there.

Here is a list of the html pages used for the generic website:

fullscreentemplate.html - Blank template to copy and use as needed

fundraising.html - Fundraising and Scholarship information page.
DO NOT edit the fixed text on this page discussing GNP or the affiliate tracking link without prior written approval from GNP.

fundraising_include.html - This page is called an 'include' page because it inserts text in a fixed area on another page. This include page inserts text below the affinity partner link to GNP.

history.html - History of your local organization page

history_include.html - This page will insert all of the text content above and below the top navigation menu and bottom navigation menu. There is no limit to the size of this page. Some sample history categories have been listed to give you a starting point.

index.html - This is the main page of your website. Because of the fixed nature of the left navigation menu, the content area which is provided by the index_include.html page is limited to the height of the left navigation menu.

index_include.html - This page will insert all of the content to the right of the left navigation menu and in-between the top and bottom graphics navigation menu. If you add too much content to this page, the left menu will stretch and look terrible. If this happens, reduce the length of your content to shorten the space needed and remove the stretch marks. The index page is normally used to link to other pages and give brief updates or notices. If you have more to say than you have space available, make a copy of the fullscreentemplate.html page, rename the file to something logical like news.html and then make a hyperlink
from the index_include page to the page you just created. You are not limited to using only the pages we provide to get you started. Feel free to expand and customize as needed. We only seek to give you a place to start and what you do with your site from there is completely up to you.

index_include_state.html - This page inserts a small line of text below the BPW/USA logo in the top left of all pages.

join.html - This is the page where you can have new prospects become a member online. We understand that the BPW/USA website will soon have this function as well so what you decide to do with it is up to you. Upon completing the form, an email to sent to the webmaster of your site with their sign up data for you to process.

join_include.html - This page contains the actual form code which takes their information and emails it to the webmaster. You may edit the input fields of this form as needed or remove the form altogether and instead provide details about the membership process.

membership.html - This page contains membership benefit information.

membership_include.html - The current content has been taken from the BPW/USA website regarding membership benefits. All content below the top navigation menu and above the bottom navigation menu is inserted into the membership.html page.

organization.html - This page contains your organizational structure and contact information.

organization_include.html - This page inserts the organizational structure into the organization.html page. Edit this as needed for your local organization.

Folders:
images and fullscreenimages are folders which contain the actual graphics you see when viewing your website. Feel free to replace or edit any of the existing images with your own content.

_borders is a folder which contains a file called bottom.html
bottom.html is the shared bottom border and updating this one page will update the 'footer' you see at the bottom of all web pages. Do not remove or edit the current two lines without prior written approval from GNP. Feel free to add additional content to this page as needed.