Tutorial overview

This tutorial will show you how to change the look and feel of your WebCT pages.

This tutorial is rated as -

You'll need the following software - Internet explorer, firefox - any web browser

You'll need the following hardware - A modern PC connected to the internet

The other factors might help - A WebCT course already set up, some design ideas

You'll need to work through the following steps:-

Course Tools and Designer Tools

1. Click on the Build tab
2. Click on Manage Course from the left hand Designer Tools
3. Click on Tools
4. If a tool has a tick in the left hand box beside it, it is presently available. If you wish to make it unavailable, click in the box and it will become unchecked
5. Similarly, if you wish to make a tool which is presently unavailable, available, the box beside it will be empty. Tick in the box to make the tool available

In order to select which tools appear on your students' left hand navigation bar:

1. Click on the Build tab
2. Click on Manage Course from the left hand Design Tools
3. Click on Course Menu
4. In order to hide a tool from students' view click on the Hide Link button to the right of it
5. In order to make a tool presently hidden from students' view visible, click on Show Link

Selecting icon sets
In order to select an alternative icon set:

1. Click on the Build tab
2. Click on Manage Course from the left hand Design Tools
3. Click on Course Content Icons
4. Click on Select New Content Icon Set
5. A variety of icon sets will appear in a new window. Click on the button to the left of the icon set you wish to select
6. Scroll to the bottom of the window and click on select
7. Click on Apply

Page Options

1. Click on the Build tab
2. Click on Page Options from the top right of the screen
3. From the drop-down menu click on Customize Page Display

There are 6 page layouts for you to choose from including Custom Layout. If you select his option you can customise icon placement, alignment and appearance.

Adding a background image

1. Click on the Build tab
2. Click on Page Options from the top right of the screen
3. From the drop-down menu click on Customize Page Display
4. Click on custom layout
5. Click on Browse button underneath Background Image
6. Locate the image you wish to include
7. Click on Open if you have selected your file using My Computer, or OK if you have selected your file from Class files.
8. Click on apply

Adding a background colour

1. Click on the Build tab
2. Click on Page Options from the top right of the screen
3. From the drop-down menu click on Customize Page Display
4. Click on Custom Layout
5. Click on the Select Color button underneath Background Color
6. A new window containing a colour chart will appear
7. Click on the required colour
8. Click on Select
9. Click on Apply

Adding Headers and Footers

1. Click on the Build tab
2. Click on Page Options from the top right of the screen
3. From the drop-down menu click on Edit Header or Edit Footer
4. Enter the text for your header or footer in the text box provided
5. Click on Save

Possible benefits - You can help differentiate your courses by altering the styles between them.