Dreamweaver实例：首页设计

图4-1-8拖拉LM字段

⑦放开鼠标，这时第一行会增加一段带阴影的字符：{menuda.LM}，在其前输入“主页 | ”，其后输入符号“ | 联系我们”，结果如图4-1-9所示：

图4-1-9 绑定数据到bodyT表中

⑧选择带阴影字符{menuda.LM}和后面的字符“ | ”，选择【插入】菜单→【应用程序对象】→【重复区域】，在弹出【重复区域】的对话框中选择数据集为“menuda”，把显示记录选为“所有记录”，如图4-1-10所示，单击“确定”按钮完成网站导航菜单。

图4-1-10 重复区域对话框

(7)把鼠标移到表格bodyT第二行第二列，选择【插入】菜单→【模板对象】→【可编辑区域】，在【新建可编辑区域】对话框中，输入名称为“mainbody”，按下“确定”键，如图4-1-11所示：

图4-1-11 新建可编辑区域

这样就完成网站模板的初期工作，保存模板为bkblog.dwt.aspx。 4.1.3 首页的页面设计

设计思路：完成网站的模板建设工作后，得以它来构建网站和更新网站。

(1)新建“ASP.NET VB” 动态页，打开【修改】菜单→【模板】→【应用模板到页】，在弹出的【选择模板】对话框中，选择模板“dkblog”，单击“选择”按钮，如图4-1-12所示：

图4-1-12 选择模板

(2)把鼠标移到“mainbody”可编辑区域中，插入表格，设其ID为“ztre”，其实它设计成如图4-1-13所示，这是每一个学习笔记将要显示的内容。

图4-1-13 每一个学习笔记将要显示的内容 4.2 插入数据集

这一节讲解的插入数据集可没有上一节讲解的那么简单。首先看看图4-1-13，每个学习笔记将要显示主题、发表时间、笔记分类(即所属分栏目)、作者(姓名)、回复(个数)，再来看看ZT表其设计图(3.2节中的图3-2-2)，只有LMID(分类栏目的ID)，没有栏目名，这个要连接LM表才能取得;只有YHID(发表者的ID)，没有作者的姓名，这个要连接YH表才能取得;其它都可以从ZT表中获得数据。“好复杂啊!”其实不用担心，在Access中就可以解决一切困难。

4.2.1 建立数据表连接查询

(1)启动Access2003，选择【查询】→双击【在设计视图中创建查询】，在弹出的【显示表】窗口，如图4-2-1所示：

图4-2-1 添加查询连接表

(2)按次序分别添加LM表、ZT表、YH表， 结果如图4-2-2所示：

图4-2-2 数据表连接视图

(3)把查询字段设计为，如图4-2-3所示：

图4-2-3 查询字段设计图

(4)保存这个查询为ZTRE，完成在Access中数据表连接查询。 4.2.2 插入数据集

(1)返回到Dreamweaver，切换到【服务器行为】面板，单击“+”按钮，添加数据集Ztre，选择表格为刚才在Access中新建的查询ZTRE，其它的有关设置，如图4-2-4所示：