1
0
mirror of https://github.com/andre-wojtowicz/elearning-ims-cp-template.git synced 2024-11-23 16:00:28 +01:00
elearning-ims-cp-template/index.html
2016-02-19 15:21:09 +01:00

82 lines
3.6 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Minimalistic IMS Content Package template for e-learning by andre-wojtowicz</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/github-dark.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="javascripts/respond.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="stylesheets/ie.css">
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<div id="header">
<nav>
<li class="fork"><a href="https://github.com/andre-wojtowicz/elearning-ims-cp-template">View On GitHub</a></li>
<li class="downloads"><a href="https://github.com/andre-wojtowicz/elearning-ims-cp-template/zipball/master">ZIP</a></li>
<li class="downloads"><a href="https://github.com/andre-wojtowicz/elearning-ims-cp-template/tarball/master">TAR</a></li>
<li class="title">DOWNLOADS</li>
</nav>
</div><!-- end header -->
<div class="wrapper">
<section>
<div id="title">
<h1>Minimalistic IMS Content Package template for e-learning</h1>
<p></p>
<hr>
<span class="credits left">Project maintained by <a href="https://github.com/andre-wojtowicz">andre-wojtowicz</a></span>
<span class="credits right">Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></span>
</div>
<p>This repository contains template files in order to prepare IMS Content Package 1.1 for e-learning purposes. Here you can prepare lesson modules as well as quizes. All content-based files are written HTML.</p>
<p>Whole zipped repository can be instantly imported as an IMS package in Moodle and OLAT.</p>
<h2>
<a id="features-and-libraries" class="anchor" href="#features-and-libraries" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features and libraries</h2>
<ul>
<li>Look &amp; feel: <a href="http://getbootstrap.com">Bootstrap</a>,</li>
<li>Math notation: <a href="https://www.mathjax.org">MathJax</a>,</li>
<li>Table of contents auto-generation: <a href="http://magnetiq.com/exports/toc.htm">Auto ToC</a>,</li>
<li>Code syntax highlighting: <a href="http://alexgorbatchev.com/SyntaxHighlighter">SyntaxHighlighter</a>,</li>
<li>Quiz: single and multiple choice.</li>
</ul>
<h2>
<a id="preview" class="anchor" href="#preview" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Preview</h2>
<ul>
<li><a href="materials/lesson.html">Lesson</a></li>
<li><a href="materials/quiz.html">Quiz</a></li>
</ul>
<h2>
<a id="brief-how-to" class="anchor" href="#brief-how-to" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Brief how-to</h2>
<ul>
<li>
<code>imsmanifest.xml</code> - defines tree of modules (lessons and quizes).</li>
<li>
<code>materials/lesson.html</code> - header and footer have CSS and JS code to proper load the libraries; main part of body has content of the lesson.</li>
<li>
<code>materials/quiz.html</code> - header and footer have CSS and JS code to proper load the libraries; main part of body has quiz questions; the beginning of body has list of correct answers.</li>
</ul>
</section>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
</body>
</html>