H5课件在创业教育数字资源中的设计开发

袁丽珊 李晶晶

DOI：10.16660/j.cnki.1674-098X.2011-5640-7812

摘  要：H5课件作为数字资源中的一种新型新媒体，呈现移动终端的全新设计，教学内容结合动画交互设计，优化传统教学形式，为学生提供全新学习体验，践行“学生为中心”的核心素养理念。利用H5课件的操作与呈现的优势，符合设计原则，利用H5课件设计制作融入潮商创业精神的大学生创业教育课程，帮助大学生快速、便捷掌握创业基础知识与技能。

关键词：H5课件  潮商创业精神  大学生创业教育  数字资源

中图分类号：G718                              文献标识码：A                    文章编号：1674-098X（2021）01（c）-0223-03

Design and Development of H5 Courseware in Digital Resources for Entrepreneurship Education                                                       ——Take “The Nature， Source， Role and Cultivation of Entrepreneurial Spirit of Chaozhou Merchants" as an example

YUAN Lishan   LI Jingjing

（Hanshan Normal University， Chaozhou， Guangdong Province， 521041 China）

Abstract： H5 courseware， as a new type of new media in digital resources， presents the new design of mobile terminal， combines the teaching content with animation interactive design， optimizes the traditional teaching form， provides new learning experience for students， and practices the core literacy concept of "student-centered". Using the advantages of H5 courseware operation and presentation， in line with the design principles， H5 courseware is used to design and make entrepreneurship education courses for college students integrated with the entrepreneurial spirit of Chaozhou merchants， so as to help college students master the basic knowledge and skills of entrepreneurship quickly and conveniently

Key Words： H5 courseware; Entrepreneurial spirit of Chaozhou merchants; Entrepreneurship education for college students; Digital resources

創业教育是高校人才培养方案的重要部分，也是素质教育拓展与延伸，习总书记强调：高校立身之本在于立德树人。但目前高校创业教育存在形式单一、受时空限制、缺乏文化底蕴等不足现状。

习总书记在党的十九大提出：深入挖掘中华优秀传统文化，结合时代要求继承创新，让中华文化展现出永久魅力和时代风采。而潮商作为中国近代史上最具影响力和生命力的商帮之一，涌现出了数不胜数的商界精英，如李嘉诚、马化腾等。将潮商创业精神化为文化载体，融入到新时代创业教育中，具有重要的意义和价值。

“互联网+教育”时代中数字资源将成为未来教育发展的新方向。传统的教学模式仍处在摸索如何更好适应和利用新型的学习方式与学习平台的阶段，创业教育面对诸多问题应该如何有效进行教学？而H5课件作为一种新型的新媒体技术在数字教育资源建设中将占据一席之地，其交互性强、稳定、模式多的优势，正好实现优秀潮商文化与创业教育的融合[1]。

1  H5课件的特点

H5课件是由H5（HTML5简称）设计制作的新媒体课件。H5课件目前仍处于起步发展阶段，还没有广泛应用于教学中，具有巨大成长空间，其互动性、实用性与有趣性值得推广与实践。H5平台不断开发中，种类繁多，主要有简易模板和专业工具制作两大类别[2]，以速课平台为例，模式多，操作简单、便捷，可跨平台、多渠道浏览与传播，能有效进行多元化学习[3]。创业教育课程通过H5课件的展示可以让教学以更生动、新颖的方式呈现，实现教与学变得更智慧，突破固有的说教模式，从而让学习变得更快乐[4]。H5课件具有以下三点显著特征。

1.1 打破学习时间限制

从整体上来看，目前绝大部分高校创业教育多以课堂、主题讲座等传统形式展开，大型慕课的内容多而繁杂，创业知识多以理论为主，枯燥乏味，内容和形式仍缺乏创新，大学生的学业和工作繁忙，常受到时间的限制，不能满足实际需求，进而降低学习效果。

利用H5课件打造创业教育课程，有利于大学生线上线下学习，不约束于课堂。同时学生能自由支配自己的学习时间，学会自主自由学习，养成良好的学习习惯，逐渐形成数字化学习思维和意识[5]。

1.2 打破学习空间限制

