About the Course Content Template (CCT)

The CCT was developed to making building self-contained, easily printable and accessible content modules for online courses easier and more efficient.

Content

The CCT generates its navigation and pagination from one basic HTML file, "index.html." If you open "index.html" in a text editor and look at line 28, you'll see that each new page is designated with a page header, formatted with the <H1> tag. Below each <H1>, semantic HTML should be used to format the content. For example, If you have 3 pages to include in your content module, it would include 3 <H1> tags, and may look something like this:

<H1>Page One Header</H1>
<p>This is the first paragraph on the first page.</p>
<ul>
<li>This is the first item in a list on the first page.</li>
<li>This is the second item in a list on the first page.</li>
</ul>
<p>This is the concluding paragraph of the first page.</p>


<H1>Second Page Header</H1>
<p>This is the first paragraph on the second page.</p>
<img src="This would be an embedded image" alt="embedded image"/>
<p>This is the last paragraph of the second page.</p>


<H1>Last (Page 3) Header</H1>
<p>Paragraph 1 on Page 3.</p>
<p>Paragraph Two on Page 3.</p>

More details can be found in the commented source code of "index.html." If you're new to writing HTML, first off, know it's very easy. Secondly, take a look at this tutorial: Semantics, HTML, XHTML, and Structure.

Colors and Fonts

The colors and fonts of the module are controlled by one CSS file, "cct.css." If you open it in a text editor, you'll see that the main color and font values have been grouped together at the top of the file for easy updating. Just replace the values with the values you want and re-save the file.

Color Hexadecimal Reference | System Font Reference

CC 2009 UT TeleCampus. Slidy Copyright © 2005 W3C^® (MIT, ERCIM, Keio), All Rights Reserved.
W3C liability, trademark, document use and software licensing rules apply.