<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title> &#187; Template Design</title>
	<atom:link href="http://elearningplanet.com/category/template-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://elearningplanet.com</link>
	<description></description>
	<lastBuildDate>Sun, 31 Jul 2011 15:57:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Adding an Articulate Engage Interaction Within Another</title>
		<link>http://elearningplanet.com/2008/04/adding-an-articulate-engage-interaction-within-another/</link>
		<comments>http://elearningplanet.com/2008/04/adding-an-articulate-engage-interaction-within-another/#comments</comments>
		<pubDate>Wed, 02 Apr 2008 11:55:41 +0000</pubDate>
		<dc:creator>elearningtyro</dc:creator>
				<category><![CDATA[Articulate Engage]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Instructional Design]]></category>
		<category><![CDATA[Template Design]]></category>
		<category><![CDATA[Useful Resources]]></category>

		<guid isPermaLink="false">http://elearningtyro.wordpress.com/?p=51</guid>
		<description><![CDATA[Click here to view a useful post on adding an Articulate Engage Interaction within another.]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Felearningplanet.com%252F2008%252F04%252Fadding-an-articulate-engage-interaction-within-another%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Adding%20an%20Articulate%20Engage%20Interaction%20Within%20Another%22%20%7D);"></div>
<p>Click <a target="_blank" href="http://daveperso.mediaenglishonline.com/2008/01/28/how-to-embed-within-engage/">here</a> to view a useful post on adding an Articulate Engage Interaction within another.</p>

]]></content:encoded>
			<wfw:commentRss>http://elearningplanet.com/2008/04/adding-an-articulate-engage-interaction-within-another/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maximum Sizes for Images and Videos in Articulate Engage</title>
		<link>http://elearningplanet.com/2008/03/maximum-sizes-for-images-and-videos/</link>
		<comments>http://elearningplanet.com/2008/03/maximum-sizes-for-images-and-videos/#comments</comments>
		<pubDate>Wed, 12 Mar 2008 05:58:11 +0000</pubDate>
		<dc:creator>elearningtyro</dc:creator>
				<category><![CDATA[Articulate Engage]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Instructional Design]]></category>
		<category><![CDATA[Template Design]]></category>
		<category><![CDATA[Useful Resources]]></category>

		<guid isPermaLink="false">http://elearningtyro.wordpress.com/?p=46</guid>
		<description><![CDATA[Each interaction type in Articulate Engage has its own specifications in terms of the sizes for images and videos. Here is a useful information on the maximum sizes for images and videos. Thanks to Gabe Anderson for sharing these details in his blog.  Interaction Type Maximum Size Example Process (no text in steps) 620 px width x 310 [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Felearningplanet.com%252F2008%252F03%252Fmaximum-sizes-for-images-and-videos%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Maximum%20Sizes%20for%20Images%20and%20Videos%20in%20Articulate%20Engage%22%20%7D);"></div>
<p>Each interaction type in Articulate Engage has its own specifications in terms of the sizes for images and videos. Here is a useful information on the maximum sizes for images and videos. Thanks to Gabe Anderson for sharing these details in his <a href="http://www.articulate.com/blog/" target="_blank">blog</a>.<span style="font-size:10pt;font-family:Arial;"> </span></p>
<table class="MsoTableGrid" style="border-collapse:collapse;border:medium none;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-right: 5.4pt; padding-left: 5.4pt; background: #99ccff; padding-bottom: 0px; width: 2.05in; padding-top: 0px; border: windowtext 1pt solid;" width="197">
<p class="MsoNormal" style="text-align:center;margin:0;" align="center"><span style="font-size:10pt;font-family:Arial;">Interaction Type</span></p>
</td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: windowtext 1pt solid; padding-left: 5.4pt; background: #99ccff; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid;" width="197">
<p align="center"><span style="font-size:10pt;font-family:Arial;">Maximum Size</span></p>
</td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: windowtext 1pt solid; padding-left: 5.4pt; background: #99ccff; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid;" width="197" valign="top">
<p align="center"><span style="font-size:10pt;font-family:Arial;">Example</span></p>
</td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Process (no text in steps)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">620 px width x 310 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/process101/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Labeled Graphic</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">690 px width x 470 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/labeledgraphic101/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Tabs (at a minimum size of 10%)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">553 px width x 380 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/tab10110/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Tabs (at the regular size of 30%)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">425 px width x 380 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/tab10130/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Circle Diagram</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">250 px width x 310 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/circle101/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Timeline</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">620 px width x 310 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/timeline101/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Media Tour (without captions or video player)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">688 px width x 468 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/media101/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">FAQ</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">617 px width x 310 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="text-decoration: underline;"><span style="font-size:10pt;font-family:Arial;"><a href="http://www.articulate.com/support/support/dave/blog/faq101/engage.html">Click here for an example</a></span></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Pyramid Diagram</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">250 px width x 305 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/pyramid101/engage.html" target="_blank">Click here for an example</a></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Guided Image (if the image takes 75% of the space)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">434 px width x 295 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" rowspan="2" width="197"><span style="text-decoration: underline;"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/guided101/engage.html">Click here for an example</a></span></span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Guided Image (if the image takes 85% of the space)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">490 px width x 335 px height</span></td>
</tr>
<tr>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: windowtext 1pt solid; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">Glossary (with glossary items set to a minimum width)</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="font-size:10pt;font-family:Arial;">493 px width x 330 px height</span></td>
<td style="border-right: windowtext 1pt solid; padding-right: 5.4pt; border-top: #ece9d8; padding-left: 5.4pt; padding-bottom: 0px; border-left: #ece9d8; width: 2.05in; padding-top: 0px; border-bottom: windowtext 1pt solid; background-color: transparent;" width="197"><span style="text-decoration: underline;"><span style="font-size:10pt;font-family:Arial;"><a href="http://articulate.com/support/support/dave/blog/glossary101/engage.html">Click here for an example</a></span></span></td>
</tr>
</tbody>
</table>

]]></content:encoded>
			<wfw:commentRss>http://elearningplanet.com/2008/03/maximum-sizes-for-images-and-videos/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Tips for Creating Engaging Assessments by Using Articulate Engage</title>
		<link>http://elearningplanet.com/2008/02/tips-for-creating-engaging-assessments/</link>
		<comments>http://elearningplanet.com/2008/02/tips-for-creating-engaging-assessments/#comments</comments>
		<pubDate>Wed, 20 Feb 2008 17:27:31 +0000</pubDate>
		<dc:creator>elearningtyro</dc:creator>
				<category><![CDATA[Articulate Engage]]></category>
		<category><![CDATA[Assessments]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Instructional Design]]></category>
		<category><![CDATA[Template Design]]></category>
		<category><![CDATA[Useful Resources]]></category>

		<guid isPermaLink="false">http://elearningtyro.wordpress.com/?p=45</guid>
		<description><![CDATA[Hi all, I just viewed a useful post on creating engaging assessments by using Articulate Engage.  Its really worth sharing, and thus you have this post right now. Click here to view the post. ]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Felearningplanet.com%252F2008%252F02%252Ftips-for-creating-engaging-assessments%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Tips%20for%20Creating%20Engaging%20Assessments%20by%20Using%20Articulate%20Engage%22%20%7D);"></div>
