MOSS介面設計資源– 轉

http://www.cnblogs.com/lizhimin/archive/2007/04/20/720796.html

 

安裝了MOSS2007後，所有與SharePoint相關的檔案都放在本地目錄C:\Program Files\Common Files\Microsoft Shared\web server extensions\12下面。

下面介紹一些主要的檔案目錄。

1、 ISAPI目錄
此目錄下面存放的是SharePoint內建的Web Services，我們也可以自訂Web Services封裝在SharePoint裡面。自訂Web Services方法見：Writing Custom Web Services for SharePoint Products and Technologies。

2、 Resources目錄
SharePoint有兩個資源檔夾，目錄分別為C:\Program Files\Common Files\MicrosoftShared\web server extensions\12\CONFIG\Resources和C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\Resources，本地化工作主要是編寫Resourses裡的檔案，網站如果顯示的一些標題或描述不符合我們的要求，那麼可以通過修改資源檔裡的
<Data Name="修改元素">
<Value>網站顯示的內容</Value>
</Data>
要引用資源檔裡面的內容，一般通過$Resources:開頭。
例如：<%$Resources:sps,LayoutPageZone_TopZone%>
其中：sps表示資源檔名，與sps.zh-CN.resx相對應。LayoutPageZone_TopZone表示sps.zh-CN.resx檔案中的
<Data Name="LayoutPageZone_TopZone">
<Value>頂部地區</Value>
</Data>
節點。
註：一般不推薦修改所有C:\Program Files\Common Files\Microsoft Shared\web server extensions\12目錄下的檔案，因為這樣將給版本升級帶來問題。要加入我們自訂的內容通過增加檔案到相應的目錄下即可。比如這裡我們可以增加一個資源檔，把我們要修改的元素放在裡面。

3、 TEMPLATE目錄
這是一個最主要的目錄。子目錄介紹如下：
（1）、SiteTemplates目錄
放置各種網站定義模板。每個網站定義模板都會有一個ONET.XML檔案，它位於 C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\SiteTemplates\Site_Definition_Name\XML folder
ONET.XML有五個節：
1、NavBars：指定首頁的頂部導航和左部導航
2、ListTemplates：指定該網站可建立的各種列表（自訂欄表、文件庫、圖片庫等）
3、DocumentTemplates：指定在建立文件庫時可以建立的文件範本（Microsoft Office Word 文檔、Microsoft Office FrontPage 網頁、Microsoft Office Excel 試算表等）
4、Configurations：指定網站在建立時預設產生的各種列表和模組
5、Modules：指定網站中預設包含的Web組件庫
注意：修改ONET.XML後需要重新啟動IIS，才可生效

執行個體：基於已有模板建立網站模板。
步驟：
1、開啟C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\SiteTemplates目錄
2、複製粘貼一個SPS檔案夾，改名為GASSPS
3、找到C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\2052\XML目錄
4、在目錄中建立一個名為WEBTEMPGASSPS.XML的檔案，把下列XML粘貼到檔案中
<?xml version="1.0" encoding="utf-8"?>
<!-- _lcid="2052" _version="12.0.4518" _dal="1" -->
<!-- _LocalBinding -->
<Templates xmlns:ows="Microsoft SharePoint">
<Template Name="GASSPS" ID="10001">
   <Configuration ID="0" Title="浙江天然氣模板" Hidden="FALSE" ImageUrl=""
       Description="此模板用於初始化浙江天然氣網站。" >
   </Configuration>
</Template>
</Templates>
5、重啟IIS(iisreset)
6、開啟建立網站頁面，在“選擇模板”節中多了一個“自訂”選項，下面就有我們剛添加的“浙江天然氣模板”。

（2）、THEMES目錄
放置各種網站主題。

執行個體：建立自訂的主題
步驟：
1、先找到 Theme 檔案夾位置 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES
2、複製一個 Theme 的檔案夾如 CLASSIC 更改成自己要的名字如 GASTHEME
3、在檔案夾中，將CLASSIC.INF 改成與自己檔案夾相同的名字如 GASTHEME.INF
4、開啟 GASTHEME.INF 將 title 改成與自己檔案夾和檔案名稱相同的名字如GASTHEME
5、找到 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\2052\SPTHEMES.XML 檔案，複製並粘貼一個<Templates>元素，修改裡面的內容如下：
  <Templates>
             <TemplateID>GASTHEME</TemplateID>
              <DisplayName>天然氣主題</DisplayName>
              <Description>天然氣主題將被應用</Description>
              <Thumbnail>images/thwheat.gif</Thumbnail>
              <Preview>images/thwheat.gif</Preview>
