基于ASP的网站设计 - 图文(9)

5.2 Dreamweaver MX创建站点

5.2.1新建站点

通过站点管理工具，我们可以方便的实现以下的功能：快速站点定义、创建网站文档、网站文档管理、创建页面链接。

打开Dreamweaver Mx程序，选择菜单命令Site>New Site，出现Site Definition(站点定义)对话框。

在对话框左侧的目录选择框中选择Local Info(本地信息)项，然后在右侧依次输入网站名称(Site Name)：Queen、存放网站文件的文件夹(Local Root Folder)：D:\\Queen

输入存放网站文件的文件夹时可以用鼠标单击输入框右边的文件夹图标，在弹出的对话框中选择已经存在的文件夹，或者把鼠标移到文件选择框中，单击鼠标右键，然后在弹出的菜单中选择新建>文件夹命令，创建一个新文件夹，并打开这个新建的文件夹，单击保存按钮确定。

最后，单击Site Definition(站点定义)对话框的OK按钮，弹出询问是否创建Cache的对话框，单击OK按钮，完成Queen网站的站点定义。

这样，Dreamweaver Mx打开了一个网站管理窗口。在窗口可以看到刚才创建的网站的名字，窗口下侧分为左右两半，右侧就是本地网站的目录结构，已经显示了刚才设定的本地文件夹。

然后，系统弹出一个窗口，选择“空站点”，并可修改“新站点的位置”，点击“确定”后，系统就自动创建名为Queen的站点。

２６

5.2.2 参数设置

控制Dreamweaver站点管理窗口，可设置相应的站点参数。 1、选择菜单命令Edit>Preferences(参数)。

2、在出现Preferences(参数)对话框中，选择左边窗格的Site(站点)类别，将显示出Site的相关属性。

Always Show(一直显示)：指定无论本地还是远程文件都一直显示在Site(站点)窗口的左边或右边窗格中。在默认情况下，本地目录出现在右边窗格中。

Dependent Files(从属文件) 显示传输从属文件的提示。从属文件是指在载入HTML文件的过程中，由浏览器加载的图像或其他文件(例如外部样式表)。在默认情况下，Prompt on Get/Check Out和Prompt on Put/Check In选项均被选中。当Get/Check Out提示出现时，选中Don't Show Me Again(不必再次提示)则可清除第一个选项。同理，当Put/Check In提示出现时，选中Don't Show Me Again(不必再次提示)则可清除第二个选项。

FTP Connection(FTP连接) 在超过指定时间仍无活动时，决定是否中断和远程站点的连接。

FTP Time Out(FTP超时) 为Dreamweaver连接远程服务器的尝试指定秒数。如果在指定时间过后仍无响应，Dreamweaver将显示警告对话框对此进行提示。

Firewall Host(防火墙主机) 如果有防火墙保护则指定连接的代理服务器的地址，如果没有防火墙保护则可保留此项为空白，这主要是针对在局域网应用时的设定。

Firewall Port(防火墙端口) 指定连接到FTP服务器所通过的端口。如果连接通过的端口非21(FTP的默认值)，则请输入正确的端口数字。

Put Options(上传文件选项) 选中后可在上传时自动保存文件。 Define Sites(定义站点) 打开Define Sites(定义站点)对话框，编辑已有站点或新建站点。

注意：要在Dependent Files选项被清除的情况下强制出现Include Dependent Files(包括从属文件)提示，请在选择Get(获取)、Put(传送)、Check In(登记)或Check Out(验证)时按住Alt键。 5.2.3 新建文档

在网站管理窗口中，选择菜单命令File>New File，这时会在本地文件夹下面生成一个Web文档。 可将它的名由默认的untitled.htm改成index.htm。不断重复上面步骤，生成新的Web文档。选择菜单命令File>New Folder，会在本地文件夹下面生成一个Web子文件夹。此子文件夹可根据需要给以命名。例如，新建images文件夹用来存放网页所用的图片。

5.3 页面设计

网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学

２７

校的勃勃生气，静态主页方式介绍学校概况、优点特色、信息发布，对于实时新闻，就得利用ＡＳＰ与数据库结合的技术建立数据库新闻发布系统，采用交互式的动态的web画面来实现。下面就是具体的制作过程。

首先，在Dreamweaver Mx中，依靠表格来安排页面内容布局。通过表格的相互嵌套和合并、拆分，可以使你头脑里的设计构思变为现实。图5.3.1-1为Queen的主页的表格布局。

图5.3-1

此外，在Dreamweaver Mx中，还可以使用图层以像素为单位精确定位页面元素，并且可以将层放置在页面的任意位置。但是目前浏览器只有4.0以上的高版本才支持层，考虑到兼容性和修改时的方便，一般可在编辑网页时采用层布局或者部分页面采用层布局，而在发布网页时再将其转换为表格布局。框架结构也是实现布局的一种方式，它可 以实现导航性非常好的页面结构，但它也存在兼容性的问题。

5.4 数据库存取

在ASP中，用来存取数据库的对象统称ADO（Active Data Objects），主要含有三种对象：Connection、Recordset 、Command，其中Connection负责打开或连接数据库，Recordset负责存取数据表，Command负责对数据库执行行动查询（Action Query）命令和执行SQL Server的Stored Procedure。只依靠这三个对象还是无法存取数据库的，还必须具有数据库存取的驱动程序：OLE DB驱动程序和ODBC驱动程序。对于任何一种数据库都必须有相对应的OLEDB驱动程序和ODBC驱动程序，ADO才能对数据库进行存取。 以下为此网站的数据库连接、访问代码及解释：

<%

set conn=server.createobject(\

con=\Driver (*.mdb)};\

'dbq参数则用来指定欲打开的数据库文件，它必须是完整的路径名称， '所以用Server.MapPath(path)函数来取得Queen.mdb数据库文件

Access

２８

'参数中的driver={Microsoft Access Driver (*.mdb)，表示要透过Access的'ODBC驱动程序来存取数据库。 conn.open con

set rs=server.createobject(\‘conn.open只是打开数据库，要存取数据库必须再建立recordset对象，在'这里，本人利用server对象来创建recordset对象 sql=\‘ 从ly表按id递增顺序选取表里所有字段的信息；

rs.open sql,conn,1,1

‘调用open执行sql指令；格式是：

rs.open数据表名称或sql指令，connection对象，recordset类型，锁定类型

%>

recordset类型，含有以下四种设置值： Recordset类型 AdOpenForwardOnly(=0) AdOpenStatic(=3) AdOpenKeyset(=1) AdOpenDynamic(=2) 意义 只读，且当前数据记录只能向下移动 只读，当前数据记录可自由移动 可读写，当前数据记录可自由移动 可读写，当前数据记录可自由移动(注) 注：adOpenKeyset及adOpenDynamic的差别只表现在多人共用数据库时，若以adOpenKeyset模式打开数据表，则无法看到其他人新增的数据记录（除非重新启动），若以adOpenDynamic模式打开数据表，则可以看到其他人新增的数据记录。

锁定类型，含有以下四种设置值： 锁定类型的设置值 AdLockReadOnly(=1) AdLockPessimistic(=2) AdLockOptimistic(=3) AdLockBatchOptimistic(=4)

意义 默认值，用来打开只读的数据记录 悲观锁定 乐观锁定 批次乐观锁定 5.5 留言薄

留言薄是此网站重要的组成部分，虽然该留言薄并不完善，但它涉及到很多ASP技术，如：数据库的连接、访问、写入以及实现 …… 此处隐藏：2204字，全部文档内容请下载后查看。喜欢就下载吧 ……