| Step
|
Instruction
|
What it looks like
|
| 1 |
Choose Appearance > Colors and Graphics from the menu bar.
|
 |
| 2 |
Select the base set of graphics for your course. You can replace any of the graphics in this base set with your own graphics.
|
 |
| 3 |
To have your course chapters and pages automatically outline numbered, select the Outline Number all Pages check box.
Or you can specify a directory that contains a set of number graphics to use in your course. Click Select Directory and choose the file for the number one, for example, 1.gif.
|
 |
| 4 |
To set the colors and frame layout that you have currently select as the default for future courses, click Set Colors & Frame as Default.
|
 |
| 5 |
To change the color and/or background image for
all the content page in your course, click
Background Color and/or select
Main Background to select an image for
the background. If you just want a solid color, select
Use Color Only.
|
 |
| 6 |
You can replace any of the base set of ReadyGo navigation graphics with your own graphics. Select the graphic you want to replace and click Select to find the graphic on your computer.
IMPORTANT: Some of these graphics have two versions. One is the normal graphic on the page and the other is a highlighted version of the graphic for when the student moves their mouse over the graphic. You must have two versions of your graphic and they should be exactly the same size.
|
 |
| 7 |
You can specify a 16x16 icon to add to your course.
This icon will appear in the browser address
bar next to the URL of your course. The file
must be an icon file (.ico extension).
|
 |
| 8 |
Click the Bullet Pages tab.
|
 |
| 9 |
To change background colors, click the colored region, select a color (or define a custom color), and click OK.
Note:Setting the background color of the Bullet Page Title to White makes the background for the title transparent.
|
 |
| 10 |
You can replace any of the base set of ReadyGo graphics with your own graphics. Select the graphic you want to replace and click Select to find the graphic on your computer.
IMPORTANT: Some of these graphics have two versions. One is the normal graphic on the page and the other is a highlighted version of the graphic for when the student moves their mouse over the graphic. You must have two versions of your graphic and they should be exactly the same size.
You can also specify custom graphics for the different levels of bullet point indentation.
|
 |
| 11 |
Click the Sidebar tab.
|
 |
| 12 |
To change the width of the sidebar,
enter the width (in pixels) in the Sidebar Width field.
|
 |
| 13 |
To change the color and/or background
image for the sidebar, click
Sidebar color to choose a color and/or select
Background Graphic to select an image for
the background.
If you just want a solid color and no top gradient,
select Solid Background.
|
 |
| 14 |
You can remove the bookmark buttons from your course or you can replace the bookmark buttons with your own graphics.
|
 |
| 15 |
Choose whether to have the sidebar include links
to chapters only or include an expandable tree menu
with links to chapters and bullet pages.
If you choose the expandable tree menu,
you can also replace the default graphics for
the expand and collapse buttons.
|
 |
| 16 |
To have sub-pages listed in the expandable tree
menu (if enabled), the chapter introduction pages,
and the site map, select
List sub-pages.
|
 |
| 17 |
Click the Services Bar tab.
|
 |
| 18 |
To change the height of the services bar,
enter the height (in pixels) in the
Services Bar Height field.
|
 |
| 19 |
To change the color and/or background
image for the services bar click
Services Bar color to choose a color and/or select
Background Graphic to select an image for
the background.
If you just want a solid color services bar
do not select a background graphics.
|
 |
| 20 |
To replace the text links in the services bar
with your own custom graphics,
select the graphic you want to replace and click Select to find the graphic on your computer.
IMPORTANT: All of these graphics have two versions. One is the normal graphic on the page and the other is a highlighted version of the graphic for when the student moves their mouse over the graphic. You must have two versions of your graphic and they should be exactly the same size.
|
 |
| 21 |
Click Done to save your changes.
|
Back
Web Course Builder Tutorial
