SharePoint Online的欄目，簡(jiǎn)單描述即顯示在首頁(yè)上的各個(gè)模塊信息，這里，我們主要介紹我們首頁(yè)上的欄目，包括簡(jiǎn)介類型、新聞列表類型、圖片類型；

　　下面，讓我們開(kāi)始在SharePoint Online的門戶網(wǎng)站中創(chuàng)建欄目吧 。

一、 SharePoint Online 為欄目創(chuàng)建列表

　　創(chuàng)建新聞中心列表，如下圖：

　　我們創(chuàng)建一個(gè)內(nèi)容（多行文本）字段，用來(lái)保存新聞的內(nèi)容：

　　創(chuàng)建聯(lián)系我們列表，如下圖：

　　字段：聯(lián)系人、電話、手機(jī)、郵編、網(wǎng)址，類型均為單行文本；

二、 SharePoint Online 在首頁(yè)顯示欄目

　　首先，在首頁(yè)上各個(gè)模塊的位置上，插入WebPartZone，將來(lái)插入WebPart使用，特表要說(shuō)，先保存頁(yè)面然后才能添加WebPartZone，如下圖：

　　公司簡(jiǎn)介 – 內(nèi)容編輯器

　　打開(kāi)首頁(yè)，在頁(yè)面上WebPartZone上添加內(nèi)容編輯器部件，如下圖：

　　選中公司簡(jiǎn)介的WebPart，點(diǎn)擊Ribbon菜單上面的編輯源，添加HTML代碼，因?yàn)槭庆o態(tài)文本，修改頻率非常小，所以這里添加靜態(tài)內(nèi)容，如下圖：

　　添加完畢HTML效果，如果將來(lái)有需要修改，編輯頁(yè)面，修改HTML代碼即可以所見(jiàn)即所得的方式，進(jìn)行編輯，效果如下圖：

　　新聞中心 – 部件

　　在新聞中心處添加web部件，選擇新聞中心，如下圖：

　　在新聞中心列表創(chuàng)建一個(gè)視圖，當(dāng)做新聞中心應(yīng)用程序的數(shù)據(jù)源；

　　選擇基于所有項(xiàng)目創(chuàng)建，如下圖：

　　視圖里面的欄選擇我們要展示的標(biāo)題(這里截圖不當(dāng)，后來(lái)改為鏈接到項(xiàng)目的標(biāo)題了，因?yàn)樾枰�點(diǎn)擊)、創(chuàng)建時(shí)間，如下圖：

　　修改排序?yàn)榘凑談?chuàng)建時(shí)間排序，當(dāng)然我們需要的話，可以修改為其他排序，如下圖：

　　項(xiàng)目限制選擇5條，按照需要限制即可，如下圖：

　　表格視圖去掉復(fù)選框，這樣就不會(huì)有選擇項(xiàng)目前面的復(fù)選框了，如下圖：

　　修改新聞中心web部件的屬性，修改視圖為我們剛剛創(chuàng)建的首頁(yè)展示，修改工具欄類型為沒(méi)有工具欄，如下圖：

　　修改完畢后，新聞中心效果如下圖：

　　我們還需要隱藏標(biāo)題欄和翻頁(yè)，然后使用Css或者JavaScript對(duì)樣式進(jìn)行調(diào)整，這里都是前臺(tái)的內(nèi)容了，我們就不多介紹了。

　　聯(lián)系我們 – JavaScript

　　首先需要編寫(xiě)讀取列表信息的腳本，具體腳本如下：

　　然后在頁(yè)面上添加腳本的調(diào)用，下圖紅框中所示：

　　使用JavaScript讀取的聯(lián)系我們，內(nèi)容已經(jīng)來(lái)自列表了，如下圖：

　　至此，首頁(yè)上的四個(gè)欄目，通過(guò)不同方式添加進(jìn)行展示已經(jīng)介紹完了；

　　? 公司簡(jiǎn)介通過(guò)內(nèi)容編輯器直接填寫(xiě)在頁(yè)面上，修改的時(shí)候直接編輯即可；

　　? 新聞中心用的自帶應(yīng)用程序，讀取自定義好的視圖，用Css方式去修飾；

　　? 聯(lián)系我們使用JavaScript對(duì)象模型讀取自列表，進(jìn)行展示；

　　? 產(chǎn)品展示，之前的博客已經(jīng)介紹了，通過(guò)沙盒解決方案部署WebPart進(jìn)行展示；

總 結(jié)

　　其實(shí)，SharePoint Online中導(dǎo)航的添加和Server版本非常類似，要么使用自帶導(dǎo)航修改樣式，要么使用自定義導(dǎo)航，數(shù)據(jù)保存列表或者以Xml形式保存在文檔庫(kù)，然后在前臺(tái)通過(guò)JavaScript方式或者沙河解決方案讀取導(dǎo)航進(jìn)行展示。

　　好了，SharePoint Online的自定義導(dǎo)航，我們就介紹到這里，下一篇，我們將介紹入戶為門戶網(wǎng)站創(chuàng)建欄目。