動易CMS,即Content Management System,內容管理系統,是由動易網絡科技有限公司開發的優秀網站建站系統,有非常強大的后臺管理功能,操作簡單,安全穩定。基于動易CMS平臺能夠快速、方便地建立專業的、體現學校特色、符合學校要求的動態校園網站,因此成為眾多建站學校的首選。
1.必備知識
1.1必須掌握網頁設計的基本語言——html語言,它是網頁設計和制作的基礎。
設計和制作頁面時,利用html語言可制作出很多精美的網頁,在調整網頁布局的過程中,利用html語言可進行很多細小的修改。同時,還必須會使用Dreamweaver軟件,它是集網頁制作和有效管理網站功能于一身的所見即所得網頁編輯器,是專業的網頁開發工具,利用它可以很容易地制作出充滿個性的網頁。
1.2必須掌握一定的Photoshop(圖形圖像處理)和Flash(動畫制作)知識。
網頁除了提供給瀏覽者文字信息外,也應該有相應的圖片或者動畫,那樣網站才會更加生動、直觀。
2.網站的設計與制作
目前動易SiteWeave CMS 6.8已開放源碼,不用再安裝動易組件,可以到動易的官方網站http://www.powereasy.net下載,用戶使用非常方便。
2.1安裝和設置IIS服務及組件。
從動易官方網站上下載動易SiteWeave CMS 6.8的安裝程序,下載好壓縮包解壓后,將“源代碼”文件夾中的所有文件復制到服務器的網站主目錄中(默認位置是:C:\Inetpub\wwwroot,建議更改到其他非系統盤中)。
2.1.1安裝IIS組件。將操作系統安裝盤放入光驅中。如果沒有安裝盤,可從網上下載與使用中的系統同版本的IIS服務包。點擊“開始”—“控制面板”—“添加/刪除程序”,在“添加/刪除程序”界面中點擊“添加/刪除windows組件(A)”,在“Windows組件向導”窗口中找到“internet信息服務(IIS)”,單擊“確定”。按系統提示安裝直至IIS組件安裝完成。
2.1.2設置IIS服務。點擊“開始”—“控制面板”—“管理工具”—“internewSwM/IBi0dIAKkFS3oumiA==t信息服務”,右擊“默認網站”,選擇“屬性”,打開“默認網站屬性”,點擊“主目錄”選項卡,將本地路徑設置為安裝動易應用文件的目錄,即網站的主目錄,如:D:\gzjsyz,并勾選“寫入”選項。
接下來修改“文檔”選項卡。因為動易系統默認的首頁是index.asp,但在默認文檔中沒有index.asp,所以為了讓瀏覽者盡快找到網站的主頁,需要添加一個默認文檔index.asp,并將它移動到默認文檔最上面。至此,IIS服務設置完畢,可以在本地訪問安裝好的網站。
打開IE瀏覽器,在IE地址欄中輸入http://服務器的IP地址/install.asp,例如:http://127.0.0.1/install.asp運行系統設置文件,按提示要求操作即可。設置完成后,我們只要在IE地址欄中輸入http://服務器的IP地址,例如:http://127.0.0.1,就可以打開網站的主頁。
2.2網站的后臺管理與頁面制作。
利用動易CMS剛建好的校園網站,它只有文章中心、圖片中心、下載中心、留言板四個模塊,但可以通過登錄后臺管理,利用后臺管理系統生成校園網站所需的頻道和欄目。登錄網站后臺管理可單擊網站首頁底部的“管理登錄”文字鏈接,也可直接在IE瀏覽器中輸入系統的后臺地址,http://服務器IP地址/admin/admin_login.asp,例如:http://127.0.0.1/admin/admin_login.asp。
進入網站后臺之后,根據校園網站的需求,可利用后臺管理程序設置相應的頻道和欄目、對頁面布局進行調整修改、對網站的各個環節進行完善等。通過操作實踐,按照下列順序完成校園網站的設計與制作比較方便、快捷。
2.2.1選擇模板。動易SiteWeave CMS 6.8提供了幾種模板方案,可以根據校園網站的需求選擇一個合適的模板對其進行修改和完善,這是一種非常便捷的方法。網站模板的某些布局也許并不能完全符合校園網站的需求,但可以通過修改代碼進行完善。即使動易提供的所有模板都不滿足要求,也可以打造一個全新的網站頁面。這里可先忽略頁面的修改工作,直接進入下一環節。
2.2.2添加頻道。在動易后臺管理系統中,每一個導航欄目稱為一個頻道。系統最初提供了三個頻道:文章模塊、圖片模塊、下載模塊。可以根據學校網站的需求添加或修改頻道,并且應對頻道進行先后順序排列。頻道添加完成后,動易后臺會自動生成該頻道所對應的子頁面并直接生成導航欄,重新登錄網站就可以直接在首頁看到剛才添加或修改的各頻道,通過點擊,可以鏈接到導航欄目所指向的子頁面。
2.2.3添加欄目。根據學校網站的需求,可在各頻道內添加相應的欄目。如果欄目還有多個一級欄目,或者一級欄目中還有多個二級欄目,在動易后臺管理系統中都可以設置,可以修改、刪除、清空、移動某個欄目在網站中的位置、移動某個欄目在本頻道中的位置等。
2.2.4修改頁面布局。主頁的修改在網站建設中是最繁瑣、最細致的工作。動易網站系統提供的模板相對比較簡單,在實際應用中可能存在一些不足。比如默認模板的布局不合適、裝飾條顏色不搭配、首頁顯示信息的位置不夠、首頁默認的劃分板塊不需要、新添加的信息不在首頁中規定的位置自動調用等,這些修改都需要在后臺管理系統中完成。
登錄后臺管理系統,在“系統設置”中找到“網站通用模板頁管理”,點擊“修改模板”,這時會出現三種修改方式:代碼模式、編輯模式、混合模式。建議選擇代碼模式,將首頁模板代碼復制到Dreamweaver中使用html語言進行修改,從而使修改更加精確。比如某個模板的寬度需要調整,在Dreamweaver設計界面中用鼠標可能很難精確地完成,但通過修改html代碼就很容易。
布局調整好之后,將代碼復制回原位,進入“編輯模式”,所有頻道信息在首頁的調用可在編輯模式下直接完成。在調用的位置上右擊“添加標簽”來選擇對應的標簽,從而以校園網站的需求對頁面進行反復調整修改,不斷完善學校網站主頁。
其他頁面的修改與主頁修改方法一致,唯一的區別是:其他頁面的修改要到對應的頻道管理菜單中找到“模板頁管理”,點擊“修改模板”選項進行修改。