28、SharePoint 网站品牌化：HTML 页面与样式操作全攻略

SharePoint 网站品牌化：HTML 页面与样式操作全攻略

1. 创建有效的 HTML 页面

在确定网站的品牌风格后，需要将用户界面设计的可视化呈现（即线框图）转换为有效的 HTML 页面。可以先创建一个包含母版页和内容页组件的页面来进行设计原型制作。利用该页面创建 CSS 样式，获得批准后，再创建母版页和内容页模板。先创建原型页面的好处是可以在不等待合并两个文件结果的情况下，微调母版页的 HTML 和 CSS 样式。原型应反映在规划过程中考虑的可用性和可访问性设计决策，以及页面布局是使用表格还是 <div> 标签。SharePoint Designer 可用于创建原型、实际的母版页和内容页。

以下是创建一个包含两个 <div> 区域的 <div> 区域的具体步骤：
1. 打开页面 ：使用 SharePoint Designer 打开之前使用的团队网站（若未打开），打开 MyPage.aspx 并以拆分视图显示。
2. 插入第一个 <div> ：在页面的设计视图部分，点击 form#form1 矩形，在“插入”选项卡的“控件”组中，点击 HTML 下拉箭头，然后在“标签”下点击 <div> 。在代码视图中， <div> 和 </div> 标签会添加到 <form