关于Dreamweaver中ASP动态网页设计浅议

关于Dreamweaver中ASP动态网页设计浅议

崔敏王艳红

（济南职业学院，山东济南250100）

摘要：网页设计与制作是网络时代的一项重要信息技术技能，Macromedia公司的网页三剑客之一的Dreamweaver就是网页设计工具中的佼佼者，而动态数据库网页的制作是网页设计与制作的核心内容，现就动态网页的发展过程进行了回顾，重点阐述了ASP技术在Dreamweaver中的应用，为使用Dreamweaver制作网页的非专业人员提供帮助。

关键词：ASP；动态网页；Dreamweaver；数据库

随着互联网技术的快速发展，互联网提供的服务也越来越得到更多人们的认可，特别是WWW服务，它是目前互联网上发展最快的服务。WWW是一种基于超文本技术的网络资源服务，WEB上的信息是由彼此关联的文档组成的，这些文档称为主页或页面，它是一种超文本（Hypertext）信息。早期的网页主要是静态的，后来由于有了CGI、ASP、JSP、DHTML、PHP、ASP.NET等技术的发展，使得WEB页面可以方便地传播动态信息。目前，比较流行的有ASP、PHP和JSP程序设计语言。

ASP全称ActiveServerPages，是微软公司开发的一套服务器端脚本环境，在这种环境中，通过在标准的HTML网页中嵌入和使用ASP内建的对象和可安装的ActiveX组件，并结合VBscript或JavaScript语言来设计，即可建立动态的、交互的、功能强大的Web页面，这种页面就称之为动态网页。

开发ASP文件，最简单的工具就是Windows系统自带的记事本了，除此之外还有Editplus、UlraEdit、Frontpage、Dreamweaver等工具。我们可以先使用Dreamweaver来进行界面设计，然后用Editplus来完成动态网页的脚本开发，综合利用各自的优点，发挥它们的特色，为我们的开发服务。下面就ASP在Dreamweaver制作动态网页中的应用进行分析，总结使用技巧，为使用Dreamweaver制作网页的非专业人员提供帮助。

1ASP对象及其功能

（1）Response：将信息从服务器发送到浏览器。

（2）Request：将信息从浏览器提交到服务器。信息来自浏览器端的表单（form）或传递的参数（如ID）。

（3）Application：存储一个应用程序中所有用户共享的信息。当网站服务器开启时，Application对象就被创建；在动态网页中可自定义Application属性，所有用户共用，直到服务器停止。

（4）Session:访问者从到达某个网页的一段时间内（从生成Session变量到清除），服务器为用户分配的用来保存用户个人信息的对象。在网页中定义Session变量，可存储不同用户的信息；用户登录网站后，在页面之间跳转时，存储在Session变量中的个人信息不会被清除；为了限制某些特定页的访问权限，常在登录后将用户信息写入Session对象，在限制访问页中通过验证Session变量的方法检查用户是否登录。

2Dreamweaver中“应用程序（application）”选项面板

Dreamweaver创建动态数据库网页，主要借助“应用程序（application）”面板来完成，该面板中有“数据库（databases）”、“绑定（binding）”、“服务器行为（server）”三个选项。

（1）“数据库（databases）”选项

该面板完成用connection对象对数据库文件的连接。通过“数据库（databases）”选项建立连接后，会在站点根目录下自动建立一个connec-tions目录，并在其中自动建立一个以创建的连接名称为文件名的ASP文件。该连接对整个站点有效，打开站点内的任何文件，都可以在“应用程序（application）/数据库（databases）”选项下看到该连接。它不随站点内某个文件的关闭而消失。

（2）“绑定（binding）”选项中的概念分析“绑定（binding）”选项是指在网页中插入已设定的ASP或ADO的某个对象。

3ASP在Dreamweaver中的使用技巧

（1）利用Dreamweaver中的CSS+p对网页布局设计，最终生成ASP文件。

实现方法：

a.设置顶部样式.top

点击Dreamweaver中的常用工具栏→“插入p标签”→新建CSS样式→高级（ID、伪类选择器等），选择器.top，仅对该文档→点击“确定”→方框，宽定为750，高50像素。

b.设置左边样式.left点击Dreamweaver中的常用工具栏→“插入p标签”→新建CSS样式→类（可应用于任何标签），名称.left，仅对该文档→点击“确定”→方框，宽定为35%，高100像素。

c.设置右边样式.right点击Dreamweaver中的常用工具栏→“插入p标签”→新建CSS样式→类（可应用于任何标签），名称.right，仅对该文档→点击“确定”→方框，宽定为60%，高100像素。

（2）使用Dreamweaver制作计数器。

网页计数器主要用于统计一个网页的点击率，或者是统计访问人数，我们利用Dreamweaver可以轻松实现这个功能。

a.利用Access来建立一个数据库。打开Access，创建一个空数据库，取名为js.mdb。选择“使用设计器创建表”，生成两个字段，一个是id为文本类型，另一个是jishu为数字。将这个表保存为“计数”，并定义主键。

b.打开“计数”表，在两个字段中分别输入记录，在id中输入zz，在js中输入初始值为0。

c.打开Dreamweaver，创建一个命令。在应用程序中，选绑定中的“命令（预存过程）”→在命令中选择类型为“更新”→在SQL中依次输入：update计数；setjishu=jishu+1;whereid=‘zz’→点击“确定”。

d.建立一个记录集。点击“服务器行为”→记录集（查询）→在对话框中选择名称，连接到站点，表格为“计数”，在列中选全部→点击“确定”。

e.切换到“绑定”列表/菜单点击“记录集”→将js拖动到页面上来，然后保存。

f.将保存的文件名存到虚拟目录下，进行测试。

小结

由以上分析可知，动态网页开发涉及的面非常广，需要学习的内容非常多。而用Dreamweaver制作动态网页实质是使用ASP技术（或其它动态技术），因此使用Dreamweaver制作动态网页时，必须要了解ASP的相关知识；另外，利用Dreamweaver和ASP开发的动态网页，通过一些插件的应用，现在只需要少量的手写代码，便可以轻松地实现很多功能，这些技巧在实际操作当中是非常实用的，同时还能非常方便地编辑和管理站点，制作具有特色的各种网站。

参考文献

[1]邓文渊.挑战DreamweaverMxforASP[M].北京:中国铁道出版社，2004.

[2]张小虎.ASP动态网页设计之我见[J].电脑知识与技术，2008（11）.

[3]张玉孔.ASP在DreamweaverMX制作动态网页中的应用分析[J].潍坊学院学报，2007（2）.

[4]徐莉.Dreamweaver+ASP动态网页使用技巧[J].今日科苑，2009（2）.

作者简介：崔敏（1981~），女，山东济南人，济南职业学院计算机系助教；王艳红（1979~），女，山东潍坊人，济南职业学院计算机系助教。