摘要：HTML5 是近十年来互联网（Web）标准最巨大的飞跃，和以前的版本不同，HTML5 并非仅仅用来表示Web 内容，它的使命是将Web 带入一个系统的应用平台，在这个平台上，视频、音频、图象和动画以及同电脑的交互都被标准化。也就是说HTML5 是通过开放的技术和标准来实现一个无插件模式的富客户端，这个客户端可以在移动终端、PC（个人计算机）或者其他可以有网络的地方轻松的运行。所以此时研究HTML5，并且大胆的实践有着重要的意义。

本课题内容是使用HTML5等Web语言来制作一个可供用户管理使用的在线名片系统。该系统使用了Canvas（画布）、Javascript（一种面向对象的动态类型的区分大小写的客户端脚本语言）、PHP（一种 HTML 内嵌式的语言）、MySQL（一种关系型数据库管理系统）以及Ajax（一种创建交互式网页应用的网页开发技术）。目前由于HTML5标准尚未成熟，所以还无法商用或完全普及开，但这并不影响我们去研究它。并且将几种Web语言结合制作成一个相对完善的系统仍具有很高的研究价值。

 该系统用户通过浏览器就可以打开，用户可使用名片提交界面上传名片信息，包括照片的上传和简单的编辑。另外用户可使用到查询功能，并且在查询结果见面显示出来。整个系统用户的交互性强。

关键词：HTML5；信息管理系统；Canvas;Ajax技术

目录

摘要

Abstract

1.绪论-1

1.1 课题的目的和意义-1

1.2 国内外发展现状-2

1.3 课题主要的内容和功能介绍-3

1.3.1 课题的主要内容-3

1.3.2 课题的功能介绍-3

2. HTML5介绍-3

2.1 Canvas元素简介-4

2.2 CSS3简介-5

2.2.1 CSS3的边框特效-5

2.2.2 CSS3的背景特效-6

2.2.3 CSS3的文字特效-7

2.2.4  CSS3的动画特效-7

2.2.5 小结-8

3. 相关技术及开发方法简介-8

3.1 相关技术介绍-8

3.1.1 Javascript介绍及简述-8

3.1.2 Ajax技术的介绍及简述-9

3.1.3 MySQL、PHP、Apache介绍及功能简述-10

3.2 开发工具及运行环境-11

3.2.1 Web 开发工具Notepad++简述-11

3.2.2 数据库的建立以及Appserv的简介-12

4. 在线名片系统设计的概要设计-12

4.1 在线名片系统的设计目标-12

4.2 在线名片系统功能性能分析-13

4.3 系统总体功能模块设计-13

4.4 系统流程设计-14

4.4.1 系统主要流程-14

4.4.2  系统各功能模块流程-14

5. 在线名片系统的详细设计-16

5.1 数据库表结构设计-16

5.2 在线名片系统客户端的具体实现-17

5.2.1 登录注册模块-17

5.2.2 浏览名片模块-20

5.2.3 修改名片模块-21

5.3 服务器端与数据库的连接-24

6.系统测试-25

7. 设计总结和结论-26

参考文献-27

致谢-27