母版页制作流程.docx

1、母版页制作流程流程1.打开Visual Studio 2008,“新建” “网站”（下图）2.选择“ASP.NET网站”，语言选择“Visual C#”,点击“确定”（下图）3.在“解决方案资源管理器”中右击选择“添加新项”（下图）4.选择“母版页”，点击添加（下图）至此一个空的母版页就建好了下面介绍如何添加内容页1. 在“解决方案资源管理器”中右键“添加新项”（下图）2. 选择“web窗体”，勾选“选择母版页”，“添加”（下图）3选择母版页，“确定”（下图）至此一个内容页就建好了，在解决方案资源管理器中能看到（下图）下面介绍如何在母版页中添加menu1. 先新建4个内容页在后面的过程中使用（

2、下图）2. 切换到各内容页设计视图，在相应的页面中的ContentPlaceHolder1中输入内容（为了后面检测页面跳转是否正确）如：Default2中输入“Default2页面“（下图）3. 在母版页源视图中加一层div（下图）4. 切换到设计视图，从“工具箱”的“导航”一栏中拖一个“Menu”到新建的div中（下图）5. 选中menu右击选择属性，在右侧属性窗口中选择Orientation中的Horizontal可以使menu横向（下两图） 5编辑menu（下两图）1）点击小箭头2）选择“编辑菜单项”3）在弹出的“菜单项编辑器”中，添加项（分为根项和子项）4）选中某一项，右侧属性窗口中更

3、改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来进行页面布局