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

题目：基于HTML语言的动态网页制作

学生姓名：房欢欢

学生学号：0908040206

系别：电气信息工程学院

专业：通信工程

届别：2013届

指导教师：陈帅

电气信息工程学院制

2012年10月

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

学生：房欢欢

指导教师：陈帅

电气信息工程学院

1课程设计的任务与要求

1.1 课程设计的任务

创建以苏州园林风景为主题的旅游网站，展示相关风景表达的主要信息。

1.2 课程设计的要求

制作一个动态网页，主题为旅游，包括首页动画、首页导航、园林简介、风景视频、网站留言。前台用户操作：包括网页浏览，欣赏音乐、视频，游客留言等功能。

1.3 课程设计的研究基础

简介[1]是一个Web开发平台，提供了构建企业级应用所需的服务、编程模型和软件基础结构。虽然的语法基本上与其前辈ASP(Active Server Page)兼容，但是是一个全新的编程框架，旨在用于快速开发Web应用程序。作为平台的一部分，提供了一种基于组件的、可扩展的且易于使用的方法，用于购建、部署和运行供所有在浏览器或移动设备中使用的Web应用。同ASP[2]和其他Web[3]开发环境一样，也是建立在HTTP协议之上的，它利用HTTP命令和策略进行双向的、浏览器到服务器的通信和协作。真正使有别于其他Web开发技术的是它提供的抽象编程模型，即Web窗体模型。此外，整个平台是 Framework的一部分。应用是一些已编译的代码部件，由一些可重用且可扩展的组件组成，可以用第一类语言（包括、C#、Microsoft Visual 、Microsoft 和J#）创建，并且可以访问.NET Framework中整个类的层次结构。

2 动态网页方案制做

2.1 方案提出

系统流程后台业务流程（管理员用户执行操作的流程）如图1所示：

图1 网站后台管理系统流程图

2.2 方案比较

方案一：制作静态网页

方案二：制作动态网页

动态网站[4]是指基于数据库开发，使用程序如：ASP、.NET等编程语言对网站进行编程开发而完成的网站。相对于静态网站而说，动态网站是程序开发而成，利用数据库功能可以把网站的数据无限增大。其实动态网站的工作方式与电话购物的流程基本相同，唯一的区别就是对象的不同，即由人变成了机器（两台或多台计算机）。我们可以简单的把动态网站的工作原理看作是两台或多台计算机的对话。动态网站其实就是这么简单，一应一答，最终完成信息的传递和网页更新，从而形成网页的动态显示效果。请注意，这里的动态效果不是网页特效，而是网页数据的更新显示。动态网站具有交互性[9]，它的页面不是由传统的HTML[5]写成的，而是由服务器根据用户的请求实时生成的。动态网站的特点是更新较方便，

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

2.3 方案论证

优点：

静态网页[10]：

(1)静态网页的内容相对稳定，因此容易被搜索引擎检索；

动态网页：

(1)动态网页以数据库技术为基础，可以大大减少降低网站维护的工作量；

(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。

缺点：

静态网页：

(1)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。

(2)静态网页的交互性交叉，在功能方面有较大的限制。

动态网页：语言难度大，编译起来更为复杂。

2.4 方案选择

动态网页具有更大的可操作性，并且传递的信息容量更多，界面更为清晰。我们选择动态网页进行制作。

3方案设计

图2系统构成模块示意图

3各单元模块功能介绍

网页的构成基于HTML语言，MP3音频文件用于首页音乐播放，文本文档和图片添加和嵌入在网页中，视频文件在网页中的播放器播放。

4 网站调试

1.ASP站点构建

ASP动态网站[7]就是在Windows NT/2000 Server网络操作系统[8]下创建Internet的Web服务，这需要安装Windows组件IIS，即Internet信息服务器，它是微软公司主推的服务器。

2.安装IIS

在Windows XP环境下安装IIS[10]的操作步骤如下：

（1）打开“控制面板”，双击“添加/删除程序”图标，单击“添加/删除Windows 组件”按钮，在弹出“Windows组件向导”对话框中选中“Internet信息服务（IIS）”复选框，如图4所示。

图4 添加windows插件

图5 完成插件安装

（2）单击“下一步”按钮，按向导提示（如图5）插入Windows XP光盘，单击“确定”按钮，完成对IIS的安装。

（3）安装完成后，在“控制面板”的“管理工具”选项组中即会出现“Internet 信息服务”组件。

图6 IIS组建完成

4.2 系统仿真实现

图7 首页动画

图8导航首页

4.3 系统测试

初次调试，首页动画出现问题，网页无法成功打开如图9：