母版页制作流程

流程

1.打开Visual Studio 2008,“新建” “网站”（下图）

2.选择“网站”，语言选择“Visual C#”,点击“确定”（下图）

3.在“解决方案资源管理器”中右击选择“添加新项”（下图）

4.选择“母版页”，点击添加（下图）

至此一个空的母版页就建好了

下面介绍如何添加内容页

1.在“解决方案资源管理器”中右键“添加新项”（下图）

2.选择“web窗体”，勾选“选择母版页”，“添加”（下图）

3．选择母版页，“确定”（下图）

至此一个内容页就建好了，在解决方案资源管理器中能看到（下图）

下面介绍如何在母版页中添加menu

1.先新建4个内容页在后面的过程中使用（下图）

2.切换到各内容页设计视图，在相应的页面中的

ContentPlaceHolder1中输入内容（为了后面检测页面跳转是否正确）

如：Default2中输入“Default2页面“（下图）

3.在母版页源视图中加一层div（下图）

4.切换到设计视图，从“工具箱”的“导航”一栏中拖一个

“Menu”到新建的div中（下图）

5.选中menu右击选择属性，在右侧属性窗口中选择

Orientation中的Horizontal可以使menu横向（下两图）

5．编辑menu（下两图）

1）点击小箭头

2）选择“编辑菜单项”

3）在弹出的“菜单项编辑器”中，添加项（分为根项和子项）

4）选中某一项，右侧属性窗口中更改Text属性

5）更改此项要定位到的URL（NavigateUrl属性），点击右侧的按钮

6）在弹出的“选择URL”窗口中，在右侧选择要定位的页面

Menu全部编辑完成后如下图

“主页“定位到Default2页面

“子页1“定位到Default3页面

“页面1“定位到Default4页面

“子页1.1“定位到Default5页面

运行Default2页面，点击相应链接，检测页面是否成功跳转下面介绍母版页中添加站点地图

1.切换到母版页，在源视图中再添加一个div（下图）

2.切换到设计视图，在刚刚建的div中打一回车（为了加大

与menu之间距离，方便后面运行查看），在“工具栏”的“导航”中拖取一个SiteMapPath到刚刚建的div中（下图）

3.在“解决方案资源管理器”中右键“添加新项”（下图）

4．选择“站点地图”，“添加”（下图）

5．在站点地图中配入相应站点

6．运行不同页面可以看到站点地图显示不同内容，也可以运行Default2，点击之前做好的menu来查看

7．说明：站点地图配置的层次结构为下图，可根据需要自

最后，根据不同的需要可自行在母版页中添加内容，包括图片等一些公共内容，记得要添加div来进行页面布局