在當今信息時(shí)代,Internet不僅是一個(gè)通信和交流的平臺,同時(shí)也是一個(gè)必不可少的宣傳、展示和交易的平臺,與其他設計工作相比,網(wǎng)站設計具有交互性、多態(tài)性、綜合性、藝術(shù)性等特點(diǎn),一個(gè)網(wǎng)站建設過(guò)程綜合了策劃創(chuàng )意、平面設計、網(wǎng)絡(luò )工程、時(shí)間空間處理等諸多方面,因此,網(wǎng)頁(yè)要做到識別性強、形象品質(zhì)好、設計理念清楚、色彩統一和諧、定位準確,其中最重要的是遵循用戶(hù)第一、主線(xiàn)突出原則。

系統結構設計是對網(wǎng)站的整體規劃,是網(wǎng)站開(kāi)發(fā)的基礎。主要包括界面風(fēng)格設計、導航設計、交互設計。

一、界面風(fēng)格設計

設計網(wǎng)站應主題鮮明,視覺(jué)設計要傳達一定的意圖和要求,要有明確的主題。因此,主題鮮明是網(wǎng)頁(yè)設計的前提,不同的主題應有不同的設計風(fēng)格。不同的設計風(fēng)格,給人以不同的視覺(jué)效果。網(wǎng)頁(yè)設計屬視覺(jué)設計領(lǐng)域,它的最終目的是使網(wǎng)頁(yè)內容清晰、具有條理性,并達到最佳的視覺(jué)效果。其設計不但要單純、簡(jiǎn)練、清晰和準確,而且在強調藝術(shù)性的同時(shí),更應該注重通過(guò)獨特的風(fēng)格和強烈的視覺(jué)沖擊力,來(lái)鮮明的突出設計主題。同時(shí),要使網(wǎng)頁(yè)從形式上給人良好的印象,鮮明的突出主題,可以通過(guò)對網(wǎng)頁(yè)的空間層次、主從關(guān)系、視覺(jué)秩序及彼此間邏輯關(guān)系的把握運用來(lái)實(shí)現。合理布局、調整主次的位置關(guān)系、突出主題,能讓瀏覽者在短時(shí)間內過(guò)目不忘、回味無(wú)窮。

設計網(wǎng)站應內容與形式統一,內容與形式統一是指在進(jìn)行頁(yè)面編排時(shí),形式語(yǔ)言必須符合頁(yè)面的內容,能夠體現內容的豐富含義,實(shí)現內容與形式的有機結合。網(wǎng)頁(yè)形式要具有豐富的表現力,要將一個(gè)無(wú)生命的網(wǎng)頁(yè)予以生命,變成充滿(mǎn)活力的生命體。應用不同的形式,形成不同的造型效果和趣味,有利于創(chuàng )造獨特新穎的頁(yè)面,這些方法包括單純與秩序、對比與調和、對稱(chēng)與平衡、節奏與韻律以及留白。不論采用那種形式的方法,都必須與內容達成一致。

二、 導航設計

導航是引導學(xué)習者學(xué)習的航標,是教學(xué)策略的體現。成功的數字學(xué)習資源應該具有良好有效的學(xué)習導航系統,才能避免學(xué)生因為學(xué)習資源的豐富而在信息中迷失方向、偏離學(xué)習目標,降低學(xué)習效率。因此,在本專(zhuān)題學(xué)習網(wǎng)站設計中,導航策略設計力求目標明確、方法簡(jiǎn)單、內容完整、相互交叉,以便學(xué)習者在瀏覽網(wǎng)站進(jìn)行學(xué)習時(shí),很快在網(wǎng)站內找到、瀏覽到自己需要的資源,方便地應用網(wǎng)站提供的各種資源、方法進(jìn)行學(xué)習和協(xié)作交流。網(wǎng)站建設的導航設計采用了常見(jiàn)的導航條導航、功能面板導航、分頁(yè)面導航三種形式。

導航條在網(wǎng)頁(yè)中被廣泛運用,相對于文本導航,圖像導航條導航更加生動(dòng)、形象。選擇[插入]|[圖像對象]|[導航條]命令,打開(kāi)“插入導航條”對話(huà)框,可以增加、刪除導航條元件,可將選中的導航條元件向上移動(dòng)、向下移動(dòng),可選[修改]|[導航條]命令修改導航條。

而在同一模塊內采用了Spry選項卡式面板導航,Spry選項卡式面板可將多項內容放置于同一區域中,瀏覽者可以通過(guò)單擊面板上需要訪(fǎng)問(wèn)的選項卡來(lái)顯示相應內容,其余內容隱藏,而不需要打開(kāi)單獨的頁(yè)面來(lái)訪(fǎng)問(wèn)相應內容,因此給瀏覽者提供了方便,也節省了網(wǎng)頁(yè)空間。

將插入點(diǎn)定位于網(wǎng)站建設網(wǎng)頁(yè)要插入Spry選項卡式面板的位置,選擇[插入]|[布局對象]|[Spry選項卡式面板]命令,即可在網(wǎng)頁(yè)中插入Spry選項卡式面板。單擊插入Spry選項卡式面板的名稱(chēng),選擇插入Spry選項卡式面板,打開(kāi)屬性檢查器,如圖3所示,在“面板”列表框中可重新設置面板名稱(chēng),在“默認面板”下拉列表框中可以選擇加載時(shí)默認顯示哪個(gè)選項卡及其內容,如果要修改某選項卡的內容,可在屬性檢查器的“面板”列表框中選擇對應的選項卡,然后在編輯窗口的內容區域內添加相應的內容。