标签：

Design Manager 辅佐很多开发者在SharePoint中创建本身的网站设计。凡是我们按照站点设计进行定制母版页，因为它界说了贯穿站点所有页面的大众元素，你可以通过“站点设置”下的“Design Manager”并映射你的网络驱动器，使用任何HTML编纂器编纂母版页。

好比，主页上的搜索框可以辅佐用户在网站上找到视频，在配置搜索设置之后，从gallery中插入一个搜索框，然后从Design Manager导航到搜索设置，并添加搜索中心URL，更新搜索片段并复制HTML。

示例代码：<div id="s4-bodyContainer">

而Page Layout是通过在母版页的大众元素中设置页面字段和Web部件区域的样式来界说一组页面的外不雅观，前面映射的网络驱动器可用于使用任何HTML编纂器编纂页面构造。

开发Page layout的时候使用Design Manager来开发，这种开发方法是直接写html文件，对付页面需要用到的元素(e.g. webpart zone)，可以通过snippet的方法添加，这种方法得好处是开发对照快。
好比我想为Media Web Part添加Web Part Zone snippet。

<!--CS: Start Web Part Zone Snippet-->
<!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
<div xmlns:ie="ie">
<!--MS:<WebPartPages:WebPartZone runat="server" AllowPersonalization="false" ID="x337a5a8d939248d49e9c39d87693bef0" FrameType="TitleBarOnly" Orientation="Vertical">-->
<!--MS:<ZoneTemplate>-->
<!--DC: WordStr this comment with default web parts for new pages. -->
<!--ME:</ZoneTemplate>-->
<!--ME:</WebPartPages:WebPartZone>-->
</div>
<!--CE: End Web Part Zone Snippet-->