交互式动态网页的设计与制作

交互式动态网页的设计与制作
梁银妮
【摘要】随着社会的发展,互联网行业在发展过程中逐渐兴起,为了保证互联网站的使用效果,就要让网站具有一定的交互功能,从而使其能够更好的与访问者进行交互,在这一需求下,互联网网站由传统的静态网站逐渐演变成交互式动态网站,与传统静态式网页设计相比,交互式动态网站难度更大,因此本文详细分析交互式动态网站的设计与制作,希望能够为网页设计制作人员提供一些有价值的信息,促进互联网行业的发展.%with the development of society, the Internet industry emerged in the development process, in order to ensure Internet use effect, let the interactive function of the website, so that it can better interact with visitors, in this case, the internet station gradually evolved from the traditional static web site interactive dynamic website, compared with the traditional static web design, interactive and dynamic web site is more difficult, so in this paper a detailed analysis of the design and manufacture of interactive dynamic website, hoping to provide some valuable information for web design and production staff, to promote the development of the Internet industry.
【期刊名称】《电子测试》
【年(卷),期】2017(000)001
【总页数】2页(P77-78)
【关键词】交互式动态网页;设计;制作;互联网行业
【作者】梁银妮
【作者单位】白银矿冶职业技术学院,甘肃白银,730900
【正文语种】中文
进入21世纪以来，互联网行业得到了快速发展，越来越多的公司也有了自己的网页，人们希望能够通过网页就可以购买和询问产品信息，但传统的静态网页无法满足人们对于网络的需求，因此在信息技术不断发展的过程中，出现了交互式动态网页，这一网页设计方式能够使购买者通过网页与公司和客服人员进行交流，在满足访问者需求的同时，增加企业经济效益，有助于企业发展，因此在网页设计与制作方面，人们更加倾向于交互式动态网页。

交互式动态网页是相对于静态网页的概念而言出现的概念，即当访问者出现对网页的请求时，服务器会相应的做出改动，是动态生成的，可以进行适当的更改，当然对于不同的访问者来说，交互式动态网页的内容也不相同，服务器会根据访问者的请求及时生成运行脚本，反馈给他们需要的页面，正因为交互式动态网站的设计原理，交互式动态网站具有交互性特点[1]。

一般情况下，按照交互式动态网页定义，将其分为以下几类：一、访问者提交信息页面，该种类页面主要是为了收集用户的反馈信息，该种页面还具有一定的收集信息、记录与分析统计的功能；二、对访问者访问要求的反馈页面，该页面是根据访问者的实际要求，通过在网站的数据库中搜索，将相关信息反馈给访问者的页面；三、网站管理页面，使用这一页面的主要人员为网站的管理人员，通过该页面能够做好网页的编辑、修改等工作。

2.1 设计原理
虽然不同的交互式动态网页展示出来的内容并不相同，有与教育有关的、与衣服饰品相关的、与食物相关的，但是交互式动态网页的设计原理是大致相同的。

交互式动态网页主要由两个页面构成：一、访问者提交信息的页面，该页面为访问者提供
寻求帮助的按钮，当访问者有某方面需求时，可以通过输入查询内容并按提交按钮，就能够将信息传递给网站内部，网站内部通过对自己原有信息库的搜索找出访问者需求的页面；二、网站处理访问者需求的页面，当网站内部找出与访问者需求相关的内容时，就会为访问者提供一个反馈页面，将最终结果传递给访问者。

2.2 设计方式
一般情况下，交互式动态网站设计有三种方式：一、手工编码方式，即设计人员直接通过编写HTML代码完成交互式网页的设计工作，但是该设计方式对设计人员
的要求相对较高，因为一旦有一个编码制作错误就会造成整个设计工作的失误。

由此可见使用该种方式的编码效率并不十分理想且后期制作中的调试环节较为麻烦，因此选择该种方式进行设计并不常用[2]。

二、利用可视化工具的设计方式，在信
息技术不断发展的过程中，出现了很多可视化网页编辑工具，这些工具能够让网页设计人员在可视的环境下进行网页制作，与第一种设计方式相比，该种设计方式更为简便易行，但是在设计一些复杂的网页上具有一定的约束。

三、可视化与手工编码相结合的设计方式，该种设计方式更为理想，它将上述两种方法的优点实现了统一结合，不仅简化了交互式动态网页的设计难度，而且能够设计出内容更加丰富的网页。

2.3 设计元素
设计元素是交互式动态网页中一个重要的组合部分，也是显示给访问者的重要内容，通常情况下，其设计元素主要包括以下几方面内容：一、文本信息，文本是人们交流的主要载体，通过我们的日常使用也能够发现在交互式动态网页中文本占据着较大的比重；二、动画以及图像信息，能够直观的反映出网页的主要内容；三、视频与声音，能够渲染访问者的访问环境，是网页中的重要组成部分；四、超级链接，这能够让我们在访问一个网页时很容易跳转到其他内容；五、导航栏元素，能够起到为访问者导航的作用，与超级链接相类似，导航栏元素能够让访问者实现由一个
网站到另一个网站的快速转变。

