基于html语言的动态网页制作

《基于html语言的动态网页制作》由会员分享，可在线阅读，更多相关《基于html语言的动态网页制作（27页珍藏版）》请在金锄头文库上搜索。

1、课程设计报告题 目： 基于 HTML 语言的动态网页制作 学生姓名： 房欢欢 学生学号： 0908040206 系 别： 电气信息工程学院 专 业： 通信工程 届 别： 2013 届 指导教师： 陈帅 电气信息工程学院制2012 年 10 月成绩成绩淮南师范学院 2013 届通信工程专业课程设计报告1基于基于 HTML 语言的动态网页制作语言的动态网页制作学生：房欢欢 指导教师：陈帅电气信息工程学院 1 课程设计的任务与要求课程设计的任务与要求1.1 课程设计的任务课程设计的任务创建以苏州园林风景为主题的旅游网站，展示相关风景表达的主要信息。1.2 课程设计的要求课程设计的要求制作一个动态网页

2、，主题为旅游，包括首页动画、首页导航、园林简介、风景视频、网站留言。前台用户操作：包括网页浏览，欣赏音乐、视频，游客留言等功能。1.3 课程设计的研究基础课程设计的研究基础ASP.NET 简介 ASP.NET1是一个 Web 开发平台，提供了构建企业级应用所需的服务、编程模型和软件基础结构。虽然 ASP.NET 的语法基本上与其前辈ASP(Active Server Page)兼容，但是 ASP.NET 是一个全新的编程框架，旨在用于快速开发 Web 应用程序。作为 Microsoft.NET 平台的一部分，ASP.NET 提供了一种基于组件的、可扩展的且易于使用的方法，用于购建、部署和运行供

3、所有在浏览器或移动设备中使用的 Web 应用。同 ASP2和其他 Web3开发环境一样，ASP.NET 也是建立在 HTTP 协议之上的，它利用 HTTP 命令和策略进行双向的、浏览器到服务器的通信和协作。真正使 ASP.NET 有别于其他 Web 开发技术的是它提供的抽象编程模型，即 Web 窗体模型。此外，整个 ASP.NET 平台是 Microsoft.NET Framework 的一部分。ASP.NET 应用是一些已编译的代码部件，由一些可重用且可扩展的组件组成，可以用第一类语言（包括、C#、Microsoft Visual Basic.NET、Microsoft Jscript.NE

4、T 和 J#）创建，并且可以访问.NET Framework 中整个类的层次结构。2 动态网页方案制做动态网页方案制做2.1 方案提出方案提出系统流程后台业务流程（管理员用户执行操作的流程）如图 1 所示：淮南师范学院 2013 届通信工程专业课程设计报告2登录失败登陆成功图图 1 网站后台管理系统流程图网站后台管理系统流程图2.2 方案比较方案比较 方案一：制作静态网页方案二：制作动态网页动态网站4是指基于数据库开发，使用程序如：ASP、.NET 等编程语言对网站进行编程开发而完成的网站。相对于静态网站而说，动态网站是程序开发而成，利用数据库功能可以把网站的数据无限增大。其实动态网站的工作方

5、式与电话购物的流程基本相同，唯一的区别就是对象的不同，即由人变成了机器（两台或多台计算机） 。我们可以简单的把动态网站的工作原理看作是两台或多台计算机的对话。动态网站其实就是这么简单，一应一答，最终完成信息的传递和网页更新，从而形成网页的动态显示效果。请注意，这里的动态效果不是网页特效，而是网页数据的更新显示。动态网站具有交互性9，它的页面不是由传统的 HTML5写成的，而是由服务器根据用户的请求实时生成的。动态网登陆文 章 管 理栏 目 管 理评 论 管 理留 言 管 理友 情 管 理系 统 管 理结束开始注销淮南师范学院 2013 届通信工程专业课程设计报告3站的特点是更新较方便，但由程序

