首页 LMS 虚拟学习工具,第2部分:画布或学校的按钮菜单
LMS

虚拟学习工具,第2部分:画布或学校的按钮菜单

通过米格尔古林
按钮菜单
Amazon Polly配音

现在有多少名老师准备将他们的电脑扔到房间里?虽然我们可以访问图形用户界面(GUI)编辑器,但它们还不够。在此博客条目中,您将学习如何执行一些简单的HTML编辑,该编辑将保存您的理智。这些技巧将在学习管理系统(LMSS)等帆布和脑学中起作用。更重要的是,他们将使您可以为学生创建按钮菜单。最后有一个视频教程。准备开始?

遇到这个问题

您可以“听到”教师们沮丧的嚎叫,他们试图使LMS GUI编辑器屈服于他们的意愿。失败是肯定的,因为他们通常不知道这些lms中的HTML编辑器是轻量级的。如果想进行一些真正的编辑,就需要一个HTML编辑器。这些编辑器是可用的,你不需要花很多时间就可以成功。

考虑一下这位在Canvas LMS中遇到麻烦的老师:

在我将笔记本电脑扔到墙上之前,请有人,我不能在内容编辑器中调整表行高度或宽度。我甚至尝试使用HTML代码并没有任何更改。但是,如果我添加行或列,整件事就会走出来。我最后的机智结束了。

当你使用正确的编辑器时,表格的行高或行宽很容易调整。在我们探索解决方案之前,让我们深入探讨Canvas和schoolology。

你知道吗?

TCEA在线提供在线,自节尾的班级帆布Schoology学习管理系统。现在就注册,看看你错过了什么。更多网上了解

查看Canvas LMS GUI编辑器

当您查看Canvas LMS编辑器时,您将看到一些看起来像一个词处理器的东西:

按钮菜单

像那个编辑器看起来很棒,如果要编辑HTML代码并将其工作是不够的。退后一步,寻找右上角的编辑按钮:

按钮菜单

找到它后,单击它。您将获得完整的编辑窗口:

按钮菜单

您可能会注意到的是,在页面的右下角,有一个图标,看起来像两个点行中的四个点。单击此时,您将能够编辑HTML,如下所示:

按钮菜单

不幸的是,这里没有太多帮助。这只是你和html代码。假设您想为学生添加一个可点击的按钮菜单来单击。你能做什么?

你知道吗?

注册远程学习工具自我节奏的课程。您将拿起各种工具,使翻转课堂,混合/远程学习更容易。

创建按钮菜单

要创建按钮菜单,您可以使用Canvas LMS提供的GUI编辑器开始您的旅程。您可以将一周的日期插入到表格单元格中。它看起来像这样:

按钮菜单

插入所有图像后,您可以将它们链接到课程中的其他页面:

按钮菜单

当你在单元格之间改变文本的长度时,你会看到所有内容都是居中对齐的。这可能不是你想要的内容出现的方式:

按钮菜单

如何调整每个单元格中内容的垂直对齐?虽然你可以调整水平对齐(中间,左边,右边),但如何在Canvas中调整垂直对齐可能有点困难。我在本博客底部的视频教程中详细介绍了这种方法。

按钮菜单

您必须使用不同的解决方案。但是,什么?

介绍HTML 5编辑器

你可以使用的一个免费的、基于网络的工具是HTML 5的编辑,尽管您可以使用一些类似的工具。以下是一些你可以尝试的方法:

尝试每一种,看看哪一种是你的偏好。它们都很相似,给你分屏视图。一边是“富文本编辑器”,另一边是HTML代码。编辑一边会改变另一边。当您不知道如何调整代码时,这将非常有用。

现在,我将使用HTML 5编辑器。让我们开始吧。

Canvas LMS的丰富文本和HTML编辑器

首先,我从Canvas复制HTML代码,并将其粘贴到编辑器的左侧。这是我得到的:

按钮菜单

如果我点击我想要调整垂直对齐的单元格,然后到表格->单元格属性,我可以进行对齐更改:

按钮菜单

以这种方式,我可以将垂直对齐改变为顶部。这将小区的文本移动到小区的顶部。我也可以使表边框设置为零。这具有使边界不可见的效果。

这将更改代码以反映垂直对齐。你可以看到下面的区别:

前:

按钮菜单

后:

按钮菜单

下面是它在Canvas LMS HTML代码编辑器中的样子:

按钮菜单

当您切换到丰富的文本编辑器时,这就是如此:

按钮菜单

正如您在上面的图像中看到的,每个单元格中的文本都具有垂直对齐到单元格的顶部。此时,我可以使用画布丰富的文本编辑器并进行调整。如果需要,我可以始终切换到HTML视图并复制代码。然后我可以将代码粘贴到我的Web的HTML编辑器中以进行更改。当我在HTML 5编辑器中完成时,我可以复制,然后将其粘贴回画布。它比听起来更容易。

在血症学中,没有人能听到你的尖叫声

这不是血症学中的罕见问题。您可能想要调整,但不知道如何。正如你可以看到的那样,Schoology与画布一样有用:

按钮菜单

您可以复制代码(并且我将简单地重用早期编辑的代码),并将其粘贴到HTML代码视图中:

按钮菜单

当我从代码视图切换回富文本编辑器时,它看起来完全符合预期:

按钮菜单

等等,这不是我想要的样子。在这种情况下,图像太大了。我需要调整一下。我可以盯着它们,一个一个地调整。或者,我可以进入代码,为每一个定制高度和宽度。

按钮菜单

如上所示,每个图像的代码更改,并且我现在有看起来很好的缩略图图像。他们每个人都可以点击,将我带到不同的内容页面:

按钮菜单

快速视频概述

这里有两个视频总结了这个博客条目。在第一个视频中,我分享了如何使用HTML编辑器创建带有按钮菜单的自定义表,这些按钮菜单链接到LMS中的特定页面。在第二个视频中,我分享了如何创建选择菜单。

视频1:HTML编辑器

Video#2:按钮菜单

帆布的小帆布

什么?你认为这些是可怕的视频吗?好的,我可以享受另一个视频系列。你听说过Littles视频系列的画布吗?一探究竟:

这就是全部,伙计们!

请不要拔你的头发或把你的电脑在房间里扔来扔去。在Canvas或schoolology中编辑HTML代码可能是一件很痛苦的事情。但如果你依赖于在线的免费HTML编辑器,那就轻而易举了。试试看!

你也许也喜欢

发表评论

保持联系。

加入我们的电子邮件列表以与TCEA团队的最新更新,活动和新闻保持联系。

您已成功订阅!