如果您对要在LMS中呈现的内容有所了解,那么下一个想法将转向纯文本形式–怎么打扮呢?
大多数教育工作者没有在我们的本科课程中学习这种类型的教学设计。因此,这里是如何制作完美的HTML页面,以及如何将其编译为美观的模块。

完美的HTML页面

布置桌面

建立表格从表开始。您的文本编辑器可能具有这样的界面,或者您可能需要使用HTML Table Generator,例如 在W3schools.com上找到了这个

我比较喜欢3×3 or 3×4.当然没有’看起来还不错,不是吗?请记住,表格的单元格将随着您的内容而扩展。但是,我们使用该表的原因是,表使项目保持顺序和彼此之间的预期关系。

表格还允许我们将某些单元格合并在一起,从而给人一种格状的印象。

考虑每个课程对表中的内容进行2或3个表变化。这2-3个布局可以构成完整的模块设计。这些表允许不同的屏幕分辨率和不同的设备欣赏内容的相同/非常相似的用户体验。

表的属性

要建立可识别的状态/目的地,您首先要建立一个 调色板。您可能有预定的颜色或喜欢的颜色。如果太好了!如果不咨询我 Color Me Happy博客文章 然后检查我的 给我上色快乐Pinterest板.

接下来,定居  图形 相似但变化很小。这是我最近在学生技术课程中使用的各种图像:

 4个机器人 排队机器人 机器人特写  一个机器人  机械人

即使是同一图像的特写裁剪图像(请参见上方的图像3和4)也可以创建课程的各种图像。识别过程中的图像可能首先要完成以收集调色板。

最后,考虑 元素  除了颜色和图像。

字形  一致性很重要。如果您的文本编辑器不提供选项,请访问W3schools.com或在Canva,PicMonkey或Google Draw中使用具有透明背景的适当字体/颜色创建图形,然后作为图像插入。

格式化 以标题的形式,文本效果(粗体,斜体,下划线)和颜色很强大,应该有意,谨慎地插入,并具有巨大的力量来引导读者理解您的想法。

其他元素,例如水平 线 可以将更改的文本/内容与“template”您正在创建。我喜欢用水平线“<hr>” in HTML.

考虑在文本中少量使用图标或表情符号,作为增强理解的另一功能。考虑 表情  统一码 .

您可以 在W3schools.com上查看HTML中的这些属性 太!

享受餐桌

让’将这些物品放到桌子上。
这是编辑时的外观:

编辑表格

这是完成的外观:

成品桌

您能在其他表格中检测到我如何更改此表格吗?

火花表Ex

 

你会做些什么

 

在设定前安静

 

在整个模块中进行修改和重用的简单表格可提供一个流畅,愉快和品牌化的学习体验。

桌屑

并非所有平台都具有简单的文本编辑器。如果您是使用HTML的新手,请记住始终在note应用程序中保留原始页面的副本。 (MS Word具有隐藏的格式,因此请跳过它)。

在HTML中也无法胜任 首先 。利用键盘快捷键功能/命令F查找某些元素。当您在所见即所得{所见即所得}之间进行切换时,可以添加不常见字母组合的短语/字符串,例如XYZ。当您将视图更改为HTML时,您应该可以轻松地在HTML字母汤中找到该字符串:

<tr>
<td colspan=”2″><em>XYZ</em></td>
</tr>

 

在下面的评论中分享您的表格!