6、动态生成的页面都是根据一个模板生成的，因此样式比较单一，总之，ASP 文件是由 HTML 标记与 script 语言6组成的，其扩展名为.asp 动态网页的一般特点：(1)动态网页以数据库技术为基础，可以大大降低网站维护的工作量；(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；(3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。2.3 方案论证方案论证优点：静态网页10：(1)静态网页的内容相对稳定，因此容易被搜索引擎检索；动态网页：(1)动态网页以数据库技术为基础，可以大大减少降低网站维护

7、的工作量； (2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。 缺点：静态网页：(1)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。(2)静态网页的交互性交叉，在功能方面有较大的限制。动态网页：语言难度大，编译起来更为复杂。2.4 方案选择方案选择动态网页具有更大的可操作性，并且传递的信息容量更多，界面更为清晰。我们选择动态网页进行制作。3 方案设计方案设计淮南师范学院 2013 届通信工程专业课程设计报告4图图 2 系统构成模块示意图系统构成模块示意图3 各单元模块功能介绍

8、网页的构成基于 HTML 语言，MP3 音频文件用于首页音乐播放，文本文档和图片添加和嵌入在网页中，视频文件在网页中的播放器播放。4 网站调试网站调试1.ASP 站点构建站点构建ASP 动态网站7就是在 Windows NT/2000 Server 网络操作系统8下创建Internet 的 Web 服务，这需要安装 Windows 组件 IIS，即 Internet 信息服务器，它是微软公司主推的服务器。2.安装安装 IIS在 Windows XP 环境下安装 IIS10的操作步骤如下：（1）打开“控制面板”，双击“添加/删除程序”图标，单击“添加/删除Windows 组件”按钮，在弹出“Wi

9、ndows 组件向导”对话框中选中“Internet 信息服务（IIS） ”复选框，如图 4 所示。图图 4 添加添加 windows 插件插件音频文件文本文档图片视频文件ASP 网页淮南师范学院 2013 届通信工程专业课程设计报告5图图 5 完成插件安装完成插件安装 （2）单击“下一步”按钮，按向导提示（如图 5）插入 Windows XP 光盘，单击“确定”按钮，完成对 IIS 的安装。（3）安装完成后，在“控制面板”的“管理工具”选项组中即会出现“Internet信息服务”组件。图图 6 IIS 组建完成组建完成4.2 系统仿真实现系统仿真实现 淮南师范学院 2013 届通信工程专业课

10、程设计报告6图图 7 首页动画首页动画图图 8 导航首页导航首页4.3 系统测试系统测试初次调试，首页动画出现问题，网页无法成功打开如图 9：淮南师范学院 2013 届通信工程专业课程设计报告7图图 9 9 无法显示网页无法显示网页经过检查，首页的 ASP 文件一部分代码出现格式上的错误，导致网页无法打开。经过调试，成功进入网站可以成功浏览相关信息，文字图片都可以完整展示，达到预期效果。4.4 数据分析数据分析经过数次校调，特别是在添加首页音频、视频，达到网站设计预期效果。5 总结总结5.1 设计小结设计小结 我通过这次课程设计，充分复习了以前学过的知识，深刻的认识到了学习ASP 的重要性，理

11、解了 ASP 程序的开发步骤，提高了自己理论联系实际的能力，充分的锻炼了自己，也提高了分析问题的能力，为以后的学习和工作打下了基础 在页面设计上，时间紧，任务重，所以只能从网络上下载了一套美观的前台页面，页面不能保证唯一性，但是代码方面是绝对唯一的，这次课设也让我理解到学习页面设计的重要性。5.2 收获体会收获体会 这次网页设计实战篇动态网站设计完成后，我收获了很多，感触也很深。首先毕业课程设计的完成，感谢我的指导老师陈帅老师。他一丝不苟地对我们的报告进行检查，付出了很多的汗水，而我也很敬佩他个人在学术上的执着和坚韧，这正是我们当代大学生所缺少的也是要学习的。在完成报告过程，我发现了个很普遍的

12、问题：我们往往是眼高手低，学习这些知识时觉得它就是小菜一桩，但现在真的验证了“看花容易绣花难” 这句话，当我们着手实践时就淮南师范学院 2013 届通信工程专业课程设计报告8不像我们想象中的那么简单了，每一个细节都需要注意，稍有不慎页面就在预览中变了样，因此更需要我们细心和耐心地去完成，也就两个字概括认真，只有认真对待才会从骨子里学到东西，才学到心里去了。我觉得这次确实是很有意义的一次检测，本来自我感觉良好的，结果实战时还是存在很多问题的，平时学起来觉得很轻松就以为掌握了所学知识，但现在都忘记很多细节是怎么样的了，因此开始着手时有些障碍，但我下定决心把以前的实验内容都温习一遍，遇到不懂的就及时

13、查资料，比如翻阅资料书，百度，也可以请教同学，一起讨论，相互学习，于是最后也如鱼得水，水到渠成，因此得到一个非常重要的结论只要自己想学只要自己有那份执着与毅力，虚心的请教，勤于查阅相关资料就一定会有收获的，真的当今没有什么知识是用不着的，在哪，哪里都是知识，只要自己持有高度的学习热忱。当然，我们在学习过程中一定要及时巩固、练习，掌握了也不一定熟悉，熟能生巧啊！我们应该吸取这个教训，否则即使我们最终达到了目的，但我们走了很多弯路，而不是事半功倍的结果了。不过最终，经过长久的坚持与不断的琢磨，看到了自己辛苦后的成果，尽管这还有很多不足，但看着它我心里充满着喜悦，一分耕耘一分收获，这永远是真理。5.

14、3 展望展望21 世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。而作为新世纪的大学生更应该具备一定的网络知识，来充实和武装自己。网络这个知识海洋是没有人舍得放弃的，再加之现在社会的竞争是十分激烈的，而大学生面临的就业问题也日趋严重。大学生具备一定的网络知识是很重要的，不管是对于在校的学习，娱乐还有毕业以后面临的就业，都是能够影响到他个人的发展的。这次网站的建设，首先能丰富学生自己的文化知识，在建设网站的过程中能学到实际的网络知识。其次网站建设好过程中，与同学合作，每个人各抒己见，扩展了自己的思路，他们提出自己的看法，让自己的成果更加完整。相

15、信这次课程设计会给我以后人生的道路中有很大的指导作用。6 参考文献参考文献1唐建平. ASP 动态网页设计程序设计与制作实训教程M. 机械工业出版社，2006.2吴素芹等. ASP 动态网页制作教程M. 人民邮电出版社，2008.淮南师范学院 2013 届通信工程专业课程设计报告93张翔.网页制作与网站建设技术大全M. 清华大学出版社，2012.4袁娜等.中文版 Dreamweaver CS5 网页制作高级案例教程M.中航出版传媒有限公司，2012. 5龙飞.中文版 Dreamweaver+Flash+Photoshop 网页制作从入门到精通M.上海科学普及出版社，2012.6张春晓.网页制作与网站建设宝典M.电子工业出版社，2012.7李军等.ASP 动态网页制作教程M.人民邮电出版社，2012.8文杰书院.Dreamweaver CS5 网页设计与制作基础教程M.清华大学出版社，2012.9陈学平等.ASP 动态网页制作教程M.人民邮电出版社，2012.10 郑宇.ASP 动态网页制作技术M.高等教育出版社，2006.7 附录附录 器件清单器件清单计算机、Win