摘要:随着近年来web前端开发领中html5技术的逐渐成熟，它在教育领域中发挥的作用也越来越显著。本文论述了html5在教育领域的应用——《小学古诗文》网站的设计与开发过程。本网站的设计采用html5技术，适用于Internet发布，并辅以JS+CSS架构实现，侧重于前台界面的设计。在基于html5的技术基础上，本网站更系统地完善了古诗文相关资源的索引。用户在进入该网站后，可以系统地浏览、学习古诗文。在网站首页搜索栏中输入诗人名字或古诗古文名字搜索本网站内的诗词内容，即可进入对应的页面进行古诗文的学习。本网站搜集并整合网络上的碎片化信息，不仅节约古诗文传播的成本，还加速了信息的更新，充分适应信息化社会“互联网+教育”的发展，为小学生提供了一个良好的互动交流的平台。

该设计报告有图31幅，参考文献10篇。

关键词：html5  设计与开发  JS+CSS架构  索引  互联网+教育

目录

摘要

Abstract

1 绪论1

1.1专题学习网站研究现状-1

1.2专题学习网站开发设计的意义2

2 《小学古诗文》网站设计分析2

2.1网站设计思想-2

2.2网站设计工具-3

2.3网站开发的可行性分析-3

2.4网站设计的总体规则4

3 网站功能设计4

3.1网站设计框架-4

3.2网站功能模块设计-5

4 网站详细设计-11

4.1网站首页详细设计11

4.2 网站古诗朝代页面详细设计-14

4.3 古诗页面详细设计-16

4.4 作者页面详细设计-18

4.5古文页面详细设计18

5 结论-19

参考文献20

致谢20