相对于传统的创业教育局限于教室、实验室等封闭空间，H5课件是基于移动互联网的一种新型数字资源，没有固定时空，只要通过手机等移动设备便可实现随时随地学习。

1.3 打破学习设备限制

以手机、平板为代表的智能移动设备越来越普及，成为大学生线上线下灵活学习的主要工具，对大学生具有较大的吸引力，兴趣是最好的学习动力，科技是一把双刃剑，教师应该努力让大学生成为时下各类移动设备的受益者，同时也是教师进行教学的一把利器[6]。

2  H5页面设计优势分析

2.1 内容设计优势

2.1.1 内容简练，重难点突出

在大学生有限的时间与精力中，我们需要用最少篇幅把问题讲清楚，梳理内容，建立一个知识框架结构，提取并展示关键信息。

2.1.2 图形化表达

将文字与数据转换成图表的形式，逻辑性较强，更形象深刻，避免长篇文字表述，但注意适当运用，图表是为了凸显教学内容，丰富教学内容而服务的，切忌喧宾夺主，给读者造成一定的视觉混乱。

2.1.3 亮点与趣味性并存

知识内容多，设计制作时易出现千篇一律，通过融入潮商创业精神及文化，如与创业相关的谚语俗语、故事例子、潮商事迹等，穿插表达，既贴合内容又有趣，激发学生阅读兴趣。

2.1.4 字体、配色、图片、音频等的使用

选择高清、图文相符的图片;一个页面不超过三种字体，推荐使用微软雅黑等黑体类字体，清晰明了;配色主要包括四种：字体色、背景色、主色和辅助色，背景色可使用白色、灰色或蓝色等系列，凸显内容，而辅助色通常作为提亮整体效果，如红色、橙色等暖色调。合适的背景音乐能营造轻松愉悦的氛围，调动人的多种感官而达到更好的教学效果。

2.2 排版设计优势

对比原则、对齐原则、亲密原则、重复原则、留白原则是排版的五个基本原则，贯穿在H5课件任意一个画面中。

（1）对比原则：字体、配色、形状等之间可产生对比，起到强调重点作用。如标题与文字对比，通过文字大小、颜色对比、小图标、色块等变化来强调对比。

（2）对齐原则：每个页面左右间距、上下间距和字距行距应统一。素材之间应“井然有序”，减少读者的阅读障碍。

（3）亲密原则：将同一等级、彼此相关的内容归组在一起;不同等级内容要区别开。

（4）重复原则：用重复的元素让画面中的内容在视觉上看是一个整体。无原则的重复会造成一定的视觉疲劳，即重复不等于简单的克隆。同时风格的搭配要与教学内容相符合，有助于读者对内容的理解。

（5）留白原则：页面简洁，建议不要将画面布置得密集，注意预留一定的空白处，使画面有“呼吸感”，如中国国画 、书法中所讲究的“留天地”与“留白”。

3  H5教学设计

以自编教材《创业、潮商创业精神与人生发展——潮商创业精神的本质、来源、作用与培育》一节为例设计制作H5课件，让学生身临其境，饶有兴趣地投入到创业技能的学习中，从教师主动“教”变成学生主动“学”。

3.1 教学目标

3.1.1 知识与技能

学生通过H5课件学习并了解潮商创业精神的本质、来源、作用，培育学生潮商创业精神，从而更好帮助学生了解创业过程。

3.1.2 过程与方法

从潮商创业精神的本质开始引入，了解潮商创业精神的来源和作用，且通过H5课件辅助来吸引学生学习的兴趣，调动学生学习的积极性。

3.1.3 情感、态度与价值观

从学生的实际出发，使学生掌握潮商创业精神的本质、來源、作用，培育学生的潮商创业精神，了解并感受优秀的潮商创业文化，使学生掌握基本的创业知识，学以致用。

3.2 教学重难点

重点：潮商创业精神的培育。

难点：潮商创业精神的作用、潮商创业精神的培育。

3.3 教学内容

本章节的内容主要分为三大点：潮商创业精神的本质，潮商创业精神的来源和潮商创业精神的作用与培育，内容分析如下：