<p>Hi all,</p>
<p>I just viewed a useful post on creating engaging assessments by using Articulate Engage.  Its really worth sharing, and thus you have this post right now.</p>
<p><a href="http://www.articulate.com/blog/articulate-101-how-to-create-mini-assessments-with-engage/" target="_blank">Click here to view the post. </a></p>

]]></content:encoded>
			<wfw:commentRss>http://elearningplanet.com/2008/02/tips-for-creating-engaging-assessments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Elements in the e-Learning Course Template</title>
		<link>http://elearningplanet.com/2006/12/elements-in-the-e-learning-course-template/</link>
		<comments>http://elearningplanet.com/2006/12/elements-in-the-e-learning-course-template/#comments</comments>
		<pubDate>Mon, 25 Dec 2006 06:33:18 +0000</pubDate>
		<dc:creator>elearningtyro</dc:creator>
				<category><![CDATA[Instructional Design]]></category>
		<category><![CDATA[Template Design]]></category>
		<category><![CDATA[Useful Resources]]></category>

		<guid isPermaLink="false">http://elearningtyro.wordpress.com/2006/12/25/elements-in-the-e-learning-course-template/</guid>
		<description><![CDATA[Here is a list of elements that shall be included in the e-Learning course template. Header or session title: It should display the session name. Frame title: It should display the frame title. Pagination information: It should provide information on the current frame number and the total number of frames in the session. Glossary button: [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_jade" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Felearningplanet.com%252F2006%252F12%252Felements-in-the-e-learning-course-template%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Elements%20in%20the%20e-Learning%20Course%20Template%22%20%7D);"></div>
<p>Here is a list of elements that shall be included in the e-Learning course template.</p>
<ul>
<li class="MsoNormal"><strong>Header or session title:</strong> It should display the session name.</li>
<li class="MsoNormal"><strong>Frame title: </strong>It should display the frame title.<strong><br />
</strong></li>
<li class="MsoNormal"><strong>Pagination information: </strong>It should provide information on the current frame number and the total number of frames in the session.</li>
<li class="MsoNormal"><strong>Glossary button:</strong> It should provide the list of terms, definitions, and relevant description.</li>
<li class="MsoNormal"><strong>Help button: </strong>It should provide assistance in operating and navigating through the session.</li>
<li class="MsoNormal"><strong>Exit button: </strong>It should enable the learner to exit the session. It is appreciable to include a dialog box with an instruction like &#8220;<em>Are you sure you want to exit?</em>&#8221; when the exit button is clicked.</li>
<li class="MsoNormal"><strong>Slider bar: </strong>It should enable the learner to navigate the frame contents either forward or backward.</li>
<li class="MsoNormal"><strong>Audio ON or OFF button: </strong>It should enable the learner to play or mute the audio.</li>
<li class="MsoNormal"><strong>Audio transcript button: </strong>It should display the contents read in the audio.</li>
<li class="MsoNormal"><strong>Previous button: </strong>It should navigate to the previous frame.</li>
<li class="MsoNormal"><strong>Next button: </strong>It should navigate to the next frame.</li>
<li class="MsoNormal"><strong>Play or pause button: </strong>It should enable the learner to play or pause the execution of a frame.</li>
<li class="MsoNormal"><strong>Template instruction bar: </strong>It should provide information on the template navigation instruction (for example, &#8216;<em>Click Next to proceed</em>&#8216;, &#8216;<em>Click Exit to exit the session</em>&#8216;, &#8216;<em>Follow the instructions in OST</em>&#8216;, and so on) or the status of frame execution (for example, &#8216;<em>Frame execution in progress</em>&#8216;) to the learner.</li>
<li class="MsoNormal"><strong>Notes button: </strong>It should display a scribbling pad. The learner can type his or her notes, save, and print the same.</li>
<li class="MsoNormal"><strong>Search</strong><strong> button: </strong>It should enable the learner to search for his or her required terms and explanation.</li>
<li class="MsoNormal"><strong>References or learning aids button: </strong>It should display all the reference materials and other learning aids related to the session.</li>
<li class="MsoNormal"><strong>FAQ button: </strong>It should display the session&#8217;s frequently asked questions and their respective answers.</li>
</ul>
<p>The aforementioned elements are some of the frequently used elements in the e-Learning course template. You can choose the elements based on the target audience and your client&#8217;s requirements. I will update this post if I acquire any additional information. Hence, I suggest you to visit this post frequently.</p>

]]></content:encoded>
			<wfw:commentRss>http://elearningplanet.com/2006/12/elements-in-the-e-learning-course-template/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

