摘 要

本文分析了教师使用教案的习惯，归纳总结了教案格式中频繁出现的词汇，结合计算机高级语言HTML CSS和教案设计理论，并参考现阶段的教案改革方案实现对电子教案模板系统的设计与开发。

论文结合相关的教案改革和设计文献以及HTML CSS设计语言方面的设计文献的分析和总结。在此基础之上，设计开发出电子教案系统，该系统的功能为：第一，为教师提供范式的教案框架，教师不需要重复输入关于教案格式的文字，减少了教师编写教案的时间。第二，教案利用CSS对UI进行设计开发，与word相比功能更专一，页面更加适合教案的设计与开发。第三，教案最终可以生成.html和PDF两种文本格式，方便教师多重选择。

论文的创新之处在于将教案设计原理和HTML CSS计算机开发语言结合，把教案的设计和编写程序化，更有利于帮助教师编写教案，减少教师编写教案的重复性劳动，让教师有更多的时间去做课题研究，提高教学质量。

关键词：教案设计；电子教案；HTML CSS程序开发

Abstract

Based on the analysis of teachers' usual practice and the vocabulary appeared frequently in the teaching plan, the purpose of this paper is to develop a system of electronic teaching plan template combined with computer language HTML CSS and teaching plan theory in the light of teaching plan reform program at present stage.

This paper analyzes and summarizes the literature on the reform of teaching plan and design documents, as well as the design language of HTML CSS. On this basis, the design and development of electronic teaching plan system. The functions of the system are as follows: first, the teaching plan framework for teachers is provided, teachers do not need to repeat the text on the teaching plan format, and reduce the time of teaching lesson plans. Second, lesson plans to use the HTML CSS language swing framework for the design and development of UI, and word compared to more specific functions, the page is more suitable for teaching design and development. Third, lesson plans can eventually generate .HTML and PDF and other text formats, to facilitate the multiple choice of teachers. The innovation of the paper is to will plan design principle and HTML CSS programming languages with the lesson plan design and programming of, more conducive to help the teachers to write teaching plan, reduce the teacher write teaching plan of repetitive work, let teachers have more time to do research, to improve the quality of teaching.

Key words: Lesson plan design; Electronic lesson plans;

HTML CSS program development

目录

摘 要 I

Abstract I

第1章 绪论 1

1.1研究背景 1

1.2 国内外发展状况 1

1.3 研究目的和意义 1

1.4 论文的内容结构 2

第2章 电子教案在备课中的重要地位研究 3

2.1 电子教案在信息时代的优势 3

2.2电子教案系统的优点 3

第3章 电子教案制作系统功能设计及思路阐述 5

3.1 个性设置功能 5

3.2文档编辑功能 5

3.3表格模板功能 5

3.4导出功能 6

3.5功能结构图 6

第4章 电子教案制作系统UI设计及原理阐述 7

4.1 常用教案格式的分析 7

4.1.1教案的具体内容分析 7

4.1.2教案编写过程中的关键步骤分析 7

4.1.3电子教案常用的版面分析 7

4.2 系统UI图的设计 10

4.2.1UI设计护眼理论应用 10

4.2.2UI图设计过程 10

4.3 UI设计过程图 14

第5章 电子教案制作系统程序核心代码阐述 15

5.1 程序API准备工作 15

5.2 核心代码实现 16

5.2.1页面布局UI的代码实现 16

5.2.2页面布局功能的代码实现 17

5.3代码整合过程 21

5.4 程序的调试 21

第6章 总结与展望 23

6.1研究成果总结 23

6.2 研究过程中的感悟 23

6.3 研究中存在的问题 24

6.4 研究展望 24

参考文献 25

致 谢 26

第1章 绪论

1.1研究背景

随着信息化时代的来临,教育也跟随信息化的潮流运用了多媒体技术。教师上课也出现了多样化的形式。然而优秀的备课从始至终都是教师高质量课程的关键保障。几十年间，教师的备课形式经历了一个使用备课本纯手写备课、教研组进行集中备课、教师参考“教案集”备课，到教师集体备课、如今流行的网上备课和精品备课的过程。备课的方式也从传统的手写纸质教案本逐渐转变为电子教案备课方式。

电子教案的出现为教师备课提供了极大的便利，但是所谓的电子教案大多为word文档，PPT文档等，都是教师利用office自己制作的，并没有专门针对教案设计制作的文档编辑器出现，而通用性的文档编辑器可能会对教师的教案编辑工作造成一些困扰，使得教师浪费一些时间花在重复性的劳动中，如：制作教案表格或者粘贴复制教案步骤标题等。