3.3.1 潮商创业精神的本质

何为潮商创业精神的本质？其精髓可以用八个词概括：爱国、奉献、创新、创业、团结、拼搏、诚信和友善。对于创业者而言，既追求利润，也追求与客户的关系——亲善、仁义。对于团队而言，潮商素有注重“胶地人”的情愫与抱团作战的传统，使团队有共同愿景，形成团队的强大凝聚力，不断开拓进取，让团队创业盈利最大化，如李嘉诚、陈伟南等成功海外潮商，毅然地回家乡捐资办学，修桥造路等，凝聚着海外潮商的绵绵家乡情，殷殷故土心。故潮商创业精神既是创业的动力源泉，也是创业的支柱。

3.3.2 潮商创业精神的来源

潮商创业精神的形成与发展主要受文化环境、产业环境、机制环境、生存环境等方面影响。传统文化的熏陶，特殊的海洋环境，引领潮商不断进步，再创辉煌，开拓海外市场。

潮商创业精神不仅能够激发人们进行创业实践的欲望，是一种内在的动力机制。潮商在资本积累的过程中始终坚持着坚持不懈，当辛勤的劳动积累了资金，他们会利用自己的软硬件开创自己的企业。不必提闯南走北所吃的苦，每一个或独自奋斗或团队协力的潮商人，都有着一段段艰辛的创业史。他们在贫困中奋发，汲取经验，把握时机，积少成多，汇聚成潮商这一条奔涌不息的河，成为后人赞叹的潮商团体。

3.3.3 潮商创业精神的对大学生创业教育作用与培育

首先，培育大学生创业人格。优化心理素质，增强心理调适能力和社会生活的适应能力，自觉培养坚忍不拔的意志品质和艰苦奋斗的精神，提高承受和应对挫折的能力。在模拟中体验失败与挫折，在现实中取得成功与喜悦。

其次，培养大学生创新探索精神。创业不是一件简单的事。创业对创业者有一定的素质要求。一直以来，潮商以“刻苦耐劳、善于经营、敢闯敢拼”的精神风貌和经商天赋而闻名海内外。大学生要通过保持个性发展和好奇心、求知欲，不墨守成规、敢于突破现有的思维框架而且乐于尝试及创造出新的模式。

最后，强化大学生创业实践。大学生应该利用课余时间多参加创业沙盘模拟和社会实践活动，增强对企业的了解和对社会的适应。创业不但是一种充分实现自我的机会，更是发挥个人潜能的舞台。

3.4 设计过程

（1）搜索速課网官网，进入页面，选择自己喜欢的模式，点击注册或登录，微信扫码登录即可。

（2）操作步骤：首先点击创建新课件进行内容编辑，目前有五种模式，可制作成不同类型的H5课件或微课，栏目中的图片、音频、视频、资料、学习反馈等多种形式根据个人需要进行选择，教师进行班级管理，方便推送各种学习资料，后台可看到学生的学习情况，方便进行监督学生的学习进度。将H5课件最简单、最特别的功能应用到教学中，更有利于其推广[7]。编辑结束后保存并预览，填写相关信息，确认无误后点击发布，最后通过二维码或链接分享给学生，满足个性化需求，实现新媒体技术与教学相融合。

参考文献

[1] 刘俣宏，赵国宏.H5技术在信息技术教学中的应用研究[J].教育现代化，2019，6（57）：120-121.

[2] 时晓勇.基于H5平台的初中生物学移动教学研究与实践[D].烟台：鲁东大学，2019.

[3] 苏慧.速课在H5课件制作中的应用分析[J].现代商贸工业，2019，40（29）：170.

[4] 李戈.新形态教材中H5产品特点与设计趋势分析[J].中国编辑，2018（5）：68-72.

[5] 张中秋，韦金洪.基于“移动互联网+”的高校“速课”模式与应用探索——以项目教学为例[J].中国地质教育，2019，28（1）：61-65.

[6] 周璠.基于91速课平台的中华优秀传统文化进高校思政课堂研究[J].成才之路，2019（31）：1-3.

[7] 袁祎静.H5页面在中学物理教学中的应用[D].南京：南京师范大学，2019.