地、市公司信息門戶定制手冊VERSION20目錄一、版本說明2二、門戶網(wǎng)址2三、注意事項2四、門戶定制建設(shè)手冊3（一）門戶主頁整體布局3（二）創(chuàng)建文檔庫、列表、新聞網(wǎng)站、調(diào)查、討論區(qū)，添加幻燈片效果等操作。201文檔庫操作202列表操作323創(chuàng)建新聞網(wǎng)站544創(chuàng)建靜態(tài)頁面605創(chuàng)建調(diào)查、討論區(qū)636首頁幻燈片的制作667導(dǎo)航欄的制作732地、市公司信息門戶定制手冊VERSION20一、版本說明10版本主要是按照故事版對門戶主頁進行整體布局。20版本主要是創(chuàng)建文檔庫、列表、調(diào)查、討論區(qū)等內(nèi)容類型，還包括添加幻燈片、修改導(dǎo)航等操作。30版本主要是門戶網(wǎng)站的權(quán)限設(shè)置。二、門戶網(wǎng)址惠州培訓(xùn)門戶網(wǎng)址HTTP/EIPGDSYSINOPECCOM/SITES/EIP地、市公司門戶網(wǎng)址HTTP/EIPGDSYSINOPECCOM/MZ（取中文拼音的第一個字母）3三、注意事項地、市公司門戶全部采用統(tǒng)一模板，頂部的LOGO是不能更換的，并且各欄目圖標的選擇范圍也是相對有限的。請各單位把工作重點放在門戶的欄目建設(shè)方面以及門戶的推廣工作上。四、門戶定制建設(shè)手冊以下主要以截圖形式描述從一個空白模板網(wǎng)站建設(shè)成門戶網(wǎng)站的過程。（以廣州公司為例）（一）門戶主頁整體布局1編輯網(wǎng)頁2添加WEB部件43選擇內(nèi)容編輯器4選擇編輯欄里的修改共享WEB部件COMMENTL1整個TABLECOMMENTL2的好處就是可以先顯示之間的內(nèi)容,而不必等整個表格都下載完成后再顯示COMMENTL3左欄CSS樣式，控制圖標的顯示格式。左欄的CSS樣式目前有LEFTC1LEFTC4，圖標選擇還相對有限，這個以后宋武杰會多做一些圖標供大家選擇。COMMENTL4CSS樣式55選擇源編輯器6復(fù)制以下HTML代碼到源編輯器（熟悉HTML的可以自行對代碼進行修改）公司發(fā)文COMMENTL5左欄文本的CSS樣式，統(tǒng)一為LEFTTEXT。6經(jīng)營部文件零售片區(qū)文件加油站文件財務(wù)網(wǎng)點監(jiān)管員文件計質(zhì)量監(jiān)管員文件更多7保存源編輯器內(nèi)容78修改內(nèi)容編輯器外觀設(shè)置9添加完一個內(nèi)容編輯器后的主門戶810依次添加其余左欄內(nèi)容編輯器操作指南門戶操作指南輔助系統(tǒng)操作指南9機關(guān)部室零售管理部業(yè)務(wù)部財務(wù)部信息中心1011加入圖片美化頁面11121312添加圖片后左欄效果13添加中間欄的內(nèi)容，同樣都是先添加內(nèi)容編輯器14COMMENTL6TABLECOMMENTL7中間欄的圖標類，目前只有CENTRAL1可選，以后宋武杰會增加一些圖標。COMMENTL8字體顏色15復(fù)制以下代碼到源編輯器通知與公告更多1614依次添加中間的其他欄目1715添加完成后效果1816添加右欄內(nèi)容，步驟與左欄類似COMMENTL9右欄圖標的CSS類，從RIGHTC1到RIGHTC6COMMENTL10右欄的文本CSS類19復(fù)制以下代碼到源編輯器單位概況單位簡介組織機構(gòu)崗位職責(zé)通訊錄2017添加右欄其他欄目，最終頁面布局如下21（二）創(chuàng)建文檔庫、列表、新聞網(wǎng)站、調(diào)查、討論區(qū)，添加幻燈片效果等操作。在頁面布局完成之后，就要創(chuàng)建欄目內(nèi)容了。但是在這之前還要做一項工作，就是確定每個欄目具體是用哪種內(nèi)容類型來實現(xiàn)，例如通知公告用列表，公司動態(tài)用新聞網(wǎng)站，專刊用文檔庫等等。我們必須把故事版里的所有欄目都確定好建成什么內(nèi)容類型，然后再開始下面的操作。（這里需要做欄目設(shè)計表，參考HTTP/EIPGDSYSINOPECCOM/SITES/EIP站點里的廣州公司欄目設(shè)計表模板，其中欄目管理者和審核者先不用填）1文檔庫操作（1）文檔庫的創(chuàng)建2223（2）文檔庫的設(shè)置24252627按以上操作依次做好主頁其他文檔庫的鏈接。（3）在主頁顯示文檔庫內(nèi)容例如主頁中間專刊一欄建成了文檔庫，需要在主頁直接顯示文檔庫內(nèi)容，有兩種方式第一種按以下操作進行，網(wǎng)站操作編輯網(wǎng)頁在中間部分下方添加WEB部件2829效果圖第二種利用內(nèi)容查詢器顯示，網(wǎng)站操作編輯網(wǎng)頁30313233效果圖2列表操作（1）創(chuàng)建列表34創(chuàng)建通知與公告3536進入編輯網(wǎng)頁模式要把通知列表內(nèi)容顯示在主頁，有兩種方式可以選擇第一種方式，選擇添加WEB部件37選中的列表會以所有項目視圖的顯示方式顯示在主頁中，如果我們希望改變列表的顯示方式，可以按以下操作38點編輯當(dāng)前視圖進入以下頁面因為目前我們的通知與公告只有一個系統(tǒng)視圖（所有項目視圖），所以實際上我們編輯的當(dāng)前視圖就是所有項目視圖，而該視圖有很多默認欄的顯示方式是不允許更改的。因此如果想獲得我們想要的通知顯示方式，最好的辦法是新建一個視圖，然后選中這個視圖，具體操作見下39修改視圖屬性4041建好后的通知公告視圖42在主頁顯示剛建的通知公告視圖，網(wǎng)站操作編輯網(wǎng)頁最終效果圖43第二種方式同樣選擇添加WEB部件4445最終效果圖，可以與第一種方式比較下效果。46同樣地，財務(wù)部公告也是一個通知列表，我們用上述第2種方式顯示，建好后的效果如下圖添加完成后，我們需要設(shè)置每個欄目中更多的鏈接地址，設(shè)置方式如下4748（2）創(chuàng)建自定義列表除了通知之外的列表，我們一般都要建自定義列表，下面以通訊錄列表為例介紹自定義列表的建立方法。網(wǎng)站操作查看所有網(wǎng)站內(nèi)容創(chuàng)建進入以下頁面495051依次創(chuàng)建好職務(wù)、姓名、辦公電話欄，完成后效果見下圖接著創(chuàng)建通訊錄視圖，選創(chuàng)建視圖標準視圖5253往通訊錄中添加數(shù)據(jù)5455這里大家可以思考一下，如何可以使得部門按照一定的順序排列（默認是按A，B，C排下去的）把URL復(fù)制到主頁右欄的通訊錄鏈接處3創(chuàng)建新聞網(wǎng)站公司動態(tài)欄目需要建成新聞網(wǎng)站，即相當(dāng)于在當(dāng)前門戶網(wǎng)站下建一個新聞子站點，具體操作如下56在新建的新聞網(wǎng)站下，選擇網(wǎng)站操作查看所有網(wǎng)站內(nèi)容57選擇頁面庫58在主頁的公司動態(tài)欄顯示新聞網(wǎng)站內(nèi)容，操作與顯示文59檔庫及列表是類似的網(wǎng)站操作編輯網(wǎng)頁添加WEB部件添加內(nèi)容查詢器部件60最終效果圖614創(chuàng)建靜態(tài)頁面有些長期固定不變的內(nèi)容可以做成靜態(tài)頁面，例如單位簡介、組織機構(gòu)等，建完之后，把頁面的URL復(fù)制到主頁的鏈接處，具體操作如下6263645創(chuàng)建調(diào)查、討論區(qū)網(wǎng)站操作查看所有網(wǎng)站內(nèi)容創(chuàng)建，進入以下頁面6566可以通過復(fù)制調(diào)查的URL把調(diào)查鏈接到主頁。創(chuàng)建討論區(qū)與調(diào)查類似，大家自己試一下，這里就不贅述了。676首頁幻燈片的制作幻燈片是通過頁面庫中頁面的滾動圖象來顯示的，所以如果要顯示幻燈片效果，我們需要建幾個帶滾動圖象的頁面，操作如下網(wǎng)站操作查看所有網(wǎng)站內(nèi)容，選擇文檔庫中的頁面新建文章頁面68下面就是要把圖片放到頁面的滾動圖像里，我們首先要把圖片上載到門戶（最好對圖像的大小先做個處理），具體步驟如下，網(wǎng)站操作查看所有網(wǎng)站內(nèi)容進入如下頁面，選圖象6970翻頁找到剛上載的圖片（記住一定要在/YJ下