基于HTML5的交互式Web设计与开发.docxVIP

基于HTML5的交互式Web设计与开发 　　基于HTML5的交互式Web设计与开发 　　创新实验室是北京化工大学重要的电气信息类科研基地，自其于XX年7月11日正式挂牌，便深受各级领导的重视及广大师生的喜爱。随着实验室向全体师生及校外友人的开放，为了加强该实验室的知名度与影响力，构建一个创新实验室信息交流平台已是刻不容缓。而伴随着信息容量和科学技术的全面进步，传统的信息交流方式已经难以满足人们的需求。在现代社会的需求之下，一种新兴的信息交流方式开始崭露头角并迅速获得了广大群众的支持——交互式网站。通过访问该交互式网站，人们可以足不出户就获取创新实验室的各类资料及一手信息，也可以在论坛中与实验室各级工作人员进行网上交流，提高了工作效率，节省了宝贵的时间。　　本文首先阐述了创建该网站的背景及意义，介绍了所用到的Internet技术、Apache+PHP+MySQL的交互式网站经典组合，分析了系统体系结构及其功能模块的设计与实现，接着详细介绍了网站的需求与设计过程，最后对该网站测试与实现中的关键技术以及遇到的问题进行了讨论。　　关键词：创新实验室；交互式网站；Apache+PHP+MySQL　　目 录　　前 言1　　第1章 相关知识介绍3　　第1.1节 网站设计技术知识3　　1.1.1 HTML语言3　　1.1.2 CSS层叠样式表4　　1.1.3 脚本描述语言PHP5　　第1.2节 环境搭建及相关软件7　　1.2.1 Web服务器——Apache7　　1.2.2 MySQL的安装和配置8　　1.2.3 PS位图图像处理软件8　　1.2.4 网站开发工具Adobe Dreamweaver9　　小 结10　　第2章 网站需求分析11　　第2.1节 网站参与者分析11　　第2.2节 网站功能需求分析11　　第2.3节 网站性能需求分析13　　小 结13　　第3章 网站的设计14　　第3.1节 主页面的设计14　　3.1.1 主页LOGO14　　3.1.2 日期显示15　　3.1.3 URL链接菜单16　　第3.2节 后台数据库的建立17　　3.2.1 数据库的链接17　　3.2.2 数据库的操作18　　3.2.3 数据库查询18　　3.2.4 数据库结构18　　3.2.5 数据库流程图20　　3.2.6 创建base表25　　小 结25　　第4章 网站测试26　　第4.1节 网站功能测试26　　第4.2节 网站性能测试28　　小 结29　　第5章 结束语30　　第5.1节 工作总结30　　第5.2节 设计展望32　　参考文献33　　致 谢35　　参考文献　　[1]SUN JIAN-HONG，LI JUN-SHENG，SHANG YANLING．Comparative Research of Developing Technologies of Website[J]．XX International Conference on Future BioMedical Information Engineering　　[2]隋飞．利用交互式网站提高大学生网络思想政治教育效果的思考[J]．教育与职业．XX,(32):78-79.　　[3]曹恺，王海芹，杨永侠．提高高访问量交互式网站性能[J]．计算机工程与应用．XX,43(12):170-172.　　[4]倪彦佩，王彤．基于WEB的交互式统计分析系统实现[J]．山西电子技术．XX,(2):66-67.　　[5]李欢．WEB2.0时代交互式网页界面的审美设计研究[J]．科技创新导报．XX,(17):13-02.　　[6]LI DONG，JIN SHANGJIE．Website Construction based on Web2.0 Technology [J]．XX International Symposium on Computer Science and Society　　[7]王莉．基于WEB的交互式计算机网络课程教学系统的设计与实现[J]．电脑开发与应用．XX,23(4):15-17.　　[8]张书梅．PHP录入页面中从数据库动态提取数据的方法[J]．程序员．XX,(1):56-57.　　[9]朱志宇，张代华，刘维亭．基于ASP和ADO技术的动态交互式教学网站[J]．实验技术与管理．XX,23(7):66-69.　　[10]吴剑，朱志宇，张冰．交互式动态教学网站的设计与实现[J]．计算机与数字工程．XX,34(5):41-43,49.　　[11]袁健美．基于JSP的B\S动态网站开发及数据库连接[J]．计算机技术