</Templates>
上面兩個圖片是參考Wheat主題的圖片，也可以改成自己的圖片，圖片存放位置 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES檔案夾下
6、開啟“網站設定”中“網站主題”，就可以找到我們剛剛添加的GASTHEME主題了。

（3）、LAYOUTS目錄
網站所有的頁面功能（網址後面有 _layouts的頁面）都集中於此目錄下面（除了模板中的Default.aspx以及某類型List相關頁面）。可以添加自己的功能頁面，方法：

（4）、ADMIN目錄
管理中心的頁面功能集中此目錄下面。

（5）、CONTROLTEMPLATES目錄
放置各種伺服器控制項。

（6）、IMAGES目錄
放置網站用到的主要圖片，如網站Logo等。

（7）、FEATURES目錄
放置各種Feature，在MOSS 2007中feature功能之強大超乎想象，可以說對一個已有的網站功能性的增強最後多數都要通過feature來實現。包括主版頁面、內容頁以及文件庫等都是通過Feature來實現的。

執行個體1：使用Feature自訂主版頁面。
步驟：
1、         開啟Feature目錄C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\FEATURES
2、         建立一個GASMASTERPAGES檔案夾
3、         在GASMASTERPAGES檔案夾下，建立Feature.xml檔案，將下列內容粘貼到檔案中
<!-- _lcid="1033" _version="12.0.4518" _dal="1" -->
<!-- _LocalBinding -->
<Feature Id="cbdddc58-c0e1-4d64-99bc-071379a910f3"
          Title="Gas Master"
          Description=""
          Version="12.0.0.0"
          Scope="Site"
          Hidden="False"
          DefaultResourceFile="core"
          xmlns="http://schemas.microsoft.com/sharepoint/">
   <ElementManifests>
        <ElementManifest Location="ProvisionedFiles.xml"/>
   </ElementManifests>
</Feature>
在這個XML檔案中，以下關於Featrue的metadata 包含在Featrue 元素中。（更詳細的資訊請參閱Feature.xml Files）
ID: 一個GUID，用於唯一標識這個Feature,可以通過VS產生
Title：Feature 的名字，可以在網站內關於Site Featrues的頁面中看到。
Description:對description的描述。
Version:Feature的版本；
Scope:其值可以是Web或Site,它指明了這個Feature是應用於整個的Site Collection還是僅僅用於單獨的一個子網站。
Hidden:值可以是True或False.該設定指定了這個Feature是否在Site Feature頁面上顯示。
DefaultResourceFile: 資源檔名字，Feature依賴它提供其它附加的配置資訊。
Feature.xml檔案中的<ElementManifests>元素，這個元素包含了另一個XML檔案的位置，而這個檔案包含的<Elemnets>的內容是Feature要實現的。
<ElementManifest>元素指明了要使用一個名為ProvisionedFiles.xml的檔案，以下是該檔案的<Elements>元素內容。
4、         在GASMASTERPAGES檔案夾下，建立ProvisionedFiles.xml檔案，將下列內容粘貼到檔案中
<!-- _lcid="1033" _version="12.0.4518" _dal="1" -->
<!-- _LocalBinding -->
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
    <Module Name="OSGMasterPages" Url="_catalogs/masterpage" Path="MasterPages" RootWebOnly="TRUE">
        <File Url="Gasmaster.master" Type="GhostableInLibrary">
           <Property Name="ContentType" Value="" />
           <Property Name="PublishingPreviewImage" Value="~SiteCollection/_catalogs/masterpage/$Resources:core,Culture;/Preview Images/Gas.png, ~SiteCollection/_catalogs/masterpage/$Resources:core,Culture;/Preview Images/Gas.png" />
           <Property Name="MasterPageDescription" Value="" />
      </File>
 </Module>
 <Module Name="PublishingLayoutsPreviewImages" Url="_catalogs/masterpage" IncludeFolders="??-??" Path="" RootWebOnly="TRUE">
       <File Url="Gas.png" Name="Preview Images/Gas.png" Type="GhostableInLibrary">
       </File>
    </Module>
