首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >sharepoint css开发策略

sharepoint css开发策略
EN

Stack Overflow用户
提问于 2009-12-16 05:57:01
回答 2查看 368关注 0票数 1

我在一家采用sharepoint的大公司工作。我的任务是使用CSS对网站/子网站进行自定义和品牌推广。我使用sharepoint的经验很少。

开发周期如下:

代码语言:javascript
运行
复制
 1. Usability Requirements and design are delivered to The sharepoint developer.
 2. The sharepoint developers comes up with the HTML
 3. And I have to style that html as well as the sharepoint generated HTML. 
 4. Goes to test

这让我抓狂--这个循环背后的主要原因是"sharepoint开发人员“不了解CSS。开发环境本身就是疯狂的。css开发不是集中的,它是基于VM的……因此,我必须一个接一个地去开发人员,并登录到他们的vm来处理他们的代码。

我逐行编写一些自定义代码和一些开箱即用的代码来设计它的样式。我正在工作的网站需要非常大量的定制--这就是我的账单所在,所以我只是努力工作--但在这个过程中我快疯了。

你们能分享一下你们是如何进行sharepoint定制的吗?您对sharepoint CSS使用了哪种开发方法和流程。你认为开发人员应该做CSS定制吗?为什么?

没有答案是无用的,所以请分享。谢谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-12-16 07:52:23

事情就是这样..我从来没有见过老一套的开发人员擅长做CSS工作。(是的,也有例外,但我从来没有遇到过一个非常擅长从PhotoShop文件制作CSS的开发人员。我很乐意把这份工作交给做得更好的人。)

我的设计器使用SharePoint designer,并且可以访问要放置工件的_layouts文件夹。我确保这些工件最终会出现在我的可部署Visual Studio解决方案中。他在SPD中所做的任何事情都是手动复制的,只是停留在适当的位置或由我放入功能中。

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

关键是我方便了设计师的工作,让它尽可能的简单。您的开发人员也应该这样做!他们应该:

  • 尽可能在自定义代码中使用现成的sharepoint样式(如果他们让他们的产品看起来很合理,那么您就更容易完成它们)
  • 要求您在完全自定义代码和web部件上提供html模板。这样你就可以给他们你已经样式化的html,放在正确的结构中,并添加适当的css。当他们交付时,你会得到一些容易完成的东西。
票数 0
EN

Stack Overflow用户

发布于 2009-12-16 08:10:52

有两种方法可以进行sharepoint品牌推广(造型)。

以Centric

  • Developer为中心的
  • Developer
  • User /developer指的是只有设计者通过像SharePoint designer (SPD)这样的工具来接触css。任何更改都是通过部署解决方案等进行的。以用户为中心的
  • 意味着您只需通过SPD或UI添加文件。

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

回答你的实际问题:深入了解css对sharepoint开发人员来说不是必需的,当css按照CSS中的C实现时,即级联,开发人员甚至不需要将css添加到他们的控件/ when部件中,他们需要将其中的所有内容都放在周围的容器( div或span等)中。它会得到一个类。控件中使用的任何类(例如,使用交替row类的表)都应该是相对于该容器类的,并且也应该有一个默认实现。

这看起来像这样:

代码语言:javascript
运行
复制
/* default alternating row class */
.row-alternating
{
  background-color:red;
}

在一个单独的文件中,当设计需要时为这个类定义一个重写。开发人员只需知道用于交替行的类称为.row-alternating

代码语言:javascript
运行
复制
/* a developer adds a new control and wants the style to differ */
.newcontrol-container .row-alternating
{
  background-color:blue;
}

该控件将如下所示

代码语言:javascript
运行
复制
<div class="newcontrol-container">
  <table>
    <tr>
      <td>bla</td>
    </tr>
    <tr class="row-alternating">
      <td>bla</td>
    </tr>
  </table>
</div>

另外,如果你想要我的主页+ css,请留言。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1910689

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档