sharepoint css 개발 전략

Question

나는 셰어 포인트를 채택한 대기업에서 일합니다. CSS를 사용하여 사이트/하위 사이트를 맞춤 설정하고 브랜딩하는 작업을 맡았습니다. 셰어 포인트에 대한 나의 경험은 최소한이다.

개발주기는 다음과 같습니다.
1. 사용성 요구 사항 및 디자인은 Sharepoint 개발자에게 전달됩니다.
2. 셰어 포인트 개발자는
과 함께 제공됩니다. 3. 그리고 html과 셰어 포인트가 HTML을 생성하도록 스타일을 지정해야합니다.
4. "셰어 개발자"CSS를 잘 모릅니다이다이 날이주기 뒤에 가장 큰 이유를 crazy-- 운전

을 테스트하기 위해 이동합니다. 개발 환경은 그 자체가 미친 것입니다. CSS 개발은 중앙 집중식이 아니며 VM 기반입니다 ... 개발자가 개발자에게 가서 자신의 VM에 로그인하여 코드를 작성해야합니다.

TI는 몇 가지 맞춤형 코드와 일부 맞춤 코드를 사용하여 스타일을 지정합니다. 내가 작업하고있는 사이트는 커다란 커스터마이징이 필요합니다. 이것은 내 청구서를 지불하는 것이므로 단지 열심히 노력하고 있습니다. 그러나 나는 그 과정에서 화를 낼 것입니다.

공유 사용자에 대해 어떻게 생각하는지 공유 할 수 있습니까? 셰어 포인트 CSS에 어떤 종류의 개발 방법론과 프로세스를 사용 했습니까? 개발자가 CSS 사용자 정의를 수행해야하며 그 이유는 무엇이라고 생각합니까?

답변이 없으므로 공유하십시오. 고맙습니다.

Answer 1

그게 어떻게 .. 나는 결코 정형 적 개발자가 CSS 작업을 잘하는 것을 보지 못했습니다. (그렇습니다 예외는 있지만 개발자이기도 한 PhotoShop 파일에서 CSS를 만드는 데 탁월한 능력을 가진 사람을 만난 적이 없습니다.) 더 나은 사람들에게 기꺼이 그 일을 양보합니다.

내 디자이너가 작동합니다. SharePoint Designer를 사용하고 _layouts 폴더에 액세스하여 이슈를 삽입 할 수 있습니다. 이러한 아티팩트가 배포 가능한 Visual Studio 솔루션에서 종료되도록합니다. 그가 SPD에서 수행하는 작업은 수동으로 복사되거나, 그대로 유지되거나, 기능에 포함됩니다.

우리는 가상 서버가 각 프로젝트/클라이언트마다 하나씩 있다는 것을 의미합니다. 나는 그것이 프로젝트를 가로 질러 서버를 공유하기 시작하면 모든 다른 프로젝트의 쓰레기를 다루는 것보다 낫기 때문에 문제는 본 적이 없다. 또한이 컴퓨터는 네트워크에서 사용할 수 있으며 SPD 및 파일 공유를 사용하여 쉽게 액세스 할 수 있습니다. 디자이너는 결코 원격 데스크톱을 사용하지 않습니다.

열쇠는 디자이너의 작업을 용이하게하고 가능한 한 쉽게 만듭니다. 개발자는 동일한 작업을 수행해야합니다! 그들은해야 :

가능한 한 많은 사용자 지정 코드에 대한 상자 셰어 스타일 (그들은 그들의 제품이 합리적 보이게 경우를 마무리하는 것은 쉬울 것)

가 당신을 요청 중

• 사용되는 HTML 완전히 사용자 정의 코드 & 웹 파트에 템플릿. 그런 식으로 당신은 그들에게 당신이 이미 스타일을 가지고 html을 줄 수 있고, 적절한 구조를 만들고 적절한 CSS를 추가 할 수 있습니다. 그들이 전달할 때 당신은 끝내기 쉬운 것을 얻을 것입니다.

Answer 2

셰어 포인트 브랜딩 (스타일링)을 수행하는 데는 두 가지 방법이 있습니다.

• 개발자 중심

• 사용자 중심

• 개발자 중심의 아무도를 의미하지만 디자이너/개발자는 SharePoint 디자이너 (SPD)와 같은 도구 torugh는 CSS를 감동. 변경 사항은 솔루션 배포 등을 통해 이루어집니다.

• 사용자 중심은 사용자가 SPD 또는 UI를 통해 파일을 추가한다는 것을 의미합니다.

브랜딩 (스타일링)이 제어되고 변경이 중앙 집중식/배포 가능하기 때문에 항상 첫 번째를 사용하는 것으로 추측합니다. 나는 전체 xhtml strict 1.1 인 마스터 페이지를 만들었지 만 (물론 쓰레기 SharePoint 출력을 사용하면 물론 이것을 무효화 할 수 있습니다 :-D), 저는 모든 프로젝트에서 사용하고베이스 라인 CSS는 미리 정의되어 있으며 매우 일반적입니다 거의 모든 레이아웃 양식에 맞출 수 있습니다. 모든 기능별 스타일은 별도의 파일에 저장되어 마스터 페이지에 추가됩니다.

심층적 인 CSS를 익히는 것은 CSS가 CSS에서 C로 구현 될 때 (예 : 계단식) 개발자가 CSS를 컨트롤/웹 파트에 추가 할 필요가없는 경우 공유 개발자의 요구 사항이 아닙니다. , 클래스를 가져 오는 주변 컨테이너 (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.라는 것을 알 필요가 내 매스 페이지를 원한다면 + CSS는 코멘트를 남겨주세요.