疫情背景下《静态网页设计》通识课程线上教学实践与思考

李 勤

（乐山师范学院计算机科学学院，四川 乐山 614004）

1 背景

在全球新冠疫情影响下，2020年春季中国高校不停教不停学，开启网课教学模式，依托遍布全国的4G网络，开启了人类历史上规模最大，人数最多的网课教学。 在教育部建设双万课程的大背景下，这是一次检验前期在线课程建设成果的契机，也是在大规模使用中查找不足，改进在线课程建设。 高校教师老、中、青齐上阵，提升教师教育信息化水平，为国分忧，是挑战，也是机遇。

2 计算机通识课程线上教学的现状与局限

《静态网页设计》课程是乐山师范学院在大一下期开设的计算机通识课。 由于大一上学期开设《大学信息技术基础》是在超星平台上进行的线上线下混合式模式教学，同学们已熟悉线上教学，故本期疫情前学生参加线上教学比例为100%。

《静态网页设计》主要讲授用DreamWeaver 制作静态网站。全书以“嘉州文化网站”的各网页建设为主线，讲解网站和网页制作技术。 本课程主要通过实例讲解，边讲边练，完成教学目标。我国目前有中国大学MOOC、爱课程、超星平台等众多在线教育平台，查阅已有的线上教育资源，已有的MOOC 或在线课程难以全程匹配本门课的教学内容[1]。对不能满足个性化、针对性教学的课程或章节，任课教师自主录课授课是一种有效的解决方案。

3 线上教学实施

3.1 教学资源准备

为方便教学及与学生沟通，每班建了一个QQ 学习群，将学习委员设为管理员。 教学资料如电子版教材、软件、软件安装视频、素材、实验内容、课件等传到QQ 群共享，供同学们下载使用。 同时，在超星学习通平台上建课，上传如PPT、分章节教材等资料，辅助准备教学资源[2]。

3.2 教学形式选择

因静态网页设计课是一门操作性很强的课程，教授用DreamWeaver 软件制作网页，除少量PPT 讲解外，绝大多数时间是操作演示，故课堂教学主要采用直播。 由于学生在家网络条件差异大，特别是部分偏远地区少数民族学生家里时有停电、网络信号不好等情况，且多数学生有对课堂讲解有回放需求，故每次上课的内容均进行了录制。

3.2.1 直播

直播工具可选择腾讯会议、QQ 群视频、超星直播、ZOOM 等。 因本课程是用软件制作网页，界面复杂，工具面板众多，当涉及展示代码时，代码字体小。部分同学因条件限制，家中无电脑，只能用智能手机听课，听课时有屏幕放大的需求；此外，网络直播时音、视频会有不同程度的时延。 综合考虑以上用户需求，直播课上主要选用腾讯会议讲课，演示时关闭师生视频以减轻播放时出现的卡顿，教师机全屏共享给学生，讲课时的时延在可忽略范围内，且在需要时学生可在手机屏幕上放大局部细节。

由于有一个班有老挝留学生跟班听课，留学生在海外无法通过接收手机短信注册使用腾讯会议软件，为使海外学生能顺利听课，故此班采用QQ 群视频进行直播。QQ 群视频除学生手机端不能放大屏幕外，在时延上依然出色。 若讲解代码时字号过小，学生不易看清时，可采用第三方工具实现对细节的放大。

3.2.2 录播

（1）录播工具选择

超星直播间可在直播时对内容进行全程录制，但考虑到本课程的特点是边讲边练，全程录制内容不紧凑，且所占存储空间大，故每次课的主要内容采取单独录制的方法，对知识点进行录制，再传到QQ 群供同学们课后查阅。 录播软件可用QQ 进行屏幕录制，录制生成MP4 格式文件。 优点是简单易用，缺点是录制过程中不能暂停，不能在QQ 中对视频进行编辑。Camtasia 是一款专业的录屏软件，能轻松录屏、中途可暂停，录好后可进行编辑，可对屏幕进行缩放、添加注释、添加字幕等，最后可导出得到MP4 文件。 通过比较，同样时长的MP4 格式视频文件，在视频质量不降低的情况下，Camtasia 软件制作的视频文件大小是QQ 制作视频文件大小的14。

（2）录播注意事项

由于在家录课，没有专业录音设备和录音环境，为了减少外界噪音干扰，应尽量使用专用耳机，在安静的时段比方清晨或深夜录课。 录课时应调整情绪，用轻快声音和积极的情绪录制，以利于减轻同学们长时间上网课带来的沉闷感。

3.3 课堂教学

为增加课堂现实感，上课前10 分钟教师打开QQ群课堂或腾讯会议，布置在学习通上签到，做好课前准备，打开电子版教材，打开软件导入站点等。因本课程是在电脑上演示实例，故教师进行直播，全程向学生全屏分享教师屏幕。 在线课堂教学中，因缺乏师生间面对面的交流，所以课堂互动十分必要。 在课堂上需要强调知识点或讨论问题时，可即时提问并要求学生打开麦克风回答。 课堂上采用边讲边练的方式，组织学生实训练习。 操作中若遇到不会的地方，学生可在腾讯会议或QQ 里语音提问，也可将自己的网页截屏提问，教师可即时语音答疑，也可以屏幕共享方式操作演示回复，其他同学可同时在线观看。 为了减轻长时间听网课带来的沉闷感与倦怠感，基于学习目标在学习通上设计抢答、选人回答、小组讨论、在线互评等互动环节，能调动同学们的学习积极性；在学习通上设计一些课堂测试，布置课后作业，要求同学将做好的网页通过图片方式上传，并上传相应的文件面板或CSS 面板参数，方便课后作业管理[3]。

3.4 课程考核

考虑到学生的现实情况，本课程考核分两种方式：对有电脑的学生，在课程开始时布置期末考核方式为交作品，设计一个有主题的网站，利用所学Dream Weaver及图像处理知识，用表格或DIV 布局，要求将所学知识运用到自己的网站设计中，要讲究布局、色彩、美学效果，讲究文字和图片效果、动画效果，能自主学习新知识并将它们运到自己的网页设计中；除上交网站外，还需提交一个word 文档介绍自己网站的设计理念、设计的思路、网站的特色、使用的方法技术、有哪些值得推荐的技术细节等。 对无电脑的学生，安排理论考试，在QQ 群里计时考试。 考试题型设计了单项选择题、多项选择题、简答题及设计题。 在纸上作答后，用手机拍照，以QQ 群作业的方式提交。

4 课堂上的思政教育

在人类文明发展的长河里，这次突如其来的疫情是一个偶然事件，但对每一个具体的人都是一件大事。长时间独自在家上网课，容易让学生产生孤单、烦闷、松懈的负面情绪。 任课教师在课堂上的思政教育此时尤为重要。这一代孩子很幸运生在了物质富足的时代，但每个时代都有那个时代的苦难，疫情让我们明白了要尊重科学、敬畏自然，当代大学生更应从现在做起，努力学习，去探索人类未知的领域。中国的社会主义体制和西方资本主义体制，在政治、经济、医疗、民主等方面，都各有优劣。 关心世界疫情，以更客观、开放的心态看世界，能让同学们感激自己生在和平安全的国家，疫情期间能上网课是国家、社会、学校做了很多部署和努力的结果。按时作息、认真上课、查漏补缺、按自己的大学规划准备该做的事情，陪伴亲人，相信这段时光会成为同学们一生的财富。

5 小结

疫情下的网课已进行一个学期，在老师和学生的共同努力下，可望顺利完成。 在线教学是现代教育技术全面深度融入教与学的过程，对于平台、教师、学校管理、学生而言，都提出了新的课题。 对平台而言，这是一个测试网课高锋时段网络响应情况、提升硬件水平、加快5G 建设，为广大一线教师提供技术支持并及时得到反馈的机会。 对高校一线教师而言，这是一个提高老、中、青教师整体信息化水平，主动求变，化危为机，面对困境与时代共命运的责任与担当。 对学校而言，这次疫情提升了教职工整体性息化水平，也提升了高校信息化管理水平，加强了网络管理平台建设。 学校多次为教师们提供了网上在线教学培训，实行每周网络在线教学运行基础信息数据上报，启用了毕业论文管理系统，启用了网上报帐系统，通过多方努力，提升学校软实力。对学生而言，线上教学对同学们最大的挑战提高自律性提升课堂听课效率、培养自主学习能力以及树立学习目标做好时间管理。教师的适度监督，课后适量的作业、安静的学习环境、按时作息、老师在思想上的鼓励与引导，都有助于学生静心学习，提高网课质量。

新的困境，为在线教育带来挑战，也带来了新的机遇。 伴随着5G 的快速发展，建设在线课程、改进教学方法，提升学生学习体验，高校教师任重而道远。