Creating a new page

This page gives a step by step guide to creating HTML pages in the HSE new branding

Prerequisites

You will need the following to create new pages for website or intranet:

• Use of Dreamweaver (version 4, MX or above)
• One of:
  • Access to the development environment for HSE intranet or HSE website
  • The HSE development kit

• The HSE Dreamweaver extensions (download).
  [Instructions for installing Dreamweaver extensions]

Choosing a page layout

The HSE web standard comprises 3 dreamweaver templates, and a set of colours. Before you create your page, you must decide what template to use, and what colour scheme your page will employ

Choosing a template

All pages in the HSE web standard use the same banner(also called the "header") and footer.

There are three page layouts to choose from, and each has different intended uses.

• 1 Column layout. This is intended for tabular data only.
• 2 Column layout. Most pages will use this layout. (This page is an example of the 2 column layout)
• 3 Column layout Use this page for homepages, and for pages that require extra information to be displayed.

More information, and examples of how the three pages look, is on the templates page.

Setting the Colour Scheme

Your choice of colour scheme is dependent on the sort of page that you are producing.

Most pages have the maroon (default) colour scheme, with the following exceptions:

• If your page relates to a topic within a single industry - the "industry" colour scheme is used (blue). e.g.

• If your page relates to a topic within more than one industry - the topic colour scheme is used (green). e.g. Managing standards for stress

There are other colour schemes available. The assignment rules for these are in the process of being revised, and will appear here shortly.

Do it! #2

Save the page that you created above (in Do It #1). Now, click the purple "HSE" logo on your "insert" menu (it appears on the "common" tab within this menu).

A dropdown box will appear. Select the colour scheme that you require from the dropdown list.

You should only select the colour scheme once per page.

Troubleshooting

• I cannot find the HSE icon in dreamweaver

If you cannot find the icon, then open the "Insert" menu from the menu bar. You can run the colour scheme selector by selecting "hsecs" from the bottom section of this menu.

• I cannot see the "hsecs" entry on the "Insert" menu

This implies that you have not succeessfully installed the "HSE Colour Scheme selector".

• I have run the colour selector but my page has not changed colour.

Don't panic. Save your page, and press F12 to open it in a browser. If the colour scheme doesn't show in this page, then contact your technical advisor, or the web team.

What next

The next step is to place your content on the page, and format it using the styles available.

Next: Using the stylesheet