地、市公司信息門戶定制手冊V20

1、PAGE PAGE 79Evaluation Warning: The document was created with Spire.Doc for .NET.地、市公司信息門戶定制手冊 Version 2.0目錄TOC o 1-4 h z u HYPERLINK l _Toc187925556 一、版本說說明： PAGEREF _Toc187925556 h 2 HYPERLINK l _Toc187925557 二、門戶網(wǎng)網(wǎng)址： PAGEREF _Toc187925557 h 2 HYPERLINK l _Toc187925558 三、注意事事項： PAGEREF _Toc1879255

2、58 h 2 HYPERLINK l _Toc187925559 四、門戶定定制建設(shè)設(shè)手冊： PAGEREF _Toc187925559 h 3 HYPERLINK l _Toc187925560 （一）門戶戶主頁整整體布局局 PAGEREF _Toc187925560 h 3 HYPERLINK l _Toc187925561 （二）創(chuàng)建建文檔庫庫、列表表、新聞聞網(wǎng)站、調(diào)調(diào)查、討討論區(qū)，添添加幻燈燈片效果果等操作作。 PAGEREF _Toc187925561 h 20 HYPERLINK l _Toc187925562 1文檔庫庫操作 PAGEREF _Toc187925562 h 20

3、HYPERLINK l _Toc187925563 2列表操操作 PAGEREF _Toc187925563 h 32 HYPERLINK l _Toc187925564 3創(chuàng)建新新聞網(wǎng)站站 PAGEREF _Toc187925564 h 54 HYPERLINK l _Toc187925565 4創(chuàng)建靜靜態(tài)頁面面 PAGEREF _Toc187925565 h 60 HYPERLINK l _Toc187925566 5創(chuàng)建調(diào)調(diào)查、討討論區(qū) PAGEREF _Toc187925566 h 63 HYPERLINK l _Toc187925567 6首頁幻幻燈片的的制作 PAGEREF _To

4、c187925567 h 66 HYPERLINK l _Toc187925568 7導(dǎo)航欄欄的制作作 PAGEREF _Toc187925568 h 73地、市公司司信息門門戶定制制手冊 Verrsioon 22.0一、版本說說明：1.0版本本主要是是按照故故事版對對門戶主主頁進(jìn)行行整體布布局。2.0版本本主要是是創(chuàng)建文文檔庫、列列表、調(diào)調(diào)查、討討論區(qū)等等內(nèi)容類類型，還還包括添添加幻燈燈片、修修改導(dǎo)航航等操作作。3.0 版版本主要要是門戶戶網(wǎng)站的的權(quán)限設(shè)設(shè)置。二、門戶網(wǎng)網(wǎng)址：惠州培訓(xùn)門門戶網(wǎng)址址：htttp:/eeip.gdssy.ssinoopecc.coom/ssitees/eeip地、

5、市公司司門戶網(wǎng)網(wǎng)址： HYPERLINK /mz htttp:/m/mzz（取中中文拼音音的第一一個字母母）三、注意事事項： 地、市市公司門門戶全部部采用統(tǒng)統(tǒng)一模板板，頂部部的loogo是是不能更更換的，并并且各欄欄目圖標(biāo)標(biāo)的選擇擇范圍也也是相對對有限的的。請各各單位把把工作重重點放在在門戶的的欄目建建設(shè)方面面以及門門戶的推推廣工作作上。 四、門戶定定制建設(shè)設(shè)手冊：以下主要以以截圖形形式描述述從一個個空白模模板網(wǎng)站站建設(shè)成成門戶網(wǎng)網(wǎng)站的過過程。（以以廣州公公司為例例）（一）門戶戶主頁整整體布局局1編輯網(wǎng)網(wǎng)頁2添加WWeb部部件3選擇內(nèi)內(nèi)容編輯輯器4選擇編編輯欄里里的修改改共享WWeb部部件5選

6、擇源源編輯器器6復(fù)制以以下httml代代碼到源源編輯器器（熟悉悉htmml的可可以自行行對代碼碼進(jìn)行修修改）整個TABLETBODDY.的好處就是可以先顯示.的好處就是可以先顯示之間的內(nèi)容, 而不必等整個表格都下載完成后再顯示&nbbsp;&nbbsp;&nbbsp;&nbbsp;&nbbsp;&nbbsp;&nbbsp;公司發(fā)左欄Css樣式，控制圖標(biāo)的顯示格式。左欄的css樣式目前有l(wèi)eftc1leftc4，圖標(biāo)選擇還相對有限，這個以后宋武杰會多做一些圖標(biāo)供大家選擇。Css樣式TD cclasss=lleftttexxt左欄文本的css樣式，統(tǒng)一為lefttext左欄文本的css樣式，統(tǒng)一為