</Elements>
5、         建立MasterPages和zh-cn檔案夾，在MasterPages檔案夾中建立Gasmaster.master檔案，在zh-cn檔案夾中放入一張模板頁的圖片Gas.png
6、         重啟IIS(iisreset)
7、         在SharePoint伺服器上運行CMD.exe，
輸入命令切換目錄：cd C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\BIN
安裝Feature輸入命令：stsadm -o installfeature -filename GASMASTERPAGES
啟用Feature輸入命令：stsadm -o activatefeature -filename GASMASTERPAGES\feature.xml -url http://portal:8000
8、         開啟“網站設定”中“主版頁面”，就可以看到我們剛剛添加的Gasmaster.master母片。
參考串連：Create a Feature: Add Custom Master Pages to your Site Collections

執行個體2：使用Feature定義網站中的功能表項目
包括其中第一個CustomAction在“網站設定”頁面中的“外觀”標題下建立了一個自訂連結.第二個CustomAction在頁面的“網站操作”菜單下增加了一個使用者自訂功能表項目.第三個CustomAction在文件庫的“建立”下拉式功能表下建立了一個自訂功能表項目.第四個CustomAction在文件庫的“操作”下拉式功能表下建立了一個自訂功能表項目。
步驟：
1、建立一個Feature.xml檔案
在Features目錄下建立一個目錄例如MyMenu,在其中建立一個Feature.xml檔案,檔案內容如下:
<?xml version="1.0" encoding="utf-8" ?>
<!-- _lcid="1033" _version="12.0.4017" _dal="1" -->
<!-- _LocalBinding -->
<Feature Id="6098EC11-8128-409A-8D2C-414E93F67DD4" 
            Title="$Resources:GasMenu,MenuTitle;" 
            Description="$Resources:GasMenu,MenuDescription;" 
            Version="12.0.0.0" 
            Scope="Web" 
           Hidden="FALSE" 
           DefaultResourceFile="customDocumentLibrary" 
            xmlns="http://schemas.microsoft.com/sharepoint/">
            <ElementManifests>
                <ElementManifest Location="LightUp.xml" /> 
            </ElementManifests>
</Feature>
2、在C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\Resources檔案夾中建立GasMenu.zh-CN.resx檔案，輸入以下內容
<?xml version="1.0" encoding="utf-8"?>
<!-- _lcid="2052" _version="12.0.4518.1016" _dal="1" -->
<!-- _LocalBinding -->
<root>
<Data Name="MenuTitle">
<Value>天然氣功能表項目</Value>
</Data>
<Data Name="MenuDescription">
<Value>添加了四個功能表項目，分別為在“網站設定”頁面中的“外觀”標題下建立了一個自訂連結、在頁面的“網站操作”菜單下增加了一個使用者自訂功能表項目、在文件庫的“建立”下拉式功能表下建立了一個自訂功能表項目和在文件庫的“操作”下拉式功能表下建立了一個自訂功能表項目。</Value>
</Data>
</root>
   3、建立Feature的描述檔案LightUp.xml
文檔的內容如下:
<?xml version="1.0" encoding="utf-8" ?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
<!-- create command link site setting page -->
<CustomAction Id="SiteSettings" GroupId="Customization" 
                Location="Microsoft.SharePoint.SiteSettings"
                            Sequence="106"
                            Title="Custom Site Setting Command">
                            <UrlAction Url=""/>
     </CustomAction>
     <!-- Add command to site action dropdow -->
        <CustomAction Id="SiteActionsToolbar"
                       GroupId="SiteActions"
                                   Location="Microsoft.SharePoint.StandardMenu"
                                   Sequence="1000"
                                   Title="Custom Action"
                                   Description="custom site action"
                                   ImageUrl="/_layouts/images/ACG16.GIF">
                                   <UrlAction Url=""/>
    </CustomAction>
       <!-- Document Library Toolbar New Menu DropDown -->
       <CustomAction Id="DocLibNewToolbar"
               RegistrationType="List"
                     RegistrationId="101"
                     GroupId="NewMenu"
                     Rights="ManagePermissions"
                     Location="Microsoft.SharePoint.StandardMenu"
                     Sequence="1000"
                     Title="Custom New Command"
                     Description="custom new command "
                     ImageUrl="/_layouts/images/ACG16.GIF">
                     <UrlAction Url=""/>
    </CustomAction>
       <!-- Document library Toolbar Actions Menu Dropdown -->
       <CustomAction Id="DocLibActionsToolbar"
               RegistrationType="List"
                     RegistrationId="101"
                     GroupId="ActionsMenu"
                     Rights="ManagePermissions"
                     Location="Microsoft.SharePoint.StandardMenu"
                     Sequence="1000"
                     Title="Command on Document Library"
                     Description=" command on document library"
                     ImageUrl="/_layouts/images/ACG16.GIF">
                     <UrlAction Url=""/>
         </CustomAction>
