构建基块：网页和用户界面
上次修改时间： 2010年4月12日
适用范围： SharePoint Foundation 2010
本文内容
页面类型
服务器功能区
Web 部件
主题
级联样式表 (CSS)
与用户界面有关的方面
有关用户界面的详细信息
Microsoft SharePoint Foundation 中的用户界面 (UI) 由许多不同的部件组成。基本 UI 部件是页面。SharePoint Foundation 中主要包含两种页面类型：网站页和应用程序页。这两种页面均从同一母版页继承其布局。除页面类型外，还包含服务器功能区、Web 部件、级联样式表 (CSS) 和主题等其他 UI 部件。
页面类型
SharePoint Foundation 中主要包含两种页面类型，分别是网站 页和应用程序 页。网站页用于显示信息，并且可由最终用户进行自定义。应用程序页在 SharePoint Foundation 内执行特定功能。
网站页
网站页是由最终用户创建、编辑和自定义的页面。它们主要用于网站中的内容。网站页具有两种类型：标准页和 Web 部件页。标准页包含文本、图像、Web 部件及其他元素。Web 部件页包含 Web 部件区域中的 Web 部件。它们具有使用 Web 部件区域的预定义布局。这两种类型的网站页都是使用 Web 浏览器或 Microsoft SharePoint Designer 进行编辑的。可使用 Web 部件、浏览器内部编辑、SharePoint Designer 和主题自定义内容页。可将自定义母版页、ECMAScript（JavaScript、JScript） 和 CSS 应用于网站页以实施更高级的自定义方案。有关网站页的详细信息，请参阅SharePoint 页面类型。
应用程序页
应用程序页用于在 SharePoint Foundation 中执行特定功能。应用程序页跨服务器场部署，并存储在前端 Web 服务器上的 %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS 目录中。它们会附加到网站的母版页中以创建一致的用户界面。有关应用程序页的详细信息，请参阅 SharePoint 页面类型。
母版页
母版页为 SharePoint Foundation 中的网站页和应用程序页定义一个通用结构。在请求页面时，母版页和内容页会结合产生一个页面。该页面包含母版页中网站范围内的 UI 元素以及内容页中的特定页面内容。通过使用母版页，所有内容和应用程序页都共享同一页面结构，并且具有一致的外观。SharePoint Foundation 使用 v4.master 作为其主要母版页。所有内容和应用程序页都使用 v4.master。安装 SharePoint Foundation 后，母版页将存储在 %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\GLOBAL 目录中。有关母版页的详细信息，请参阅母版页。
服务器功能区
服务器功能区是一个呈现一致的命令图面的 UI 元素，您可以使用该元素与 SharePoint Foundation 中的页面和对象进行交互。将在单独的构建基块主题中讨论功能区。有关功能区的信息，请参阅构造块：服务器功能区。
Web 部件
Web 部件在 SharePoint Foundation 页面内呈现可重用的模块式 UI。将在单独的构建基块主题中讨论 Web 部件。有关 Web 部件的信息，请参阅构造块：Web 部件。
主题
SharePoint Foundation 支持向网站应用主题。您可以使用主题向网站中的 UI 元素应用颜色和字体。SharePoint Foundation 中所用的主题与 Microsoft Office 2010 客户端应用程序（如 Microsoft PowerPoint 2010）中所用的主题 (THMX) 文件采用相同的文件扩展名和结构。可以使用对主题唯一的变量标记 CSS 文件，但在将主题应用于网站时，这些变量会转换为 CSS 中的实际值。这些变量作为注释存储在 CSS 文件中，因此完全受 Web 标准支持。只需要为这些变量定义新值就可以创建新主题。然后，浏览器就可以下载应用了主题的 CSS 文件。
级联样式表 (CSS)
级联样式表 (CSS) 是一种格式定义架构，用于定义通过 HTML、XHTML 和 XML 等标记语言编写的文档的格式。CSS 用于分离内容与呈现方式（包括颜色、字体等属性以及文档布局的其他方面）。确定应用于 SharePoint Foundation 中页面的样式和格式的规则是在 CSS 文件中定义的。CSS 文件本地存储在每个前端 Web 服务器的 %ProgramFiles%\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS\LocaleID\STYLES\Themable\ 目录中，其中 LocaleID 是 SharePoint Foundation 安装的区域设置标识符 (LCID)。代表简体中文的 LCID 是 2052。有关在默认 CSS 中定义的类的详细信息，请参阅 SharePoint Foundation 中级联样式表类的用法。