先来学学这 Dreamweaver构建Blog全程实录(4)

⑥拖拉LM字段至表格bodyT的第一行，如图4-1-8所示：

图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  每一个学习笔记将要显示的内容