随着移动劳动力的增强，组织现在已经意识到需要设计和开发电子学习，这将自身调整到不同设备的不同屏幕尺寸。这被称为响应式电子学习，其中单个版本的课程是在HTML5中开发的，可以在任何移动设备上访问。
但是，使用快速创作工具在HTML5中发布的电子学习课程并不响应移动设备。为了使响应于所有设备的电子学习课程，您应该在HTML5，CSS3，jQuery（UI）和JavaScript上具有良好的命令，以了解课程布局结构。最近，我们在伦培开发了一个课程，使课程响应所有设备;我们拍摄了已发布课程的源代码，并用前面提到的语言替换它。有了这个，包括客户品牌，学习内容和导航的电子学习课程的GUI将适应变化的屏幕尺寸。
让我们看看如何在响应设计中开发电子学习课程：
步骤1：
采取公布的电子学习课程。
第2步：
在任何浏览器中运行课程以了解课程布局设计和课程功能。
第3步：
现在在Notepad ++，PSPAD和Adobe Dreamweaver等HTML编辑器中打开源文件。
如果您希望将这些功能转换为响应设计，您应该使用jQuery数据角色和CSS3类写入HTML5标记。
在HTML编辑器中打开文件，删除旧内容区域，现在在内容区域中提供您自己的代码，而不会干扰功能和跟踪。
- 在第一行中删除页面dockype代码<！doctype html public“ - // w3c // dtd xhtml 1.0过渡// en”“http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd”>
- 现在添加新标签<！doctype html>
- 在列中添加元标记代码
- 在标题标记中添加外部CSS文件和jQuery文件。<链接rel =“stylesheet”href =“css / jquery.mobile-1.4.0.min.css”>
<链接rel =“stylesheet”href =“css / custom-demo.css”>