即便是菜鳥，也能配置出一個網站

對於剛進入IT行業的你，是否會以爲配置出一個像樣的公司網站是很大的挑戰？若是你有相同的感覺，那麼今天讀過這篇文章以後，你的心情將會舒暢不少，由於我這名技術入門者，根據下面的方法很容易的配置出了網站，在此把方法推薦給你們。

配置出上圖的網站只需AEAI Portal門戶集成平臺便可，門戶集成平臺能夠做爲企業的應用中心，或者企業應用的入口面板，在統一的界面上聚合現有各業務系統的數據、功能、界面，爲各種用戶如：合做夥伴、客戶、公司領導、員工提供多渠道（如：PC、移動設備等）方式訪問接入，AEAI Portal門戶集成平臺中自帶了綜合門戶、知識門戶、信息門戶、移動門戶等樣例，即便是菜鳥也能夠輕鬆配置出像樣的網站。

具體步驟：

1.  門戶建立

安裝好AEAIPortal介質後，進入後臺管理，詳細安裝及進入步驟請參見AEAI Portal門戶集成平臺技術手冊，本文不作過多講解。

輸入系統管理員的帳戶和密碼（演示帳戶：admin密碼：admin）登陸。

登入後點擊門戶管理，跳轉到如下界面：

點擊新增建立門戶，填入內容，點擊保存建立門戶成功；在這裏設置編碼爲06，名稱爲公司網站02，類型選擇登入前，默認主題選擇公司網站主題，是否有效選擇有效，寫好後點擊保存，如圖：

以後咱們在導航管理頁面中就能夠看見剛纔創建的公司網站2了。

下一步將建立的公司網站2添加到菜單欄「返回門戶」下，雙擊管理導航，在彈出的這個頁面中找到返回門戶的文件夾，選中並點擊新增連接，如圖：

彈出以下窗口，填寫上面輸入的信息就能夠了。

2.  頁面建立

接下來要對「公司網站2」的頁面進行配置了，首先咱們在「公司網站2」的導航下創建頁面，先添加首頁，添加方法以下：

雙擊導航管理裏面的「公司網站2」進入編輯模式。在「公司網站2」下新增頁面，首先點擊「新增頁面」並進行編輯，輸入內容以下圖：

這裏須要注意的是，本文中的網站佈局是根據數通暢聯軟件真實網站的佈局爲例的，實際的能夠根據須要自行定義佈局。

咱們還須要建立產品家族、解決方案、技術服務、新聞資訊等頁面。下面只舉一個建立產品家族的例子，其餘頁面建立方法與之相同。

點擊新增目錄，建立產品家族目錄，並在產品家族目錄下添加產品分類的目錄，以後再產品分類下添加單個產品的頁面，方法同上。

下面是編輯好的圖片。

3.  頁面佈局

這裏以公司網站首頁爲例進行演示，經過添加行容器和列容器設計咱們須要的頁面總體佈局。

點擊頁面佈局，彈出下圖：

首頁須要4個行容器，和7個列容器。如今佈局中有2個行容器，因此點擊拆分按鈕拆分紅4個行容器。拆分方法以下：

以後點擊添加按鈕添加portlet，彈出下圖，分組選擇「內容展示」，以後雙擊HTML片斷選中，這樣一個片斷就添加好了。

由於公司網站首頁的第一個行容器是播放圖片，因此咱們在內容展示中選擇jQuery圖片播放。

以後根據網站佈局，須要在行容器中添加3個列容器，添加方法以下：點擊「添加子容器」按鈕，填入須要子容器的個數，點擊保存便可。

以後添加的portlet，都爲HTML片斷，完成圖以下，其餘頁面配置方法同上。

配置完成後咱們看一下前端的顯示頁面，如圖：

下面配置產品家族下的產品整體介紹的頁面佈局，點擊添加portlet按鈕，分別添加三個portlet，第一個爲「普通菜單列表」，後兩個爲HTML片斷。

右邊的佈局只需添加一個portlet，選擇信息正文就能夠了。

爲了在網頁顯示的佈局更好看，須要調節寬度比，點擊設置寬度按鈕，把寬度比設置成18%--82%。

其餘產品或方案的配置同上。

4.  Portlet編輯

進入到頁面進行portlet配置，在控制檯選中編輯組件模式，進入「公司網站2」首頁，切換到編輯狀態，如圖：

編輯寬度爲940、高度爲400，是否內容選擇「否」，數據URL須要到管理控制檯的「數據模版」下的「靜態數據」中查找，如圖：

選中jQuery圖片播放，右鍵進入編輯頁面，如圖：

複製地址到上面的數據URL處，保存完成後JQuery圖片播放配置成功，如圖：

以後編輯下面的HTML片斷，進入編輯模式如圖：

是否正文選擇「是」，由於是一個HTML片斷，內容正文ID到管理控制檯內容管理菜單下的信息採編裏去找相對應的內容。

例如添加「產品信息」的內容，找到後雙擊進入編輯模式，點擊複製ID信息。

將得到的ID填寫到內容正文ID處，點擊保存，如圖：

首頁剩餘的HTML片斷配置能夠參照上面步驟進行配置，配置好後以下圖。

本文只簡單介紹首頁部分的配置，其它的配置方法同上便可，更多詳細內容能夠參見網站配置手冊文檔。

http://www.agileai.com/portal/website/01/res-share.ptml  AEAI Portal產品介質下載地址

http://pan.baidu.com/s/1kUEAVA3網站配置手冊的下載地址

下載產品後安裝，參照網站配置手冊一步一步的去配置便可。

若是成功的配置出網站的話，下一步就參照技術手冊學着更深刻的去了解AEAI Portal的其餘強大功能吧！