SharePoint2010打造品牌网站

使用SharePoint2010发布网站实际打造品牌SharePoint20101（共1）对本文的评价是有帮助-评价此主题发布日期：2010年11月摘要：了解一些基本概念，以帮助您在MicrosoftSharePointServer2010发布网站中创建引人注目的用户界面设计。适用范围：MicrosoftSharePointServer2010供稿人：AndrewConnell，CriticalPathTrainingLLC（该链接可能指向英文页面）(SharePointMVP)|RandyDrisgill，SharePoint911（该链接可能指向英文页面）(SharePointMVP)目录使用SharePoint2010发布网站实际打造品牌简介收集SharePoint发布网站的设计要求规划SharePoint品牌打造任务为SharePoint网站设计创建实际设计组合创建AdventureWorksTravelHTML为AdventureWorksTravel创建.css文件在多个浏览器中测试SharePoint网页设计在SharePoint中创建品牌向SharePoint添加.css和图像文件使用HTML构建母版页为SharePoint网站设计制定.css规则创建自定义页面布局使用SharePointDesigner编辑页面布局打包和部署SharePoint品牌结论其他资源下载代码（该链接可能指向英文页面）使用SharePoint2010发布网站实际打造品牌简介MicrosoftSharePointServer2010发布网站使用“发布功能”提供创建引人注目的Web内容管理(WCM)网站的功能。这些网站通常用作面向Internet的网站，它们需要使用定制的用户界面(UI)建立联机公司标识。创建定制UI（无论是在传统HTML页面中还是在MicrosoftSharePointServer2010中）的过程称为打造网站品牌。发布网站使用母版页、页面布局、Web部件和级联样式表（.css文件），从而使设计人员和开发人员可以创建品牌化的网站，这些网站的设计可以与当下许多最新热门网站相媲美。本文重点介绍使用发布网站为面向Internet的外部网站合理规划和创建设计的机制，如图1所示。本文以虚构的旅行社AdventureWorksTravel为例，该公司希望创建高度品牌化的SharePoint网站。图1.AdventureWorksTravel网站品牌收集SharePoint发布网站的设计要求在您准备为SharePoint网站创建精美的设计时，首先需要花一些时间精心规划网站。在规划阶段，要收集网站元素（如母版页和页面布局）的设计要求。通过在开始编写代码之前正确理解业务目标，可以避免在项目生命周期的后期艰难而耗时地重新编写代码。收集设计要求时，首先要召开正式的要求收集会议。无论您设计的网站是面向10名用户还是100,000名用户，都必须满足一些要求，才能将项目视为取得成功。根据网站的复杂性，调整收集的要求的详细程度。例如，在收集要求时，大型网站（无论是具有许多页面还是面向许多用户）可能要比小型的简单网站花费更长时间。在要求收集过程中征求关键业务、市场营销和IT利益干系人的意见，务必考虑他们的想法，并确保所有关键利益干系人都完全认可项目。对于品牌打造项目来说，要求收集通常是一项非常困难的任务，有时需要委托给市场营销部门，甚至是外包给外部顾问。尽管征求关键利益干系人的意见很重要，但还要考虑在决策制定过程中征求更多人的意见是否会增加收集要求所需的时间以及是否会增加项目的整体复杂程度。因此，在考虑要征求哪些利益干系人的意见时，要认真考虑谁会提供针对性最强的意见。以下几节介绍开始任何SharePoint品牌打造项目之前要了解的一些更重要的概念。SharePointServer2010发布网站与SharePointFoundation2010网站要求收集完成后，首先要确定网站是以MicrosoftSharePointFoundation2010为基础，还是以运行MicrosoftSharePointServer2010（启用了发布功能）的服务器为基础。发布网站基于SharePointFoundation构建，使用发布网站构建面向Internet的引人注目的网站有许多优势。与使用SharePointFoundation网站相比，使用SharePointServer发布网站创建品牌的一些优势包括：允许内容作者使用比SharePointFoundation网站提供的更可靠的格式文本编辑体验创建网页。包含母版页，母版页面向发布网站并使用可充分利用发布功能的特定代码程序集。更轻松地控制通过WebUI进行的Web导航，并且为设计人员提供了更多选项。使用WebUI可以轻松地更改母版页，并且可以将母版页应用于当前网站下的所有子网站。使用页面布局可在页面级别创建模板。使用文字版式可完成简单的页面布局表单。文字版式不可配置。使用$SPUrl标记通过相对于网站集($SPUrl;~sitecollection/)或网站根目录($SPUrl:~site/)的URL确定HTML资产的目标。注释：在本文中，发布网站是一个在顶级（根）目录中具有网站集并且该网站集启用了发布功能的SharePointServer2010Web应用程序。为了简单起见，默认发布模板（“企业Wiki”和“发布门户”）已经启用了发布功能。本文在AdventureWorksTravel示例中使用“企业Wiki”模板。要了解有关设置Web应用程序和网站集的详细信息，请参阅适用于SharePointServer2007Web内容管理网站的规范性指南（该链接可能指向英文页面）。面向SharePoint发布网站设计的浏览器和平台开始设计网站和编写网站代码之前，请尽早确定该设计将支持的浏览器和操作系统平台。尽管您应该努力创建尽可能在每个浏览器和每个操作系统中都能够完美呈现的网站设计，但即便是针对这一级别的浏览器兼容性对设计进行成功测试，通常也是不可能且不切实际的。通常，最好选择一组浏览器和操作系统以专门针对它们进行测试，并相应地编写代码以便在打造网站品牌时支持它们。选择浏览器和操作系统支持级别的一种不错的做法是参考研究并提供Web流量分析的专题网站。应用程序的净市场份额（该链接可能指向英文页面）列出了2010年6月总市场份额排在前10位的Web浏览器，如表1所示。表1.浏览器版本和总市场份额浏览器版本总市场份额百分比InternetExplorer825.18%InternetExplorer617.16%Firefox3.615.67%InternetExplorer712.04%Firefox3.55.24%Chrome4.15.16%Safari4.03.83%InternetExplorer8兼容模式3.35%Firefox3.02.65%Opera10.x1.88%Microsoft指明了各浏览器在SharePoint中的支持级别。这些级别包括：支持支持的Web浏览器可以与SharePointServer2010协同工作，并且所有特性和功能都能按预期方式工作。支持但具有已知限制支持但具有已知限制的Web浏览器可以与SharePointServer2010协同工作，但存在一些已知限制。大多数特性和功能都能正常工作，但如果存在无法正常工作或根据设计被禁用的特性或功能，则会提供有关如何解决这些问题的文档。未测试：未测试的Web浏览器是指它与SharePointServer2010的兼容性未经过测试，使用这类Web浏览器时可能会遇到问题。有关SharePoint中的浏览器支持级别的详细信息，请参阅规划浏览器支持(OfficeSharePointServer)。注释：SharePoint2010不支持InternetExplorer6.0。尽管您可以创建能够在InternetExplorer6.0中正常显示Web内容的母版页，但是它与SharePoint2010的创作体验不兼容，后者需要基于新式标准的浏览器。本文中的AdventureWorksTravel示例重点介绍如何在InternetExplorer7、InternetExplorer8和Firefox3中实现尽可能完美的最终用户浏览体验，这样可以确保其他一些新式浏览器（包括GoogleChrome和AppleSafari）也能够正常呈现。适用于SharePoint网站设计的屏幕大小要考虑的另一问题是新设计应该面向的屏幕分辨率。多年前，显示器仅支持有限的一组分辨率，如640x480。随着显示器价格的降低，网站访问者以1920x1200甚至更高分辨率进行浏览的情况越来越常见。大多数网站设计人员认为1024x768是最常见的屏幕分辨率，紧接着是1280x800。创建要在SharePoint网站中显示的设计时，请记住SharePoint以用户的典型屏幕分辨率一次呈现大量信息。如果考虑到浏览器工具栏和滚动条也占用屏幕上的一些可用显示区域，则可用于呈现内容的空间就更小了。在AdventureWorksTravel示例中，最低屏幕分辨率是1024x768。设计留出了一些边距以供滚动条使用。因为存在边距，所以网站的宽度不能超过960像素。定义SharePoint网站设计的访问群体和成功标准为了帮助确保成功完成品牌打造计划，请设定一些主观性较强的设计目标。哪些访问群体将使用该网站？网站的典型用户希望或需要完成哪些任务？用户希望如何在网站中导航？用户希望与形象较为传统的公司开展业务还是希望与较为现代的公司开展业务？与软件开发过程不同，设计过程对于每个业务环境来说都是主观的。在确定品牌标识之前，利息干系人之间对设计决策通常存在争议。因为品牌创意可能很难评估，所以最好同时确定新品牌的成功标准。成功标准可以非常简单，例如吸引更多访问者；也可以非常复杂，例如计算在主要受众人口统计中销量的增加情况。成功标准越容易量化和衡量，确定品牌打造工作的相对成功程度就越容易。AdventureWorksTravel网站的设计旨在迎合喜欢个性化外观的年轻用户群。这些用户喜欢使用顶部和左侧导航以及SharePointServer2010搜索在网站中导航。用户访问网站的主要原因是了解探险目的地和预订假期。该品牌适合这样的旅行社：迎合的受众希望在假期参加更具冒险性的活动，而不是像往常一样呆在海滩上的旅馆中。规划SharePoint品牌打造任务实际为SharePoint网站的品牌打造编写代码的过程涉及若干步骤，如创建母版页、页面布局和级联样式表（.css文件）。打造SharePoint品牌的规划过程也可以分为若干步骤，如创建黑白框架图、创建全彩的网站设计组合（简称组合）和创建可正常运行的主要页面的HTML和.css文件版本。以下各节介绍这些活动，因为它们与创建品牌化的SharePointUI有关。创建简单的SharePoint网站设计框架图框架图通常是一组黑白框图，形象地描述网站的整体结构及其布局、导航和功能，有时甚至描述其内容。由于Web设计（或者广义上的设计）的主观特性，最好以框架图的形式讨论这些主题，而不是陷入选择颜色和照片的困境。正确完成后，框架图可以为开发人员和设计人员提供功能和布局方面的相关指导，以便在品牌打造过程的后期阶段应用。创建框架图有许多方式，从使用简单的笔和纸绘制到使用专用软件工具（如MicrosoftVisio2010）建模。创建框架图时使用专用软件工具可能非常有帮助，因为您可以利用映射到特定应用程序（如SharePoint）的特定功能的预建模具。您可以找到许多免费的模板和模具，可使用它们来创建SharePoint网站的框架图。创建框架图时，要确定品牌支持的SharePoint功能。SharePoint默认情况下显示的内容中有一些并非适合每个面向Internet的网站。图2标出了SharePoint界面的主要功能区域，表2介绍了这些功能区域。图2.SharePoint界面的