当前位置： 主页 > Office办公 > 其他专区 > SharePoint > [SharePoint入门教程]一创建SharePoint页面布局

[SharePoint入门教程]一创建SharePoint页面布局

  • 2021-12-02
  • 来源/作者： 菜鸟图库/ 菜鸟图库
  • 392 次浏览

目录

1.创建页面布局

2.首次使用页面布局

3.修改页面布局

4.使用页面布局

5.最终效果

1.创建页面布局

（1）打开设计管理器，并点击【创建页面布局】如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（2）填写名称、内容类型、选择母版页，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（3）发布主要版本，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

此时，包含有“欢迎页面”内容类型的页面布局创建完毕。

2.首次使用页面布局

（1）打开首页，点击【页面】更换页面布局，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（2）修改内容并发布，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（3）效果预览，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

虽然页面布局创建了，但实际上还不能完全适应我们的需求，下面的我们来一起修改页面布局，让他能够按我们的需要而改变。

3.修改页面布局

（1）使用Designer打开网站，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（2）打开页面布局，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

[SharePoint入门教程]一创建SharePoint页面布局

（3）删除页面布局中内容类型自带的代码（PlaceHolderMain中的），如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

删除完成代码后我们要把我们想创建的代码放到这个指定的区域，些处以两个web部件区域为例。

（4）再次打开设计管理器，并找到testLayout页面布局，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（5）点击“testLayout”，找到代码段，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（6）点击Web部件区域，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（7）复制Web部件区域的代码段，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（8）把该代码段粘贴到Designer中，并加入适当的div进行定位，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（9）保存并关闭页面布局，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（10）得新发布主要版本，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

4.使用页面布局

（1）逐项删除无用内容，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（2）添加需要的内容，如下图所示：

[SharePoint入门教程]一创建SharePoint页面布局

（3）发布页面

[SharePoint入门教程]一创建SharePoint页面布局

5.最终效果

[SharePoint入门教程]一创建SharePoint页面布局

[SharePoint入门教程]一创建SharePoint页面布局
[SharePoint入门教程]一创建SharePoint页面布局
00:00 / 00:00