上一节简单的介绍了几个能够使用到的控件，本节进行开发，在网站图形设计及色彩搭配方面，因个人水平限制，不在开发之列。
首先介绍母版页的开发，母版页是一个静态文件，除了为派生页预留的占位符外，其它的部分均可自己设计，根据喜好对网页的头部及其它网页的共用部分进行编写。
如上图所示，ContentPlaceHolder1是派生页所预留的占位符，设计时它位于LoginView1的下方，运行时将出现在LoginView1的右方，与其平行（环境限制，我的几台计算机上都是这样，但在VS2005下是在右方的，原因不详），其它部分则为设计控件。
在母版页的顶部为一个Table，来固定图片一类的显示位置
2
3
4
5
6
7
8
如果标题中有图片或Flash一类的东西，可以直接在这里使用。
紧接着再使用了一个Table，为单行多列，分别放置了SiteMapPath、LoginName、LoginStatus等控件，以此来方便用户的登录及操作：
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
以上两行设置完成后，接下来的是稍复杂一点的地方了，左边是登录或导航，右边是派生页的占位符，具体位置控件参考CSS
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
从上面的代码可以看出，在左边放置了一个LoginView控件，内部设置了两个模板，未登录时所使用的AnonymousTemplate模板及登录用户才能看到的LoggedInTemplate模板，也就是说，没有登录的用户只能看到AnonymousTemplate，我在这个模板里面放置了登录控件Login，只有登录后才能见到LoggedInTemplate模板放置了我想让用户登录后才能看到的导航TreeView，它所使用的数据源与SiteMapPath的是同一个数据文件Web.sitemap：
文件中很明显的定义了两个页面，首页的Default.aspx及数据维护页面DataList.aspx，如需要有其它的功能，可以直接在此文件内增加对应的数据，导航控件可直接使用。
执行的流程为：用户打开程序时，将显示Default.aspx页面，页面显示LoginView的AnonymousTemplate模板中的Login登录控件，LoginName显示空白，LoginStatus显示为“登录”，在用户正确登录后，页面将显示LoginView的LoggedInTemplate模板内的TreeView导航信息，LoginName显示当前登录的用户名称，LoginStatus显示为“退出”链接，点击时将返回到未登录状态。
页面的底部可以相应的再设置信息及色块，以达到平衡的目的：
经过上面的几项设置，整个页面布局已经大致确定，剩下的就是开发派生页了。