|
现在有多少名老师准备将他们的电脑扔到房间里?虽然我们可以访问图形用户界面(GUI)编辑器,但它们还不够。在此博客条目中,您将学习如何执行一些简单的HTML编辑,该编辑将保存您的理智。这些技巧将在学习管理系统(LMSS)等帆布和脑学中起作用。更重要的是,他们将使您可以为学生创建按钮菜单。最后有一个视频教程。准备开始?
遇到这个问题
您可以“听到”教师们沮丧的嚎叫,他们试图使LMS GUI编辑器屈服于他们的意愿。失败是肯定的,因为他们通常不知道这些lms中的HTML编辑器是轻量级的。如果想进行一些真正的编辑,就需要一个HTML编辑器。这些编辑器是可用的,你不需要花很多时间就可以成功。
考虑一下这位在Canvas LMS中遇到麻烦的老师:
在我将笔记本电脑扔到墙上之前,请有人,我不能在内容编辑器中调整表行高度或宽度。我甚至尝试使用HTML代码并没有任何更改。但是,如果我添加行或列,整件事就会走出来。我最后的机智结束了。
当你使用正确的编辑器时,表格的行高或行宽很容易调整。在我们探索解决方案之前,让我们深入探讨Canvas和schoolology。
你知道吗?
查看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编辑器,那就轻而易举了。试试看!