本文选自4u2v工作室编写的《Dreamweaver网页设计与制作100例》（人民邮电出版社出版，ISBN： 7115142394）。未经著作权所有者书面授权许可，禁止转载本文。

点击这里查看本节视频教程地址

购买地址： 点击访问

本实例将详细介绍在线音乐网站的实现过程。

效果说明图 94-1 所示是在线音乐网站的首页页面，用户勾选要播放的歌曲后单击【提交】按钮，将会弹出如图 94-2 所示的播放页面。

创作构思通过数据网络提交复选框的选择值，以此建立一个查询数据集，并通过该数据集生成播放列表“ asx ”文件，以实现在线音乐网站。

操作步骤

步骤一应用程序的环境设置

（ 1 ）复制光盘中实例 94 的内容。将“光盘 \ 源文件 \ 实例 94 ” 目录下的所有文件复制到“ C:\ Inetpub\wwwroot\ ”目录下。在 IIS 服务器中设置默认网站的主目录为“ C:\ Inetpub\wwwroot\music ”（请参考实例 1 中的相关方法）。在 Dreamweaver 中新建站点“ music ”，其站点目录为“ C:\ Inetpub\wwwroot\music ”（建立站点的方法请参照实例 2 ）。

（ 2 ）“ music ”表的数据结构。运行 Access ，打开“ C:\ Inetpub \wwwroot\music\data\data.mdb ”，可以看到数据库“ \data.mdb ”中只有“ music ”一个数据表，该表的数据结构如图 94-3 所示。

（ 3 ）建立数据库链接“ musicconn ”，链接数据库“ C:\ Inetpub\wwwroot \music\data\data.mdb ”，方法请参考实例 75 。

步骤二音乐网站首页的实现

（ 1 ）打开“ music ”站点下的“ index.apsx ”，这时“ index.apsx ”页面及站点文件如图 94-4 所示。

（ 2 ）添加数据集“ musicData ”。在【服务器行为】面板中添加数据集“ musicData ”，具体设置如图 94-5 所示。

（ 3 ）添加“ musicGrid ”数据网络。在【服务器行为】面板中添加“数据网络”，在【数据网络】对话框中设置 ID 为“ musicGrid ”，数据集为“ musicData ”，导航为“编号链接到每一页”，其他设置如图 94-6 所示。

（ 4 ） 添加“ playcheck ”复选框。切换到表单快捷菜单，在页面空白处添加表单复选框，设置其名称为“ playcheck ”。切换到代码视图，用数据集“ musicData ”下的字段“ id ”替换“ playcheck ”复选框源代码中的“ value ”值，如图 94-7 所示。

（ 5 ）选择“ playcheck ”复选框的源代码，将其剪切。在服务器行为面板中再次打开数据网络“ musicGrid ”，参照如图 83-5 所示的方法，编辑“ id ”标题为“编号”、“ name ”标题为“歌曲名称”、“ who ”为“歌唱者”、“ date ”为“发表时间”。选择“ url ”，单击【—】按钮，将“ url ”从列中删除，结果如图 94-8 所示。