The BNL web template is based on a left-justified, variable width
layout design (liquid-width). It is designed to adjust its width to fit any computer monitor
screen. The file extension of all web pages must end in < .asp >. Most pages are
based on the 2-column template shown below. The header color will vary from
site-to-site -- this one just happens to be blue.
The template consists of
(refer to the diagram below):
- Primary Navigation Bar. This area contains the global navigation
links that are found at the top of most pages within the BNL website. These
links should not be altered so that a consistent site-wide navigation
structure is maintained. Moving from site to site, the user will always be
presented with the same links to general Laboratory topic areas. The primary
navigation bar is an include file common to all site pages so that
the links may be changed globally by changing a single source file and
are not accessible to the web author.
- Page Banner. The page banner appears directly above the
primary navigation bar and spans the width of the page. It contains two
elements: a title image which includes the organization's name
(left-side) and the
Brookhaven National Laboratory logo (right-side), which includes the
"home" tag at the lower right. The Lab logo with home tag must always link
back to www.bnl.gov. The page banner is also an include file
common to all site pages so that the banner may be changed globally by
changing a single source file and are not accessible to the web
author. The background color of the page banner as well as the title image maybe changed by contacting
BNL Web Services.
- Local Navigation Area. This area contains a search engine
box for the BNL site followed by the most
important links for the particular site, ones which are likely to be useful to
a user trying to get around from any page within your site. A link back to the
site's homepage should be the first link in the list. The local navigation
list is an include file common to all site pages so that the list may
be changed globally by changing a single source. Because many site are now
using special steering scripts, this include
file will not be accessible to the web author. Contact the BNL Web Services
to make any changes to the local navigation area. The list of links should be
kept short enough that it does not extend off the bottom of the screen.
- Content Area. The actual content for the page, including
text and pictures and is fully accessible to the web author. The
content area should begin with a page title (usually formatted to Heading
2). The page title and text is left-justified.
When authoring in the [Code] or [HTML] designer pane (Microsoft FrontPage),
authors should ONLY edit content between the two template warning
tags shown below:
<!-- do not edit above this point -->
Safe to edit content between these tags.
<!-- do not edit below this point -->
- Vertical Scroll Bar
- Last Modified Date: The "Last Modified Date" of the web page will
be automatically placed on the web page in this area when viewed in your
browser. Note: You will not see this date in the design window when
authoring in Microsoft FrontPage. Also authors should be careful not to
delete this code when editing their web pages. No problems will occur as
long as authors stay above the gray up arrow
when editing their content. More...
- Footer Area: This area contains the standard BNL footer
statement, a link to the
Security Notice and a link to contact BNL Web Services.
The Footer area is an include file common to all site pages so that
the list may be changed globally by changing a single source and
is not accessible to the web author.
- Search Box Area: This area contains a generic style search engine
box for the BNL website, but can be customized to just search only your
sites local web pages as well. The BNL Google Search Appliance has a feature
called subcollections in which certain servers or portions of a
website can be indexed and others can be excluded. A subcollection can only
been seen when inside BNL. Users outside BNL will just get the generic style
search engine box. If you would like to add this feature to your site,
submit your suggestion to BNL Web Services for consideration.
Search Engine Box
Custom Search Engine Box
If you don't know what an include file is, don't worry, you won't have to
because the web services person you contacted has probably already taken care of
it for you. If not, ask them. (More about server-side include files.)
Last Modified: April 6, 2009