Question

我为一家采用sharepoint的大公司工作。我的任务是使用CSS自定义和标记网站/子网站。我对sharepoint的经验很少。

开发周期如下：
    1.可用性要求和设计交付给sharepoint开发人员     2. sharepoint开发人员提出了HTML
    3.我必须设置html的样式以及sharepoint生成的HTML。
    4.去测试

这让我发疯了 - 这个循环背后的主要原因是“共享点开发人员”不了解CSS。开发环境本身就是疯狂的。 css开发不是集中式的，而是基于VM的...所以，我必须由开发人员去开发人员并登录他们的vm来处理他们的代码。

TI逐行推出了一些自定义和一些开箱即用的代码来设计它。我正在处理的网站需要非常大量的自定义 - 这就是支付我的账单所以我只是努力工作 - 但我在这个过程中很生气。

你们可以分享一下你们如何进行sharepoint定制。您为sharepoint CSS使用了哪种开发方法和流程。您是否认为开发人员应该进行CSS定制？为什么？

没有答案没用，所以请分享。谢谢。

Answer 1

这是怎么回事......我从来没有见过这种陈规定型的开发人员擅长做CSS工作。（是的，但也有例外，但我从来没有见过任何一个非常擅长从同时也是开发人员的PhotoShop文件制作CSS的人。我很乐意将这份工作交给那些做得更好的人。）

我的设计人员使用SharePoint Designer并可以访问_layouts文件夹以放置工件。我确保这些工件最终在我的可部署Visual Studio解决方案中。他在SPD中所做的任何事情都是手动复制的，只是留在原地或由我投入功能。

这意味着我们有很多虚拟服务器，每个项目/客户端一个。我从来没有见过这是一个问题，因为如果你开始在项目之间共享服务器，它比处理所有其他项目的垃圾更好。此外，这些机器可在网络上使用，并可使用SPD和文件共享轻松访问。设计师从不使用远程桌面。

关键是我为设计师的工作提供便利，使其尽可能简单。你的开发者也应该这样做！他们应该：

尽可能使用开箱即用的自定义代码共享点样式（如果它们使产品看起来合理，那么最终确定它们会更容易）
要求您提供完全自定义代码的html模板＆amp;网页部分。这样你就可以给他们你已经设计过的html，放入正确的结构并添加适当的css。当他们交付时，你会得到一些容易完成的东西。

Answer 2

有两种方法可以进行sharepoint品牌塑造（样式设计）。

Developer Centric
以用户为中心
开发人员中心意味着没人，但设计人员/开发人员会像使用SharePoint Designer（SPD）这样的工具来接触css。使用解决方案等部署进行任何更改。
以用户为中心意味着您只需通过SPD或用户界面添加文件。

我猜你使用的是第二个，而我总是使用第一个，因为这样可以控制品牌（造型）并且可以集中/部署更改。我已经创建了一个完整的xhtml strict 1.1的母版页（但实际使用的时候，废弃的SharePoint输出当然否定了这个:-D），我在我的所有项目中使用，并且基线css是预先定义的，并且是如此通用它几乎适合任何布局形式。任何特定于功能的样式都放在单独的文件中并添加到母版页。

回答你的实际问题：深入了解css是恕我直言，而不是对sharepoint开发人员的要求，当css实现为CSS中的C意味着，即级联时，开发人员甚至不需要将css添加到他们的控件/ webparts中，他们需要将所有东西都放在周围的容器（div或span等）中，这个容器可以上课。控件中使用的任何类（例如，使用交替行类的表）应该相对于该容器类，并且也应该具有默认实现。

这看起来像是：

/* default alternating row class */
.row-alternating
{
  background-color:red;
}

在单独的文件中，在设计需要时为此类定义覆盖。开发人员只需知道交替行的类称为.row-alternating

/* a developer adds a new control and wants the style to differ */
.newcontrol-container .row-alternating
{
  background-color:blue;
}

控件看起来像

<div class="newcontrol-container">
  <table>
    <tr>
      <td>bla</td>
    </tr>
    <tr class="row-alternating">
      <td>bla</td>
    </tr>
  </table>
</div>

P.S。如果你想我的mastpage + css发表评论。

sharepoint css发展战略

2 个答案: