Homepage and Organizer Pages - Modifying Format

Index for Homepage or Organizer Pages
What do you want to do ?

Modifying layout | Top

You can modify the layout of links to tools, pages, and URLs that you've added to the Homepage or an Organizer Page. Behind the scenes, any element that you add to the Homepage or an Organizer Page is placed in an HTML table. Using the Modify Layout options, you can specify the position of icon labels and text within the table cells. You can also select the number of columns in the table.

  1. From the Homepage or an Organizer Page, under Customize, click Modify Layout. The Modify Layout of Links on Page screen appears.
  2. Select your layout preferences (refer to the table below) and click Update.
Title Attribute Option Explanation
Label position Below icon Text label appears below the icon.
  Left of icon Text label appears to the left of the icon.
  Right of icon Text label appears to the right of the icon.
  Balanced Icons in the left column have labels on the left, icons in the middle column have labels below, and icons in the right column have labels on the right.
     
Text alignment Left Text is left-aligned.
  Right Text is right-aligned.
>
  Center Text is centered.
  Balanced Icons in the left column have text aligned to the left, icons in the middle column have text centered, and icons in the right column have text aligned to the right.
     
Table alignment Center Links are centered on the Homepage.
  Left Links are left-aligned on the Homepage.
Number of columns 1 to 8 More columns increase the number of links that appear horizontally across the Homepage.
Equalize column widths Yes or No Yes will make column widths equal. No will vary the column widths based on icon size.
Table border width 0 to 9 units Increases or decreases the size of the table's outside border.
Table spacing 0 to 9 units Increases or decreases the size of spacing between cells.
Table padding 0 to 9 units Increases or decreases between a cell's contents (text and icons) and borders.
Table background color 17 colors Changes the background color of the table, not the Homepage.

Customizing the page colors | Top

You can choose the color for text, links, visited links, and background for the Homepage or an Organizer Page. You can either choose from predefined color schemes or create a custom color scheme. Note: Depending on administrator settings, the high contrast color scheme may be the default and you will not be able to change page colors.

Choosing a predefined color scheme | Top

You can choose one of the predefined color schemes for the Homepage or an Organizer Page. Note: Depending on administrator settings, this feature may not be available. The high contrast color scheme may be the default.

From the Homepage or an Organizer Page, under Customize, click Customize page colors. The Customize Page Colors screen appears, displaying the predefined color schemes.

In the Color Set column, choose one of the predefined color schemes by selecting the radio button for the appropriate set.

Click Update. The chosen color scheme is applied.

Choosing the high contrast color scheme | Top

In compliance with the US Rehabilitation Act, Section 508, WebCT offers a color scheme that provides high contrast between background and foreground elements. This high contrast color scheme allows users who have difficulty distinguishing colors to use WebCT. Note: Depending on administrator settings, this may be the default color scheme.

From the Homepage or an Organizer Page, under Customize, click Customize page colors. The Customize Page Colors screen appears.

In the Color Set column, select High Contrast.

Click Update. The high contrast color scheme is applied.

Creating a custom color scheme | Top

You can create a custom color scheme for the Homepage by selecting the colors for text, links, visited links, and background. Note: Depending on administrator settings, this feature may not be available. The high contrast color scheme may be the default.

From the Homepage or an Organizer Page, under Customize, click Customize page colors. The Customize Page Colors screen appears.

In the Color Set column, select Custom.

In the Colors column, click one of the following:

Set text color

Set link color

Set visited link color

Set background color

A color palette appears.

To preview a color, click one of the colored squares and click Preview. The color appears in the frame to the right of the color palette. Tip: In the Color Value text box, you can also type an HTML hexadecimal color code and click Preview.

To choose the color, click Update. The Customize Page Colors screen appears.

Repeat steps 3 to 5 to select a custom color for another screen element.

Click Update. The custom color scheme is applied.

Choosing the course default color scheme | Top

You can choose the color scheme as specified in Course Settings.

From the Homepage or an Organizer Page, under Customize, click Customize page colors. The Customize Page Colors screen appears.

Scroll to the bottom of the screen, and click Course default. The color scheme that is specified in Course Settings is applied.

Adding or modifying a background image | Top

You can add or modify a background image on the Homepage or an Organizer Page. Note: Images must be in .gif or .jpg format. The image may either be selected from the WebCT-Files or uploaded from your computer to your My-Files folder. For information on uploading files to your My-Files folder, see Manage Files.

From the Homepage or an Organizer Page, under Customize, click Modify/Add background image. The Modify/Add Background Image for Page screen appears.

To add or modify a background image from a file:

  1. Select Use file.
  2. In the Filename text box, enter the filename of the background image, or to select the file, click Browse. For more information, see WebCT Browser.

To use the background image as specified in Course Settings, select Use course default.

To use no background image, select None.

Click Update. The background image is updated.

Adding or modifying a banner  | Top

You can add or modify a banner for the Homepage or an Organizer Page. Note: Images must be in .gif or .jpg format.

From the Homepage or an Organizer Page, under Customize, click Modify/Add banner image. The Modify/Add Banner Image for Page screen appears.

Under Banner options, select one of the following:

To add or modify a banner image from a file:

  1. Select Use file.
  2. In the Filename text box, enter the path and filename of the banner image, or to select the file, click Browse. For more information, see WebCT Browser.

To use the WebCT banner image with personalized text:

  1. Select Use text.
  2. In the Text box, enter the text to appear with the banner image.

To use the WebCT banner image with the course title as the text, select Use default text.

To use no banner, select None.

Under Banner alignment, select the alignment.

Click Update. The banner image is updated.



[ Top ]  [ Help Index] [Ask Dr. C]