现在有多少老师准备把电脑扔到教室的另一头?尽管我们可以访问图形用户界面(GUI)编辑器,但这还不够。在这篇博客文章中,您将学习如何进行一些简单的HTML编辑,以使您保持头脑清醒。这些技巧在像Canvas和schoolology这样的学习管理系统(lms)中是有效的。更重要的是,它们将使您可以创建按钮菜单,供您的学生使用。最后还有一个视频教程。准备好开始了吗?
满足问题
您可以“听到”听到教师的挫折嚎叫,试图将LMS GUI编辑弯曲到他们的意志。失败是一个给定,因为它们通常不知道意识到这些LMS中的HTML编辑器是重量轻的。如果您想完成一些真正的编辑,您将需要一个HTML编辑器。这些编辑器可用,您可以在不花大约花费的情况下取得成功。
考虑在帆布LMS中遇到麻烦的这位老师:
拜托,在我把笔记本电脑扔到墙上....之前为什么我不能在内容编辑器中调整表的行高或宽度?我甚至尝试过用HTML代码来做,但没有任何改变。然而,如果我添加一行或一列,整个事情就会变得混乱。我已经黔驴技穷了。
表行高度或宽度易于调整...使用右编辑器时。在我们探索解决方案之前,让我们更多地挖掘帆布和浮雕。
你知道吗?
TCEA为这两家公司分别提供了一个在线、自定进度的课程帆布和schoology学习管理系统。现在就注册,看看你错过了什么。学习更多的网络.
看看Canvas LMS GUI编辑器
当您查看Canvas LMS编辑器时,您将看到一些类似于文字处理器的东西:
尽管这个编辑器看起来很棒,但如果您想编辑HTML代码并使其工作,那么它是不够的。后退一步,看看右上角的“编辑”按钮:
一旦你找到了它,点击它。你会得到完整的编辑窗口:
你可能会注意到,在页面的右下角,有一个图标,它看起来像四个点在每个点的上方,排成两行。当你点击这个,你将能够编辑HTML,如下所示:
不幸的是,这里没有什么帮助。只有你和HTML代码。假设您想添加一个可点击的按钮菜单供学生点击。你能做什么?
你知道吗?
注册远程学习工具自学课程。你会选择各种工具,使翻转课堂,混合/远程学习更容易。
创建按钮菜单
要创建按钮菜单,您可以使用GUI编辑器Canvas LMS开始旅程为您提供。您可以将一周的日子插入到您的表格单元格中。它看起来像这样:
插入所有图片后,您可以将它们链接到您的课程中的其他页面:
当您将文本的长度从单元格从单元格变为单元格时,您将看到一切都是中心对齐的。这可能不是您想要的方式出现的方式:
如何调整每个单元格中内容的垂直对齐?虽然你可以调整水平对齐(中间,左边,右边),但如何在Canvas中调整垂直对齐可能有点困难。我在本博客底部的视频教程中详细介绍了这种方法。
你必须使用另一种解决方法。但是,什么?
介绍HTML 5编辑器
一个免费,您可以使用的基于Web的工具是HTML 5编辑器,尽管您可以使用一些类似的工具。以下是一些你可以尝试的方法:
尝试每一种,看看哪一种是你的偏好。它们都很相似,给你分屏视图。一边是“富文本编辑器”,另一边是HTML代码。编辑一边会改变另一边。当您不知道如何调整代码时,这将非常有用。
现在,我正在使用HTML 5编辑器。让我们开始吧。
Canvas LMS的富文本和HTML编辑器
首先,我从Canvas复制HTML代码,并将其粘贴到编辑器的左侧。这是我得到的:
如果我点击我想要调整垂直对齐的单元格,然后到表格->单元格属性,我可以进行对齐更改:
通过这种方式,我可以将垂直对齐方式改为TOP。这将单元格的文本移动到单元格的顶部。我还可以将表的边框设置为零。这样做的效果是使边界隐形。
这改变了代码以反映垂直对齐。您可以看到以下差异:
之前:
后:
这是Canvas LMS HTML代码编辑器中的样子:
这是当你切换到富文本编辑器时的样子:
如上图所示,每个单元格中的文本与单元格的顶部垂直对齐。此时,我可以使用Canvas富文本编辑器进行我想要的调整。如果需要的话,我总是可以切换到HTML视图并复制代码。然后我可以将代码粘贴到基于web的HTML编辑器中进行修改。当我在HTML 5编辑器中完成时,我可以复制并粘贴到Canvas中。这比听起来容易多了。
在学校里,没有人能听到你的尖叫
这在学校里也不是一个罕见的问题。你可能想做出调整,但不知道如何做。如下所示,schoolology的作用和Canvas差不多:
你可以复制代码(我将简单地重用我之前编辑的代码),并将其粘贴到HTML代码视图中:
当我从代码视图切换回富文本编辑器时,它看起来完全符合预期:
等等,这不是我想要的样子。在这种情况下,图像太大了。我需要调整一下。我可以盯着它们,一个一个地调整。或者,我可以进入代码,为每一个定制高度和宽度。
对每个图像的代码做一个小的更改,如上所示,现在我就有了看起来很好的缩略图图像。每一个都是可点击的,带我到不同的内容页面:
快速视频概述
以下是两个视频总结了博客条目。在第一个视频中,我分享如何使用HTML编辑器创建一个自定义表,其中按钮菜单链接到LMS中的特定页面。在第二个视频中,我分享了如何创建一个选择菜单。
Video#1:HTML编辑器
视频2:按钮菜单
帆布的作伴
什么?你觉得那些视频很糟糕?好的,我有另一个视频系列,你可能会喜欢。你听说过《小画布》系列视频吗?检查一下:
而且,这就是所有人,人们!
拜托,不要把头发拉出来或将电脑扔在房间里。在Canvas或Schoology中编辑HTML代码可能是一个痛苦。但如果您依靠免费的HTML编辑在线可用,则是微风。试一试!