文章成体系,若是有不明白的地方请查看前面的文章。web
1.建立页面布局并发
2.首次使用页面布局布局
3.修改页面布局网站
4.使用页面布局设计
5.最终效果3d
(1)打开设计管理器,并点击【建立页面布局】以下图所示:blog
(2)填写名称、内容类型、选择母版页,以下图所示:get
(3)发布主要版本,以下图所示:页面布局
此时,包含有“欢迎页面”内容类型的页面布局建立完毕。test
(1)打开首页,点击【页面】更换页面布局,以下图所示:
(2)修改内容并发布,以下图所示:
(3)效果预览,以下图所示:
(1)使用Designer打开网站,以下图所示:
(2)打开页面布局,以下图所示:
(3)删除页面布局中内容类型自带的代码(PlaceHolderMain中的),以下图所示:
删除完成代码后咱们要把咱们想建立的代码放到这个指定的区域,些处以两个web部件区域为例。
(4)再次打开设计管理器,并找到testLayout页面布局,以下图所示:
(5)点击“testLayout”,找到代码段,以下图所示:
(6)点击Web部件区域,以下图所示:
(7)复制Web部件区域的代码段,以下图所示:
(8)把该代码段粘贴到Designer中,并加入适当的div进行定位,以下图所示:
(9)保存并关闭页面布局,以下图所示:
(10)得新发布主要版本,以下图所示:
(1)逐项删除无用内容,以下图所示:
(2)添加须要的内容,以下图所示:
(3)发布页面
说明:本篇文章中的页头页尾为了减小信息量只作了两个DIV,掌握了方法后能够自定义扩展