3.1 建立网页数据资源库
网页数据资源库是交互式动态网站的运行后台，是当访问者提出某些需求时网站查找资源的地方，首先，要建立网页数据资源库[3]。

一般情况下，网页制作人员可以利用Dreamweaver MX 2004进行网页制作，在使用该可视化工具的基础上，可以建立现阶段较为流行的：Sybase、Oracle、Access、MySQL、SQL、Server 等数据资源库，并将与该公司的相关内容包括一些产品的信息、公司的介绍、产品的评价、公司的企业文化等等内容收录到网页数据资源库中，保证访问者提出相关需求时能够及时有效的反馈给访问者。

3.2 创建读取数据的ODBC
ODBC是一种数据源，主要作用是快速指向数据库。

由于不同的交互式动态网站中拥有的数据库格式各不相同，格式的不同会制约数据库的使用范围，因此要想制作出更好的交互式动态网页就要创建能够读取数据的ODBC，ODBC的驱动内核中能够收录所有数据库的格式和相关的基层操作，通过创建数据源，当访问者使用到相同的句法和命令时，就能够完成对大多数类型数据库的操作，从而能够搜集到更多与访问者提出语句相同的内容。

使用Dreamweaver MX 2004可视化工具进行ODBC数据源的创建工作时，需要经过以下几点操作：首先，打开数据源的管理面板，其次，在ODBC中添加数据源，最后，点击完成按钮，结束ODBC数据源的创建工作。

3.3 制作静态页面并连接数据库
静态页面是交互式动态网页的基础，是网页制作过程中的一个重要环节，因此首先应该借助Dreamweaver MX 2004可视化工具制作出一个静态网页页面。

在完成静态页面制作工作后，进行网页制作的下一个环节，即数据库的连接工作，该工作主要是对参数的设置，保证网页能够对访问者的需求进行及时的反馈。

创建连接主
要包括以下几项工作：一、在Dreamweaver MX 2004的程序应用面板上找出“数据源名称”对话框；二、在对话框中输入连接的名称并选择上创建好的数据源；
三、测试工作，以检查是否准确连接。

3.4 创建存储记录集
由于交互式动态网站在使用过程中会随时的调取数据，因此就要创建一个存储记录集，该存储记录集具有很多功能，能够为企业分析提供有用的数据。

使用Dreamweaver MX 2004工具进行制作时，存储记录集会被添加到“服务器行为”和“绑定”这两个面板中，主要操作步骤为：首先，在Dreamweaver MX 2004
应用面板中找出“记录集”，并在记录集对话框中单击高级选项；其次，输入记录集的名称；再次输入选择语句，最后借助Dreamweaver MX 2004自带的SQL
查询相关参数名称，做好记录集创建工作。

3.5 绑定数据并添加服务器行为
网页的数据绑定就是指将网页动态内容与记录集内容进行一一的绑定工作，主要工作内容有：在Dreamweaver MX 2004应用面板中选择绑定面板，由于之前已经做好记录集的创建工作，因此此时只要做好绑定即可。

只有在网页中添加相应的服务器行为才能在访问者提出请求时保证交互式动态网站的正常使用，因此在制作过程中要重视该流程工作，特别是服务器的插入、更新以及删除记录等行为。

3.6 网页的调试与发布
网页的调试与发布环节是交互式动态网页制作过程中最后一个环节也是最重要的一个环节，在调试工作过程中能够及时的发现一些在制作过程中没有发现的问题，在发现问题后要及时进行修改与编辑，做好网页的编辑工作，从而保证交互式动态网页能够更好的为访问者提供服务。

当调试工作一切正常后，网页制作人员就能够在互联网网站上进行发布，这里需要注意的是，互联网网站服务器一定要能够支持制
作者所选择的服务器技术，避免发生浪费制作时间的情况，在发布后，也要及时查看制作出的交互式动态网页是否能够正常运行，保证人们的访问需求。

交互式动态网页在网页设计和制作中占据着越来越大的比重，这就要求设计制作人员要不断完善自己的设计方法，结合设计原理，将更多有用的元素添加到网页中去，以满足企业发展过程中对网页的需求，同时在网页制作过程中，制作人员还应该切实做好每一项设计环节，保证设计制作的高效性。

【相关文献】
[1]李殿环.一体化教学在ASP动态网页中的应用与反思[J]. 计算机光盘软件与应用. 2013（22）
[2]刘燕燕.高职院校动态网页设计课程教学改革研究[J]. 吉林省教育学院学报（上旬）. 2013（09）
[3]陈士磊.“个性成才”理念在《动态网页设计》中的应用[J]. 电脑编程技巧与维护. 2012（08）
梁银妮，女，1973年4月，籍贯：陕西富平，中级职称，专业：计算机应用，发展方向：计算机
教学软件开发。