随着大数据时代的到来,国内外教育信息化发展也呈现迅猛趋势,在实际课堂中,教师使用的教学资源种类越来越多样的同时,也日趋信息化。2017年《普通高中生物学课程标准》的颁布,提出了生物学核心素养,教学目标不再只是提升学习成绩的层面,还包括学生的多种智能、思维能力,这要求着教师改进教学方法,变革传统课堂。而HTML5技术的支持下,课堂教学有了新的可能。在开展研究前,对在职教师进行了现状调查,结果显示大多数教师认可HTML5教学资源的应用价值。对于高中生来说,“细胞呼吸和光合作用”的内容,微观并且抽象,学习起来比较困难。而HTML5教学资源作为信息化教学资源,能够将抽象知识具体化、使学生学习主动化等。但目前HTML5应用于教育领域中较少,教师对这一类教学资源的认识不多,无从搜索到该资源应用,也没有自行制作的技术。因此,本研究尝试以高中生物必修一“细胞呼吸和光合作用”的内容为例,利用HTML5制作工具进行HTML5教学资源的开发,来帮助学生学习相关内容,同时让更多的教师认识到HTML5教学资源的教学意义,并指导教师制作HTML5教学资源。本研究进行了以下六个部分:第一部分是绪论,阐述当前的研究背景,梳理了国内外研究文献现状,在此基础上提出了研究问题,并制定相应的研究技术路线。第二部分文献综述,对HTML5教学资源相关概念进行了界定。以建构主义学习理论、多媒体认知理论、多元智能理论以及混合式教学理论为指导,明确开发HTML5需遵循的原则。第三部分基于ADDIE模型,进行HTML5开发设计,详细叙述了开发具体过程,包括前期分析、设计阶段、制作阶段等。第四部分是将制作好的HTML5教学资源进行实践应用,展示了每个教学资源的应用片段和教学反思。第五部分是对所开发的HTML5教学资源效果进行评价,以同一层次的两个班为研究对象,设置了实验组与对照组。通过学生问卷调查,得到结果是学生普遍对HTML5教学资源的交互性、有效性、针对性、艺术性方面表示满意,喜欢本次研究开发的HTML5教学资源。根据实验班和对照班进行纸笔测验,得出本次开发的HTML5教学资源对学生成绩、学习动机起到提升作用。第六部分是结论和建议,本研究的得出的结论是:基于相关教学理论的指导,本研究利用“i H5”平台开发的HTML5教学资源,对于学生进行细胞呼吸和光合作用的学习过程,起到一定的积极作用。第七部分进行了总结和展望,研究成果有三个:一、制作HTML5教学资源要遵循交互性、有效性、针对性、艺术性的原则;二、细胞呼吸、光合作用内容相匹配的四个HTML5教学资源;三、呈现了“i H5”平台制作HTML5教学资源的详细过程。