</Elements>
4、重啟IIS(iisreset)
5、在SharePoint伺服器上運行CMD.exe，
輸入命令切換目錄：cd C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\BIN
安裝Feature輸入命令：stsadm -o installfeature -filename MyMenu
啟用Feature輸入命令：stsadm -o activatefeature -filename MyMenu\feature.xml -url http://portal:8000/
疑問：在Feature.xml中，雖然把編碼方式改為encoding="GB2312"，但是使用漢字都不能識別出來，可是在LightUp.xml檔案中雖然編
方式為encoding="UTF-8",但是使用漢字都能識別出來，感覺很奇怪。

執行個體3：使用Feature建立使用者控制項。
請看KaneBoy的 DelegateControl：SharePoint Server 2007內建的一個“使用者控制項封裝器”

執行個體4：使用Feature建立自訂的文件庫。
請看宋振乾的 如何在MOSS2007中建立一個定製的 Document Library Feature

 
Microsoft Office SharePoint Server 2007(簡稱MOSS2007)的主版頁面

MOSS2007中所有的頁面都是由主版頁面（Master Pages）和內容頁（Content Pages）組成, MOSS 2007中的Master Page和在ASP.net中使用的Master Page是一樣的.它們定義了網站頁面的基本布局. Page layout的概念類似於ASP.net 2.0中的Content Page,它指向一個Master Page並且實現Content Placeholders 的內容.下面是一篇介紹ASP.NET 2.0中主版頁面組成結構的很好的入門文章。
Master Your Site Design with Visual Inheritance and Page Templates
主版頁面允許多級嵌套，所有在sharepoint中的網站預設都使用default.master這個主版頁面。這個檔案位於
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\GLOBAL這個目錄下。default.master主版頁面是全域主版頁面，任何對該頁面的修改將影響所有的sharepoint網站，而且會影響管理中心網站。
sharepoint的主版頁面中定義了許多佔位符（content placeholder）。這些預留位置定義了頁面的不同地區，開發人員可以定製預留位置最
顯示給使用者的內容。SharePoint中定義的預留位置中多數並不允許使用者重寫其內容。多數的sharepoint頁面都包括了PlaceHolderMain這個預留位置，它控制了頁面的主要內容部分，典型情況下，該預留位置將包括多個web組件地區，用來拖webpart進去。但對於開發人員來說，可以用來放置想要放的任何東西。
下面列出了sharepoint的主版頁面中定義的所有預留位置：（詳細位置請對照default.master）
1、<asp:ContentPlaceHolder ID="PlaceHolderGlobalNavigationSiteMap" runat="server" />
放置串連到頂級網站的超串連
2、<asp:ContentPlaceHolder ID="PlaceHolderGlobalNavigation" runat="server" />
放置頂部一行內容。
3、<asp:ContentPlaceHolder ID="PlaceHolderSiteName" runat="server" />
放置網站名稱
4、<asp:ContentPlaceHolder ID="PlaceHolderSearchArea" runat="server" />
放置搜尋方塊
5、<asp:ContentPlaceHolder ID="PlaceHolderHorizontalNav" runat="server" />
放置水平導覽列
6、<asp:ContentPlaceHolder ID="PlaceHolderTopNavBar" runat="server" />
放置水平導覽列一行內容。
7、<asp:ContentPlaceHolder ID="WSSDesignConsole" runat="server" />
頁面編輯控制項，當頁面進入編輯頁面模式時使用(當我們點 Site Actions, Edit Page後)
8、<asp:ContentPlaceHolder ID="SPNavigation" runat="server" />
在 Windows SharePoint Services中預設為空白，用於附加的頁面編輯控制項
9、<asp:ContentPlaceHolder ID="PlaceHolderPageImage" runat="server" />
左側的圖片
10、<asp:ContentPlaceHolder ID="PlaceHolderTitleLeftBorder" runat="server" />
Title區左側邊框
11、<asp:ContentPlaceHolder ID="PlaceHolderTitleBreadcrumb" runat="server" />
TitleBreadcrumb頁面導航區
12、<asp:ContentPlaceHolder ID="PlaceHolderPageTitleInTitleArea" runat="server" />
Breadcrumb區下面的標題
13、<asp:ContentPlaceHolder ID="PlaceHolderMiniConsole" runat="server" />
一個放置頁面級命令的地方，比如在WIKI網站裡的Edit Page, History, Incoming Links
14、<asp:ContentPlaceHolder ID="PlaceHolderTitleRightMargin" runat="server" />
Title區右側空白
15、<asp:ContentPlaceHolder ID="PlaceHolderTitleAreaSeparator" runat="server" />
TitleAreaSeparator區
16、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarDataSource" runat="server" />
左側導航區資料來源
17、<asp:ContentPlaceHolder ID="PlaceHolderCalendarNavigator" runat="server" />
在頁面中有日曆時為其顯示一個日期選擇框
18、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarTop" runat="server" />
左側導航區上面的導航區
19、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBar" runat="server" />
左側導航區
20、<asp:ContentPlaceHolder ID="PlaceHolderLeftActions" runat="server" />
左側導航區下面的動作區
21、<asp:ContentPlaceHolder ID="PlaceHolderNavSpacer" runat="server" />
左側導航區的寬度
22、<asp:ContentPlaceHolder ID="PlaceHolderLeftNavBarBorder" runat="server" />
左側導航區的邊框元素
23、<asp:ContentPlaceHolder ID="PlaceHolderBodyLeftBorder" runat="server" />
頁面body的邊框元素
24、<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" />
頁面描述區
25、<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" />
頁面主體
26、<asp:ContentPlaceHolder ID="PlaceHolderBodyRightMargin" runat="server" />
頁面body的右邊空白
27、<asp:ContentPlaceHolder ID="PlaceHolderFormDigest" runat="server"/>
這是頁面中必備的 "form digest"安全性群組件。
28、<asp:ContentPlaceHolder ID="PlaceHolderUtilityContent" runat="server" />
頁面底部需要的一塊特殊內容
29、<asp:ContentPlaceHolder ID="PlaceHolderBodyAreaClass" runat="server" />
附加在頁面頂部的body中的樣式
30、<asp:ContentPlaceHolder ID="PlaceHolderTitleAreaClass" runat="server" />
TitleArea附加的樣式
31、<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server" />
提供給內容頁添加所有可以放在<head>地區的內容，如CSS、JS等。
 
Microsoft Office SharePoint Server 2007的CSS應用

CSS在SharePoint頁面中的應用順序
1、 CORE.CSS
2、  
http://www.heathersolomon.com/blog/archive/2006/10/27/sp07cssoptions.aspx
對頁面修改可以通過SharePoint Designer(簡稱SPD)開啟整個網站進行修改，也可以使用其他一些文字編輯器直接對物理檔案進行
改。
當我們開啟一個Sharepoint頁面時，Sharepoint將首先判斷此頁面（主版頁面和內容頁）是否被破壞了結構（被SPD或其他工具修改過
被修改了部分將儲存在Sharepoint的資料庫中），如果是就從資料庫中找到該頁面的將其顯示出來，如果沒有，則從Sharepoint服務
的C:\Program Files\Common Files\Microsoft Shared\web server extensions\12目錄中找到相應物理檔案來顯示頁面，

default.master及defaultlayout.aspx介紹
 
附：其他相關內容串連。
建立一個精簡的主版頁面
關於MOSS 2007的Content Types
關於MOSS 2007 and WSS 3.0 Master Page
如何在MOSS 2007 中將一個Document Library 增加到網站定義中
MOSS項目開發步驟
網站定義和網站模板