7、lefttext。經(jīng)營部部文件零售片片區(qū)文件件加油站站文件財務(wù)網(wǎng)網(wǎng)點監(jiān)管管員文件件計質(zhì)量量監(jiān)管員員文件 p;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp;&nnbspp; 更更多7保存源源編輯器器內(nèi)容8修改內(nèi)內(nèi)容編輯輯器外觀觀設(shè)置9添加完完一個內(nèi)內(nèi)容編輯輯器后的的主門戶10依次次添加其

8、其余左欄欄內(nèi)容編編輯器&nbbsp;&nbbsp;&nbbsp;&nbbsp;&nbbsp;操作指指南門戶戶操作指指南輔助系統(tǒng)操操作指南南&nbbsp;&nbbsp;&nbbsp;&nbbsp;&nbbsp; 機關(guān)關(guān)部室零零售管理理部業(yè)務(wù)部部財財務(wù)部信息息中心11.加入入圖片美美化頁面面12添加加圖片后后左欄效效果13添加加中間欄欄的內(nèi)容容，同樣樣都是先先添加內(nèi)內(nèi)容編輯輯器復(fù)制以下代代碼到源源編輯器器TABLETABLE&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp; &nbbsp;通知與與公告&nbssp;&nbssp;&nbs

9、sp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nbssp;&nb

10、ssp;&nbssp;&nbssp;&nbssp;中間欄的圖標(biāo)類，目前只有central1可選，以后宋武杰會增加一些圖標(biāo)。字體顏色更多多字體顏色14依次次添加中中間的其其他欄目目15添加加完成后后效果：16添加加右欄內(nèi)內(nèi)容，步步驟與左左欄類似似：復(fù)制以下代代碼到源源編輯器器：&nnbspp;&nnbspp;&nnbspp;單位位概況/右欄圖標(biāo)的CSS類，從rightc1到rightc6右欄的文本CSS類單單位簡介介組組織機構(gòu)構(gòu)崗位職職責(zé)通訊訊錄17添加加右欄其其他欄目目，最終終頁面布布局如下下：（二）創(chuàng)建建文檔庫庫、列表表、新聞聞網(wǎng)站、調(diào)查、討論區(qū)，添加幻燈片效果等操作。在頁面布局局完成之之后

11、，就就要創(chuàng)建建欄目內(nèi)內(nèi)容了。但但是在這這之前還還要做一一項工作作，就是是確定每每個欄目目具體是是用哪種種內(nèi)容類類型來實實現(xiàn)，例例如通知知公告用用列表，公公司動態(tài)態(tài)用新聞聞網(wǎng)站，專?？梦奈臋n庫等等等。我我們必須須把故事事版里的的所有欄欄目都確確定好建建成什么么內(nèi)容類類型，然然后再開開始下面面的操作作。（這這里需要要做欄目目設(shè)計表表，參考考 HYPERLINK htttp:/m/siitess/eiip htttp:/m/siitess/eiip站點點里的廣廣州公司司欄目設(shè)設(shè)計表模模板，其其中欄目目管理者者和審核核者先不不用填）1文檔庫庫操作 （1）文文檔庫的的創(chuàng)建（2）文檔檔庫的設(shè)設(shè)置按以上操

12、作作依次做做好主頁頁其他文文檔庫的的鏈接。（3）在主主頁顯示示文檔庫庫內(nèi)容例如主頁中中間?？粰诮ńǔ闪宋奈臋n庫，需需要在主主頁直接接顯示文文檔庫內(nèi)內(nèi)容，有有兩種方方式：第一種：按按以下操操作進(jìn)行行，網(wǎng)站站操作-編輯網(wǎng)網(wǎng)頁-在在中間部部分下方方添加WWeb部部件效果圖：第二種：利利用內(nèi)容容查詢器器顯示，網(wǎng)站操作-編輯網(wǎng)頁效果圖：2列表操操作（1）創(chuàng)建建列表創(chuàng)建通知與與公告：進(jìn)入編輯網(wǎng)網(wǎng)頁模式式：要把通知列列表內(nèi)容容顯示在在主頁，有有兩種方方式可以以選擇：第一種方式式，選擇擇添加WWEB部部件：選中的列表表會以所所有項目目視圖的的顯示方方式顯示示在主頁頁中，如如果我們們希望改改變列表表的顯示示

