Creating Slides
- To create corresponding slides.
Some courseware is just PowerPoint slides with no supporting content. The instructor is left to fill in all the blanks.
Some courseware is just a manual written in prose and the instructor has nothing good to present.
Some companies do provide both, but they have a hard time keeping the slides in sync with the manual. A large part of the problem is that the manual and the slides are written with separate tools and sometimes by separate people. If a section is removed or added to the manual, the authors must remember to add it to the slides as well.
Webucator courseware attempts to deliver the best of both worlds: great manuals written in prose with slides that directly correspond to the manual. The slides even give page numbers to the corresponding content. And the instructor has a PDF version of the full manual with the slides at the end with the slides and the manual sections cross-linking to make it easy to go back and forth.
The upkeep is a lot easier because the slides are written in HTML inside of the lesson itself.
Section Summaries
Each <h1/>, <h1/>, and <h1/> can/should be followed by a <div class="SectionSummary" /> tag that is divided into <ul/> and <ol/> tags. Each list will become a slide that will link back to the corresponding heading. The title attribute of the list will be the title of the slide and the list items will be the bullets. It is okay to nest lists. Nested lists should not have title attributes.
Special Cases
Cross References
You can create a cross reference to the lesson content so that you do not have to retype the same code. This is most useful for code blocks, demos and exercises. To create a cross reference, put an <a /> tag in the list item with the class of "CrossReference" and the href value of "#refID", where refID is the id of the element being referenced.
<li><a class="CrossReference" href="#demoFoo"v</a></li>
Images
Images can be references in list items with a standard image tag:
<li><img src="Images/ImageName.gif" alt="Alt Text" /></li>
Creating Slides Conclusion
In this lesson of the Courseware tutorial, you have learned to use SectionSummary divs to create slides that directly correspond to lesson content.