以“簡單的領導簡介”為例，歡迎大家指正

背景：項目中需要有領導簡介的模塊，就開始制作領導簡介，本來很簡單，有一個列表就可以，然后在前臺展示出來，但是客戶看到我們的效果，尤其輸入領導信息的時候，SharePoint自帶NewForm頁就比較難看了，當然不妨礙使用，不過經過商談，依然沒有說服客戶，誰讓客戶就是上帝呢。好吧，硬著頭皮做了。

1、新建領導列表，這個不多說了，有多少欄，需要什么建什么就好。

2、開始定制NewForm頁，默認的時候大家都知道，就像下面的圖一樣難看

?

?

然后開始定制，打開Designer，找到我們的列表，打開NewForm頁（這些應該不用多說了吧），我們看到不見區域里面有一個默認的ListFormWebPart，不要干掉它，把這個td隱掉就可以了，以免有問題，將來還可以用，如果不熟的同學們，可以先copy一個副本，然后再改。隱掉原來的td，添加一個新的td，插入-sharepoint控件?-自定義列表表單，選擇我們的列表，勾選新建，選擇項目，確定即可。

3、找到

下面的td，同樣在上面新建一行tr，隱掉這一樣，打一個我們需要的表格，放到上面去，然后，把相應的編輯框拖到我們需要的位置。

定制效果如圖，當然我的樣式完全沒有加，大家可以按照自己需要的或者喜歡的樣式，添加上表格線，背景圖等等，也可以換個模板頁，看大家需要了。

4、新建頁算是大功告成了，但是展示頁也就是DispForm頁也太難看了，這個必然是大大不行的，好吧，那讓我們繼續定制，將SharePoint定制進行到底！對了，上面的問題還有一個沒有提到，就是所有的輸入框，都太寬了，我們不需要，當然SharePoint里面有我們需要的屬性，就是?DisplaySize="20"，記得雙引號里面的是字符個數，不是一般寬度的像素值。

展示頁原圖

?

5、好了，關掉NewForm頁，打開DispForm頁，開始新一輪的定制！廢話不多說，隱掉不要的td，添加一行新的td，我們要利用數據視圖，在菜單欄中數據視圖，插入數據視圖，在右側找到我們的列表，顯示數據，選擇我們需要的欄目，然后插入單項目視圖，即可！

6、接下來的和剛才的工作類似了，找到這樣一行，下面的table，在上面粘貼我們的table，然后把相應的顯示的部分剪切過來，即可！原諒我吧，我不是美工，樣式實在不擅長，大家自己看著弄哈。還有，這張無忌還真帥！另外要說的是，圖片的處理，這個必須交代下，要不會被罵，首先寫html的圖片代碼，然后就是url，找到相片字段，然后加上花括號{}，寫在url里面就可以了

e.m：

效果如圖

?

7、我們的任務就算完成了吧，不對，領導不能都是單獨的啊，肯定是在一起的，好吧，再麻煩下，定制...定制...定制...說了進行到底的！來嘍！關掉DispForm頁，打開AllItems頁，原諒我吧，我把SharePoint的四個頁改了第三個了。主要不是難看，誰也不許說我審美不行，確實不錯，挺好看，就是太正式，是吧，咱要炫一點。來吧，雖然有點小困了。

8、打開AllItems頁了么？什么...還沒有，你太慢了...添加一個表格，兩行就夠，把原來的部件和區域一起放在一個里，隱藏起來！其實干掉也無妨，不過我比較心軟..總是心太軟..心太軟..依然是利用數據視圖，具體過程我就不多說了，我又不是老太婆，雖然不帥也不是哥，好了，這次插入的是多項目視圖！修改之~

9、隨便點加入的內容，都會點到里面的東西，好了，修改之，當然，有一些需要的地方，提醒一下大家，一開始插進去的數據視圖，是一行一行的，我們先要需要在常用Date?View任務里面（表告訴我找不到！！在設計里面，點擊插入的數據視圖，右上角有個小三角，點擊就有了），選擇更改布局，布局里面選擇你要的。然后圖片處理同上。基本就這樣！

10、當然，你會看到右下角的翻頁太難看了，是吧，這個是可以改的，在代碼里就可以，大家可以自己看看，很簡單。還有，就是我們只是兩列的，還可以編程三列或者四列，大家也可以研究下，好了，就這樣了。

結果如圖

?

11、好了，一系列定制頁就完成了，什么？！還有修改的那個頁？！Oh，my?ladygaga！參照新建頁，一開始添加自定義列表表單，選擇修改就可以了，好了，四個頁面的定制，都OK了，大家有問題或者更好的建議，給我留言吧！歡迎交流！我也該休息了，大家晚安！