13、方式，可可以按以以下操作作： 點編輯當(dāng)前前視圖進(jìn)進(jìn)入以下下頁面：因為目前我我們的通通知與公公告只有有一個系系統(tǒng)視圖圖（所有有項目視視圖），所所以實際際上我們們編輯的的當(dāng)前視視圖就是是所有項項目視圖圖，而該該視圖有有很多默默認(rèn)欄的的顯示方方式是不不允許更更改的。因因此如果果想獲得得我們想想要的通通知顯示示方式，最最好的辦辦法是新新建一個個視圖，然然后選中中這個視視圖，具具體操作作見下：修改視圖屬屬性：建好后的通通知公告告視圖在主頁顯示示剛建的的通知公公告視圖圖，網(wǎng)站站操作-編輯網(wǎng)網(wǎng)頁：最終效果圖圖：第二種方式式：同樣樣選擇添添加WEEB部件件最終效果圖圖，可以以與第一一種方式式比較下下效果。同樣

14、地，財財務(wù)部公公告也是是一個通通知列表表，我們們用上述述第2種種方式顯顯示，建建好后的的效果如如下圖：添加完成后后，我們們需要設(shè)設(shè)置每個個欄目中中更多的鏈接接地址，設(shè)設(shè)置方式式如下：（2）創(chuàng)建建自定義義列表除了通知之之外的列列表，我我們一般般都要建建自定義義列表，下下面以通通訊錄列列表為例例介紹自自定義列列表的建建立方法法。網(wǎng)站操作-查看所所有網(wǎng)站站內(nèi)容-創(chuàng)建-進(jìn)入以以下頁面面：依次創(chuàng)建好好職務(wù)、姓姓名、辦辦公電話話欄，完完成后效效果見下下圖：接著創(chuàng)建通通訊錄視視圖，選選創(chuàng)建視視圖-標(biāo)標(biāo)準(zhǔn)視圖圖往通訊錄中中添加數(shù)數(shù)據(jù)：這里大家可可以思考考一下，如如何可以以使得部部門按照照一定的的順序排排列？（

15、默默認(rèn)是按按A，BB，C排排下去的的）把URL復(fù)復(fù)制到主主頁右欄欄的通訊訊錄鏈接接處：3創(chuàng)建新新聞網(wǎng)站站公司動態(tài)欄欄目需要要建成新新聞網(wǎng)站站，即相相當(dāng)于在在當(dāng)前門門戶網(wǎng)站站下建一一個新聞聞子站點點，具體體操作如如下：在新建的新新聞網(wǎng)站站下，選選擇網(wǎng)站站操作-查看所所有網(wǎng)站站內(nèi)容選擇頁面庫庫：在主頁的公公司動態(tài)態(tài)欄顯示示新聞網(wǎng)網(wǎng)站內(nèi)容容，操作作與顯示示文檔庫庫及列表表是類似似的：網(wǎng)站操作-編輯網(wǎng)網(wǎng)頁-添添加Weeb部件件-添加加內(nèi)容查查詢器部部件最終效果圖圖：4創(chuàng)建靜靜態(tài)頁面面有些長期固固定不變變的內(nèi)容容可以做做成靜態(tài)態(tài)頁面，例例如單位位簡介、組組織機構(gòu)構(gòu)等，建建完之后后，把頁頁面的UURL復(fù)復(fù)制到主主頁的鏈鏈接處，具具體操作作如下：5創(chuàng)建調(diào)調(diào)查、討討論區(qū)網(wǎng)站操作-查看所所有網(wǎng)站站內(nèi)容-創(chuàng)建，進(jìn)進(jìn)入以下下頁面：可以通過復(fù)復(fù)制調(diào)查查的URRL把調(diào)調(diào)查鏈接接到主頁頁。創(chuàng)建討論區(qū)區(qū)與調(diào)查查類似，大大家自己己試一下下，這里里就不贅贅述了。6首頁幻幻燈片的的制作幻燈片是通通過頁面面庫中頁頁面的滾滾動圖象象來顯示示的，所所以如果果要顯示示幻燈片片效果，我們需要建幾個帶滾動圖象的頁面，操作如下：網(wǎng)站操作-查看所所有網(wǎng)站站內(nèi)容，選選擇文檔檔庫中的的頁面：新建文章頁頁面：下面就是要要把圖片片放到頁頁面的滾滾動圖像像里，我我們首先先要把圖片