BackBackNextNext
Find out about Style Sheets
ReadyGo WCB supports Cascading Style Sheets (CSS).

What are Style Sheets?

  1. Style Sheets are templates, very similar to templates found in word processing applications, that tell a web page how to display.
  1. Style sheets are a web standard for customizing and controlling the appearance of a web page, web site, or a group of web sites.
  1. The benefit of deploying style sheets for e-Learning courses is you can point all your courses to one style sheet. You only need to change the style sheet to affect the look of all courses that point to that style sheet.

ReadyGo's implementation of Style Sheets

  1. ReadyGo has integrated style sheets into our products to provide course developers with maximum flexibility in customizing the look of a course.
  1. ReadyGo's implementation of style sheets has been developed to work on all 4.0+ browsers and to assure all pages in a course are displayed correctly.
  1. Course developers can use one of the provided ReadyGo style sheets, modify a ReadyGo style sheet, or have their graphic artists design a custom style sheet. For those organizations that have deployed a team of course developers using ReadyGo, all they need to do to assure a consistent look throughout their courses is to point to a central style sheet when creating a course.
  1. Readygo provides a special style sheet for course developers that will show you what styles you are using in your course style sheet. This tool will help you learn the elements of the ReadyGo style sheet and how they are used on each course page. Open your course in a browser. In the browser address field, add the following to the end of your course URL:
    ?css=http://www.readygo.com/show.css
    Each style element is surrounded by a red box with a style name. Go ahead and try it now to see the style elements used on this website that was created with ReadyGo Web Course Builder.

    NOTE: This feature works with Netscape and Opera. Unfortunately, this capability does not work with IE since Microsoft does not fully support CSS2 standards.
  1. You can save your style sheet along with colors, navigational graphics, frame layout and more in a course template that can be used for future courses and shared with other WCB course developers.

Sample courses using different style sheets

View the same ReadyGo course displayed using different style sheets. Each course is the same but with different style sheets to change the look of the course.
  1. Contemporary: New look with larger titles, navigation on the right side of the page, graphic buttons for service bar features, no graphics before or under title
  1. Euro: New look with larger titles and summary, navigation on the left side of the page, no graphics before or under title
  1. Tech: New look with grey text, navigation on the left side of the page, graphic buttons for service bar features, bullets on sitemap
  1. Flower: Title text is large, summary text is medium, content text is smaller, no graphic before title, title and sub-pages are underlined with a dash, sub-page drill down text (no buttons) are lined up on the left of the page.

Want to learn more about style sheets?

  1. Learn more about style sheets from ReadyGo:
    1. WCB Tutorial - A description of ReadyGo's implementation of style sheets
    2. CSS Terms Cheat Sheet - A list of the most commonly used CSS terms
    3. Style sheets in WCB Tour - A one minute tour that demonstrates the use of style sheets (requires the free Macromedia Flash player)
  1. Links to web sources on style sheets:
    1. The W3C site has lots of wonderful information: