4、<asp:ContentPlaceHolder ID="PlaceHolderSearchArea" runat="server" />
放置搜索框的占位符;全局母版页,添加了内容的默认写法是
<asp:ContentPlaceHolder />
</asp:ContentPlaceHolder>


5、<asp:ContentPlaceHolder ID="PlaceHolderHorizontalNav" runat="server" />
放置水平导航栏的占位符;全局母版页,添加了内容的默认写法是
<asp:ContentPlaceHolder />
  </Template_Controls>
 </SharePoint:DelegateControl>
</asp:ContentPlaceHolder>
要应用其他样式,就把cssclass样式都去掉,修改应用到母版页的样式表就可以了,另外,注意DataSourceID,导航栏的数据来源是可以设定,例如从xml中获取数据;StaticDisplayLevels和MaximumDynamicDisplayLevels也很重要,可以用来修改导航栏的样式和展现方式。

 

6、<asp:ContentPlaceHolder ID="PlaceHolderTopNavBar" runat="server" />
放置水平导航栏一行内容的占位符,在PlaceHolderHorizontalNav外面一层。

 

7、<asp:ContentPlaceHolder ID="WSSDesignConsole" runat="server" />
页面编辑控件,当页面进入编辑页面模式时使用(当我们点 Site Actions, Edit Page后)


8、<asp:ContentPlaceHolder ID="SPNavigation" runat="server" />
在 Windows SharePoint Services中默认为空,用于附加的页面编辑控件的占位符,


9、<asp:ContentPlaceHolder ID="PlaceHolderPageImage" runat="server" />
左侧的图片的占位符,


10、<asp:ContentPlaceHolder ID="PlaceHolderTitleLeftBorder" runat="server" />
Title区左侧边框的占位符,


11、<asp:ContentPlaceHolder ID="PlaceHolderTitleBreadcrumb" runat="server" />
TitleBreadcrumb页面导航区的占位符,


12、<asp:ContentPlaceHolder ID="PlaceHolderPageTitleInTitleArea" runat="server" />
Breadcrumb区下面的标题的占位符,


13、<asp:ContentPlaceHolder ID="PlaceHolderMiniConsole" runat="server" />
一个放置页面级命令的地方,比如在WIKI站点里的Edit Page, History, Incoming Links的占位符,
14、<asp:ContentPlaceHolder ID="PlaceHolderTitleRightMargin" runat="server" />
Title区右侧空白的占位符,
15、<asp:ContentPlaceHolder ID="PlaceHolderTitleAreaSeparator" runat="server" />
TitleAreaSeparator区的占位符,
16、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarDataSource" runat="server" />
左侧导航区数据源的占位符,
17、<asp:ContentPlaceHolder ID="PlaceHolderCalendarNavigator" runat="server" />
在页面中有日历时为其显示一个日期选择框的占位符,
18、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarTop" runat="server" />
左侧导航区上面的导航区的占位符,
19、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBar" runat="server" />
左侧导航区的占位符,
20、<asp:ContentPlaceHolder ID="PlaceHolderLeftActions" runat="server" />
左侧导航区下面的动作区的占位符,
21、<asp:ContentPlaceHolder ID="PlaceHolderNavSpacer" runat="server" />
左侧导航区的宽度的占位符,
22、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarBorder" runat="server" />
左侧导航区的边框元素的占位符,
23、<asp:ContentPlaceHolder ID="PlaceHolderBodyLeftBorder" runat="server" />
页面body的边框元素的占位符,
24、<asp:ContentPlaceHolder />

提供给内容页添加所有可以放在<head>区域的内容,如CSS、JS等的占位符,


 

从美工处拿到界面的展示效果和html布局,css样式表

这个按理是不用说了,这里少说几句,html的页面也是有布局要求的,要提前和美工说好,比如要把头尾中间分开,需要写循环的地方不要用一个表格套下来等等。

从SPD创建一个新的母版页,将html代码复制进去

step(1): 打开Sharepoint Designer.
step(2): 在文件菜单点击New,选择Sharepiont Content,选择Page 标签。
step(3): 双击母版页来创建一个母版页。
step(4): 选择在代码模式下查看母版页。
step(5): 把html的代码拷贝并粘贴到母板页中(注意别把原来的必须元素代码覆盖了)
step(6): 去掉重复的元素,例如<html>

 

将美工模拟的控件用母版页中的占位符替换;

除了必须的元素外,还需要添加什么附加控件,也加到相应的位置;

 

这两个就不用说了吧。。

相关文章:

  • 2021-08-03
  • 2021-10-25
  • 2022-12-23
  • 2022-02-08
  • 2021-06-07
  • 2021-08-28
  • 2022-12-23
猜你喜欢
  • 2022-01-15
  • 2022-01-07
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案