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.(see footnote)
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 make the same change in the slides.
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 in the same document. The slides and the manual sections are cross-linked 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/>, <h2/>, and <h3/> 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 and syntax blocks and demos. 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">CR</a></li>
Images
Images can be referenced in list items with a standard image tag:
<li><img src="Images/ImageName.gif" alt="" /></li>
Note that if the image is already in the manual, you can reference the image by cross reference.
Exact Copies
If you want a full slide to be an exact copy of an existing element in the lesson, you can use the following tag instead of an ol or ul:
<a href="#id" class="ExactCopy">Copy</a>
This is most useful for existing lists in the manual, but can be used for other content as well. Note that the element being referenced should have a title attribute, which will be used as the title of the slide.
Creating Slides Conclusion
In this lesson of the WCWC tutorial, you have learned to use SectionSummary divs to create slides that directly correspond to lesson content.
Footnotes
-
Webucator's courseware used to fit this model.