摘要：當前是信息技術(shù)飛速發(fā)展時期，電子技術(shù)的出現(xiàn)和多媒體技術(shù)的發(fā)展使得交互動畫逐漸發(fā)展為網(wǎng)絡傳播的重要形式。交互動畫在對圖像、聲音和視頻進行整合處理環(huán)節(jié)中，可以用更為多樣化的手段對展現(xiàn)信息的個性化特征，能在感官上對消費者群體實現(xiàn)有效刺激和吸引，對產(chǎn)品營銷有著重要影響。本文將對交互動畫網(wǎng)站的設計進行研究，根據(jù)網(wǎng)站設計的應用情況進行探索，希望對網(wǎng)站設計工作的開展提供有效參考作用。

關(guān)鍵詞：交互動畫；網(wǎng)站設計；應用

作為一種全新交互動畫方式，計算機動畫在目前互聯(lián)網(wǎng)技術(shù)的全面發(fā)展過程中已經(jīng)發(fā)展為了一種全新的網(wǎng)絡信息傳播方式，因此在信息化水平全面提升背景下，其受重視程度不言而喻。交互動畫借助多媒體技術(shù)中的各項技術(shù)形式，可以對聲音和視頻圖片能進行有效整合，這對于推進人與動畫之間的交互性發(fā)展將起到有效影響。基于此，本文就將對交互動畫式網(wǎng)站設計和應用問題進行進一步研究，希望對網(wǎng)站設計專業(yè)工作人員提供更有效的幫助和指導作用。

一、交互動畫的網(wǎng)站設計原則

在當前社會發(fā)展水平全面提升背景下，交互動畫的優(yōu)勢作用也得到了顯著發(fā)展，因此要想在今后網(wǎng)站設計工作中發(fā)揮更顯著優(yōu)勢，就要保證對設計原則的貫徹和堅持，經(jīng)研究發(fā)現(xiàn)，交互動畫網(wǎng)站設計原則集中表現(xiàn)為以下幾點：其一，信息傳達的準確性。其二，以人為本的原則。其三，傳播途徑的適應性。其四，設計中融合藝術(shù)性原則。

二、交互動畫的網(wǎng)站設計思路

本文研究的交互動畫設計以服裝主題網(wǎng)站為基礎。該案例在對網(wǎng)站進行設計的過程中，基于此網(wǎng)站涵蓋較為復雜的產(chǎn)品類型，因此要加強對設計主次的明確，以服裝宣傳效果的提升作為重點研究內(nèi)容和設計方向，將設計內(nèi)容作為工作出發(fā)點。在此環(huán)節(jié)中要對以下三個環(huán)節(jié)進行明確：首先，從網(wǎng)站的整體需求出發(fā)，對網(wǎng)站頁面進行科學規(guī)劃設計。要根據(jù)服裝店鋪的發(fā)展需求、服裝產(chǎn)品類型和搭配原則進行基礎頁面架構(gòu)，突出網(wǎng)站特色，展現(xiàn)該服裝店鋪與眾不同的風格特征。其次，進行單個物品或服飾的展示設計，通過在網(wǎng)站中的真實互動引導和幫助網(wǎng)站瀏覽者對產(chǎn)品進行全面了解。最后，對頁面交互進行動畫設計，包括主頁動畫和各級頁面的設計。

高職院校課程教學的終極目標是促進學生就業(yè)，推動市場經(jīng)濟的可持續(xù)發(fā)展。為此，以計算機類專業(yè)的網(wǎng)站設計類課程的改革，必然要以就業(yè)為導向進行改革與實踐。論文結(jié)合以就業(yè)為導向的計算機類專業(yè)教學改革的必要性，分析了計算機類專業(yè)網(wǎng)站設計的崗位需求及課程建設現(xiàn)狀，認為以就業(yè)為導向的計算機類專業(yè)網(wǎng)站設計課程的改革設計，應有一個明確的改革設計方案，做好課程教學模式的設計和課程教學考核方式的設計，最后針對網(wǎng)站設計課程的改革總結(jié)了三點合理的教學策略，一是積極地開展實踐教學，創(chuàng)新教學方法；二是加強校企合作，為學生提供更多的實踐機會，培養(yǎng)學生的職業(yè)能力；三是注重課程教學評價，提高學生的實踐能力。

1.引言

互聯(lián)網(wǎng)時代下，網(wǎng)站建設與網(wǎng)頁設計成為企業(yè)的第一面孔，也是人們了解企業(yè)的途徑之一。在企業(yè)的規(guī)模化快速發(fā)展下，對網(wǎng)站建設與網(wǎng)頁設計類人才的需求量逐步增加，對人才的要求也越來越高。與此同時，高職院校在為企業(yè)輸送大量網(wǎng)站建設與網(wǎng)頁設計類人才時，必然要從企業(yè)的實際需求與市場發(fā)展動態(tài)出發(fā)，確保培養(yǎng)的人才契合企業(yè)的根本需求。就計算機類專業(yè)的網(wǎng)站設計類課程而言，更應在課程教學改革中融入就業(yè)理念，在就業(yè)導向下完成網(wǎng)站設計類課程的改革與教學。就目前來說，如何在就業(yè)理念下做好計算機類專業(yè)網(wǎng)站設計課程的教學依然是高職院校高度重視的一個焦點。因此，論文對以就業(yè)為導向的計算機類專業(yè)的網(wǎng)站設計進行研究有很大的現(xiàn)實意義。

2.以就業(yè)為導向的計算機類專業(yè)教學改革的必要性

我國網(wǎng)民的數(shù)量持續(xù)增長，且網(wǎng)絡經(jīng)濟有著越來越大的影響力。越來越多的企業(yè)也積極地運用互聯(lián)網(wǎng)技術(shù)融入網(wǎng)絡市場，并建立起專屬網(wǎng)站。在這一條件下，計算機類專業(yè)人才被這些進行網(wǎng)絡建設的企業(yè)所重視，也成為高職院校高度重視的課程教學之一。無論高職院校如何重視計算機類專業(yè)人才的培養(yǎng)，一旦脫離了就業(yè)市場的真正需求，必然無法為企業(yè)輸送真正有價值的計算機類人才（季潤石，王浩，高校考試就業(yè)綜合信息網(wǎng)站的設計與實現(xiàn)：人力資源管理，2018）。這就需要高職院校高度重視計算機類專業(yè)的就業(yè)為導向的教學，通過立足于就業(yè)市場培養(yǎng)計算機類專業(yè)學生的就業(yè)能力，引導學生正視教育環(huán)境與就業(yè)環(huán)境，并在畢業(yè)后可以為企業(yè)的發(fā)展奉獻出自己力量。因此，以就業(yè)為導向的計算機類專業(yè)教學改革是必然，在實際的改革中應注重學生就業(yè)意識的培養(yǎng)、實踐能力的培養(yǎng)、職業(yè)能力的培養(yǎng)。

3.計算機類專業(yè)網(wǎng)站設計的崗位需求及課程建設現(xiàn)狀

3.1計算機類專業(yè)的崗位需求

摘要：文章對高校網(wǎng)站建設中視覺傳達設計的概念、功能、意義等進行具體闡釋，分析界面設計中視覺傳達的審美需求、特征及理念。從網(wǎng)站的設計原則、色彩需求特性、文字版式、框架風格等多角度出發(fā)，探討高校在網(wǎng)站建設中視覺傳達設計具體應用。運用計算機、設計學、美學等方法，解決技術(shù)與藝術(shù)的深度融合，給出網(wǎng)站設計方案，滿足用戶視覺體驗、易操作性個性化需求，探索藝術(shù)與技術(shù)高度結(jié)合的網(wǎng)站建設新模式，為網(wǎng)站設計者的實踐提供可行性參考。

關(guān)鍵詞：網(wǎng)站；界面設計；視覺傳達；美學元素

網(wǎng)站界面的視覺表現(xiàn)力對用戶有著最直觀的影響，也是網(wǎng)站建設成功的關(guān)鍵，用戶的網(wǎng)站訪問體驗與感受亦是通過網(wǎng)站的視覺設計效果進一步表達出來。在網(wǎng)站建設過程中除了展示、易用、傳達信息基本功能外，更要舒適的界面的視覺設計來增加用戶的關(guān)注度，提升用戶吸引力，實現(xiàn)高校教育教學信息與視覺元素的協(xié)調(diào)性、系統(tǒng)性、整體性的有效整合。

1視覺傳達

視覺傳達設計主要利用視覺符號來進行傳達信息，注重審美效果的設計元素以視覺的形式表達出來，網(wǎng)站設計師通過視覺設計傳達思想，從而引發(fā)人的心理效應，用戶通過視覺對設計產(chǎn)生積極反應和印象，繼而更有指向性的來獲取信息[1]。視覺傳達設計在藝術(shù)性氣息較濃厚的網(wǎng)站應用中，要有明確自身定位和內(nèi)容，深化富有學院特色、個性的美學特質(zhì)。網(wǎng)站建設內(nèi)容要明確，定位做到精細化。在設計過程中要始終做到把人的價值放到首位，藝術(shù)性網(wǎng)站瀏覽者用戶，大多是具有知識或藝術(shù)背景的高校教師和學生，對藝術(shù)和美感有著非常高的喜愛和要求，講究網(wǎng)站設計中細節(jié)，注重內(nèi)容表達及色彩展示。

2網(wǎng)站界面設計的方法與原則

網(wǎng)站是依據(jù)特定的規(guī)則，運用Unity3D、HTML、Dreamweaver、Flash、Photoshop等網(wǎng)頁制作工具來創(chuàng)作出展現(xiàn)特定內(nèi)容的網(wǎng)頁集合。網(wǎng)頁界面是人機交互操作，易操作、美觀、體驗感較強的人機界面更加吸引用戶的瀏覽訪問，增強用戶的體驗沉浸感。界面設計（UserInterface）人與系統(tǒng)通過此界面媒介，用戶獲得信息，系統(tǒng)接收、處理、相應信息，充分實現(xiàn)彼此信息的互動[2]。

摘要：隨著通信技術(shù)的發(fā)展，許多數(shù)字化產(chǎn)品的生產(chǎn)方式發(fā)生著巨大的變化。在以往的數(shù)字文化、娛樂產(chǎn)品的設計與制作中，基本采用的是離線的制作方式，因為高清的數(shù)字化產(chǎn)品制作需要硬件設備具有強大的運算能力和圖形渲染能力，加上當時的網(wǎng)絡數(shù)據(jù)傳輸寬度與速度的局限性，在線編輯是不可能完成的。但是離線的制作方式又存在一些弊端，例如：需要多軟件配合，操作相對煩瑣；本地存儲不便于查看、遠程協(xié)作；渲染、輸出、上線效率較低等。針對這樣的問題，經(jīng)過相關(guān)技術(shù)的突破與集成，如今數(shù)字化產(chǎn)品的生產(chǎn)方式已經(jīng)從離線編輯轉(zhuǎn)變升級為完全在線“一站式”設計制作、修改輸出、上線運營的高效生產(chǎn)方式。這得益于通信技術(shù)、數(shù)字化技術(shù)，計算機語言圖形化技術(shù)，數(shù)據(jù)額庫，大數(shù)據(jù)等高端技術(shù)的快速發(fā)展。

關(guān)鍵詞：技術(shù)集成；網(wǎng)頁設計；一站式

一、網(wǎng)頁設計技術(shù)現(xiàn)狀與變革

關(guān)于網(wǎng)頁的設計早期只局限于互聯(lián)網(wǎng)的網(wǎng)頁界面布局、網(wǎng)站版式設計、網(wǎng)頁交互實現(xiàn)等，經(jīng)過通信技術(shù)的發(fā)展與軟件技術(shù)的集成，網(wǎng)頁設計不再是單純的界面設計，設計師通過可視化的集成軟件可以獨立完成網(wǎng)站建設。隨著移動互聯(lián)網(wǎng)的快速發(fā)展和相關(guān)設計軟件的高度集成，網(wǎng)頁設計也包含了對移動互聯(lián)網(wǎng)的網(wǎng)站設計、移動端APP設計、微信公眾號設計、微商城設計、微信小程序設計、H5移動交互設計。為了適應互聯(lián)網(wǎng)資訊的時效性，網(wǎng)頁界面需要不斷更新，網(wǎng)頁設計過程需要高效、便捷，所以在設計的方法理念和軟件技術(shù)上也在不斷優(yōu)化升級，將現(xiàn)有技術(shù)資源整合，開放軟、硬件接口，融合最新數(shù)字化技術(shù)，利用高速網(wǎng)絡通信技術(shù)與數(shù)據(jù)庫大數(shù)據(jù)分析，讓網(wǎng)頁設計變得快速、高效、協(xié)同、便捷。[1]在早期的網(wǎng)站設計中，界面版式與交互設計完成后，交由代碼工程師進行網(wǎng)站框架搭建與界面交互實現(xiàn)，最終上線、運維。這種設計制作方式需要多行業(yè)，多工種協(xié)同工作，成本較高，效率較低，協(xié)同工作時錯誤概率會增大。如今通過計算機語言可視化技術(shù)，將代碼編程的工作簡化，降低代碼編程門檻，讓視覺設計師獨立完成網(wǎng)站設計成為可能。原來網(wǎng)頁設計師工作的中心僅局限于網(wǎng)頁設計版式布局，視覺流程設計，廣告插圖設計，如今設計師完全可以獨立的完成一個網(wǎng)站創(chuàng)建。通過一款軟件將所有互聯(lián)網(wǎng)相關(guān)的設計進行集成，形成互聯(lián)網(wǎng)視覺設計“一站式”服務平臺，并通過5G移動通信技術(shù)、數(shù)據(jù)庫和云存儲技術(shù)，全流程在線完成設計、編輯、協(xié)作、輸出、上線等工作，讓設計過程更加科學、高效、便捷。得益于軟件技術(shù)的進步，網(wǎng)頁的相關(guān)設計不在分為PC端和移動端，雖然兩者的運行系統(tǒng)不一樣，所有的互聯(lián)網(wǎng)設計上從離線轉(zhuǎn)變?yōu)樵诰€，從多軟件協(xié)作轉(zhuǎn)變?yōu)橹煌ㄟ^一款軟件“一站式”設計服務；在設計理念上從單純的信息供給轉(zhuǎn)變?yōu)橐曈X流程引導，從靜態(tài)網(wǎng)站的統(tǒng)一版式轉(zhuǎn)變?yōu)閯討B(tài)網(wǎng)站的專屬定制呈現(xiàn)，可以說網(wǎng)頁設計在技術(shù)上的升級，是多學科的交叉融合，更是技術(shù)集成與創(chuàng)新的成果。網(wǎng)頁設計一站式設計服務關(guān)聯(lián)的技術(shù)主要有：通信技術(shù)、數(shù)字化技術(shù)、計算機語言圖形化技術(shù)、數(shù)據(jù)庫、大數(shù)據(jù)計算、云存儲等。

二、網(wǎng)絡通信技術(shù)對網(wǎng)頁設計在線編輯的支撐作用

對于網(wǎng)頁設計能夠?qū)崿F(xiàn)在線的設計方式，主要得益于通信技術(shù)的發(fā)展，除了有線網(wǎng)絡在光纖網(wǎng)絡通信技術(shù)革新外，最新的“5G技術(shù)”更是在移動互聯(lián)網(wǎng)通信方面取得了劃時代的發(fā)展。5G的性能目標是高數(shù)據(jù)速率、減少延遲、節(jié)省能源、降低成本、提高系統(tǒng)容量和大規(guī)模設備連接。在傳統(tǒng)的網(wǎng)頁設計中，由于網(wǎng)絡通信技術(shù)的限制，無法實現(xiàn)在線設計，更不能隨時隨地的通過移動網(wǎng)絡進行在線設計，因為高清素材的緩存、渲染、輸出，在線編輯、保存等操作時的數(shù)據(jù)交換、存儲都需要極高的帶寬與網(wǎng)速。目前有線網(wǎng)絡的發(fā)展已經(jīng)進入到高速光纖網(wǎng)絡通信的階段，通過有線網(wǎng)絡可以輕松實現(xiàn)在線設計，但是通過移動網(wǎng)絡進行隨時隨地的設計服務、團隊協(xié)作是網(wǎng)頁設計從業(yè)者最為需要的方式。以往的4G、3G、2G技術(shù)無法充分支撐在移動網(wǎng)絡環(huán)境下進行在線設計。5G技術(shù)的到來使數(shù)據(jù)傳輸速率遠遠高于以前的蜂窩網(wǎng)絡，最高可達10Gbit/s，比當前的有線互聯(lián)網(wǎng)要快，比先前的4GLTE蜂窩網(wǎng)絡快100倍。另一個優(yōu)點是較低的網(wǎng)絡延遲（更快的響應時間），低于1毫秒，而4G為30-70毫秒。5G技術(shù)的成功問世，讓各行各業(yè)萬象更新，尤其是給網(wǎng)頁設計行業(yè)帶來了福音，讓設計師隨時隨地通過一個配置并不高的筆記本進行高清素材編輯、保存、輸出成為可能。隨著移動互聯(lián)網(wǎng)的發(fā)展，越來越多的設備接入到移動網(wǎng)絡中，新的服務和應用層出不窮，要提升網(wǎng)絡容量，必須智能高效利用網(wǎng)絡資源，例如針對網(wǎng)頁設計的業(yè)務和用戶的個性需求進行智能優(yōu)化，但這方面的能力不足，未來網(wǎng)絡必然是一個多網(wǎng)并存的異構(gòu)移動網(wǎng)絡，要提升網(wǎng)絡容量，必須解決高效管理各個網(wǎng)絡，簡化互操作，增強用戶體驗的問題，從而能夠更加高效地進行在線網(wǎng)頁設計。

三、可視化技術(shù)讓網(wǎng)頁設計更便捷、直觀

一、心智技能三階段理論對網(wǎng)頁設計心智技能形成的啟示

所謂原型，可以理解為外化的心智活動的實踐模式。本研究認為，網(wǎng)頁設計心智技能的形成同樣要經(jīng)歷上述3個階段。而“原型”作為貫穿心智技能形成的核心，其建構(gòu)意義重大。本文的先期研究在對已經(jīng)具備了網(wǎng)頁設計心智技能的熟手問卷調(diào)查基礎上，利用“心理模擬法”創(chuàng)擬了“網(wǎng)頁設計活動原型”，本研究將討論如何利用該原型展開三階段的培養(yǎng)。對學生而言，網(wǎng)頁設計活動的原型定向往往需要教師的示范和講解，那么教師首先應該使學生明確網(wǎng)頁設計活動原型的結(jié)構(gòu)、各個環(huán)節(jié)的操作原則及必要性并利用腳手架支持的問題來驅(qū)動啟發(fā)學生的主動性和自覺性；然后按照原型正確示范和講解完成某一網(wǎng)站建設任務的完整過程。這里需要強調(diào)的是，教師需要將原型中每一個心智動作詳細展開。原型定向階段的教學，只是網(wǎng)頁設計活動心智技能教學的開端，要使學生真正形成心智技能，還需要 進行實際操作。學生利用上述在定向階段形成的原型，親自從事某一網(wǎng)頁設計活動，將在頭腦中建立起來的活動程序計劃以外顯的方式付諸執(zhí)行。

在這個階段，應該借助腳手架支持問題來驅(qū)動學生利用原型，把構(gòu)成這一活動的所有動作系列，依照一定的順序作出不能遺漏和缺失，教師可以提出以下要求：①要根據(jù)“原型“嚴格遵循動作序列逐一執(zhí)行，及時檢查和矯正動作的執(zhí)行情況；②學生在實踐模式的每個環(huán)節(jié)提交一些階段性材料或者記錄一些完成過程來保證是按照實踐模式的步驟完成任務的；③建議學生將動作執(zhí)行和言語相結(jié)合，邊說邊做。網(wǎng)頁設計心智技能的原型內(nèi)化階段是將上述實踐模式向頭腦內(nèi)部轉(zhuǎn)化的過程，表現(xiàn)為學生從事網(wǎng)站建設任務時可以離開實踐模式，借助語言指導來完成。學生只有在多種不同的實踐條件下反復進行網(wǎng)站建設的具體活動，才能不斷從原型中抽取本質(zhì)的東西，最后形成普遍適用于不同實踐條件的原型（心智技能），只有到這一步心智技能才算真正形成。

二、一個充分體現(xiàn)心智技能三階段理論的PBLEs設計

在網(wǎng)頁心智技能培養(yǎng)三階段理論的指導下，學習環(huán)境設計比較合理的安排是：首先依托一個充分體現(xiàn)原型的范例講解和操作，完成活動原型中蘊含的相關(guān)知識和操作流程的講解，初步形成“原型定向”。這一階段教師應該關(guān)注腳手架支持的問題設計。然后，實施基于項目的學習，指導學生利用課后時間自主完成幾項網(wǎng)站建設的綜合任務，將原型進行操作和內(nèi)化，最終使學生具備網(wǎng)頁設計心智技能。下面就從“原型定向”階段PBLEs設計最關(guān)注的腳手架支持問題展開敘述。在“原型定向”階段，教師需要提取“網(wǎng)頁設計活動基本原型”中的4個核心環(huán)節(jié)，然后把這4個核心環(huán)節(jié)中蘊含的相關(guān)知識和操作流程設計成腳手架支持的問題，繼而通過教師逐步示范和講解一系列問題的解決過程，完成網(wǎng)頁設計活動的定向。

例如，附件網(wǎng)頁設計活動原型定向階段PBLEs設計方案中，對應“網(wǎng)站方案設計環(huán)節(jié)”的學習內(nèi)容，將其轉(zhuǎn)化成9個具體的腳手架問題。它們分別對應網(wǎng)站建設過程中“需求分析”、“系統(tǒng)分析”、“風格設計”、“UI版面初步布局”、“色彩定位”及“網(wǎng)站建設日程規(guī)劃”等重要學習內(nèi)容。這些腳手架支持的問題是以完成“網(wǎng)站方案設計”這一環(huán)節(jié)為驅(qū)動力而提出的，將引發(fā)和維持學生在該學習階段中的學習興趣和動機，引導他們帶著明確的問題與目標，模仿教師的示范行為，開展真實的問題解決過程。在腳手架支持的問題設計方面，教師需要依據(jù)學生能力臨近發(fā)展水平，問題難度要居于該臨近發(fā)展區(qū)內(nèi)，這樣學生就可以調(diào)動己有的網(wǎng)頁設計基礎知識及操作技能等認知經(jīng)驗來解決當前面臨的腳手架問題。

網(wǎng)頁設計活動是一個漸進過程，腳手架支持的問題是依照這個漸進過程的發(fā)展順序提出的，難度一般是逐級升高。因此，在設計這些腳手架支持的問題時，還需要注意合理安排難點和重點、考慮子任務的大小、所需知識技能含量、相關(guān)影響因素等多個方面。根據(jù)問題的難度，我們提供了支持指導、相關(guān)案例、輔助資料等，并創(chuàng)設必要的實踐條件，使問題解決具有操作性。這一階段，還要求教師關(guān)注各個問題解決的策略選擇和轉(zhuǎn)換的講解、示范及獨立、協(xié)作及競爭等組織策略的合理運用。而學生則以教師演示的優(yōu)秀范例為榜樣，利用大量的相關(guān)案例、信息資源、認知工具、協(xié)作工具及境脈等展開原型的定向?qū)W習。事實上，教師演示如何根據(jù)客戶要求完成網(wǎng)站建設任務的過程就充分體現(xiàn)了網(wǎng)頁設計活動原型的范例，這將給予學生解決問題的邏輯結(jié)構(gòu)和方法過程，它包含了一種內(nèi)在的邏輯，為學生提供了支架，通過對范例的學習，學生可以模仿其中的路徑和方法，從而完成原型的定向。

一、系統(tǒng)網(wǎng)絡設計及方案分析

1.網(wǎng)絡設計方案

礦山安全管理信息系統(tǒng)網(wǎng)絡設計主要包括兩大部分，企業(yè)總部及分部設計方案。總部設計：由于互聯(lián)網(wǎng)訪問要求多對一，總部所有數(shù)據(jù)都存儲于內(nèi)部服務器中，其他工作站利用網(wǎng)線同web及數(shù)據(jù)庫服務器相互連接，形成局域網(wǎng)。外部機構(gòu)利用遠程撥號形式進入web服務器，客戶端利用局域網(wǎng)即可實現(xiàn)所需數(shù)據(jù)的查詢、統(tǒng)計與審核；分部設計：各分部進行工作站軟件的安裝，利用局域網(wǎng)或撥號方式對數(shù)據(jù)進行交換，并傳送到總部服務器中，可利用瀏覽器對總部web、數(shù)據(jù)庫等進行訪問，從而順利進行數(shù)據(jù)的統(tǒng)計、查詢及錄入，解決了重復性操作等問題。

2.系統(tǒng)結(jié)構(gòu)分析

本系統(tǒng)采用的是B/S結(jié)構(gòu)模式，如圖1所示。該模式集瀏覽器、web及信息服務等技術(shù)于一體，可利用一個瀏覽器對多個平臺的服務器進行訪問。較C/S模式而言，B/S結(jié)構(gòu)共三層，包括客戶機、服務器和Web服務器。客戶端將請求發(fā)送出去，Web服務器從數(shù)據(jù)庫中提取數(shù)據(jù)，并進行計算，然后將結(jié)果反饋給客戶端，用戶利用瀏覽器可對結(jié)果進行查詢。在B/S模式中，服務器負責各個應用軟件的升級、開發(fā)及維護。

3.系統(tǒng)開發(fā)環(huán)境

首先，本系統(tǒng)編程語言采用的是Java語言，這是由于該語言跨平臺性能良好，無論采用何種類型的計算機、操作系統(tǒng)及瀏覽器，就能利用Java對網(wǎng)絡主頁進行制作，并實現(xiàn)了同Java之間良好的交互性；其次，系統(tǒng)數(shù)據(jù)庫采用的是MySQL，這是多數(shù)企業(yè)網(wǎng)站設計的首選，其不僅系統(tǒng)簡單、安裝方便、操作輕松，而且擁有良好的穩(wěn)定性。因此，本文最終選擇了Java+MySQL作為系統(tǒng)的開發(fā)環(huán)境。

1動態(tài)網(wǎng)頁發(fā)展的進程

近年來，動態(tài)網(wǎng)頁的發(fā)展的進程取得了很大進步，動態(tài)網(wǎng)頁不同于靜態(tài)網(wǎng)頁，動態(tài)網(wǎng)頁可以說是一種技術(shù)含量較高的網(wǎng)頁編程技術(shù)。對于靜態(tài)網(wǎng)頁來說，其顯示的效果與相關(guān)的內(nèi)容較長時間內(nèi)不會發(fā)生變化，但是對于動態(tài)網(wǎng)頁來說，就可以通過一些頁面的代碼不同，而使頁面的相關(guān)內(nèi)容由于環(huán)境、時間或者是相關(guān)數(shù)據(jù)庫的改變進而實現(xiàn)變化，在動態(tài)網(wǎng)頁早期的時候，大部分使用的是網(wǎng)關(guān)接口技術(shù)來實現(xiàn)的，然而在進行編程的過程中出現(xiàn)了較多問題，如編程的效率低、技術(shù)難以實現(xiàn)以及修改過程復雜，正因如此早期動態(tài)網(wǎng)頁技術(shù)在逐漸的被新技術(shù)所取代。與此同時，新技術(shù)的不斷完善使得動態(tài)網(wǎng)頁設計以及表現(xiàn)形式更加靈活。動態(tài)網(wǎng)頁的設計在通常情況下是按照由上到下的原則而實現(xiàn)的，先從較高層的頁面一級一級的向下進行訪問頁面的相關(guān)內(nèi)容，但是要求是在不同的文件中要放置不同的頁面相關(guān)內(nèi)容。正常情況下，上述的情況由靜態(tài)頁面是不能實現(xiàn)的，而且對于用戶來說是非常不方便的。在動態(tài)頁面上的顯示的文件大都為原頁面文件，所以一定要使用遞歸調(diào)用的方法。另外一方面，對于數(shù)據(jù)庫的訪問結(jié)果要進行處理。根據(jù)用戶給定的條件，在進行數(shù)據(jù)庫的檢索過程中需要將結(jié)果反饋給相關(guān)用戶，這是用戶通過輸入條件的不同，進而獲取不一樣的檢索效果。

2動態(tài)網(wǎng)頁設計的探索

2.1網(wǎng)頁設計原則。

計算機動態(tài)網(wǎng)頁設計主要目的是有效抓住用戶的相關(guān)需求，進而能夠給相關(guān)的企業(yè)帶來最大的經(jīng)濟效益。因此在進行網(wǎng)頁設計的過程中，需要遵循一定的設計原則：首先，網(wǎng)頁的設計要有好的對比度，而且還要具有一致性，收到簡潔明了的效果，表達出網(wǎng)站的主題內(nèi)容。一致性主要表現(xiàn)在相關(guān)網(wǎng)頁的風格與色彩的布局上。在對比度上，好的對比度主要體現(xiàn)在網(wǎng)站的內(nèi)容上一定要有重點。只有做到這個原則才能夠制作出非常優(yōu)秀的網(wǎng)站。

2.2網(wǎng)站設計構(gòu)思。

對于網(wǎng)頁設計之前，首先，需要進行的工作是構(gòu)思。對于設計者構(gòu)思設計方案，首先要明確網(wǎng)站的主題內(nèi)容，比如對于一個相關(guān)的論壇，可以有不同的主題，如以愛好、學習技術(shù)為主題，擬定了主題之后再確定網(wǎng)站的主要內(nèi)容。其次，要確定網(wǎng)站上目錄的鏈接，為了突出其重要性，要將目錄放在最為突出的地方，還要協(xié)調(diào)其他內(nèi)容，放在較為合理的位置。最后，對于動態(tài)網(wǎng)頁最重要的就是要明確在網(wǎng)頁上的主要圖片，對于主要圖片需要根據(jù)動態(tài)網(wǎng)頁的主題來選擇，而且要能夠突出網(wǎng)站的主題。依次根據(jù)以上的三個步驟，其主要的風格基本得到確定，另外如果有特殊需要，可以進行一些相關(guān)的調(diào)整，增加或減少一些內(nèi)容等。

摘要：通過跨境電商網(wǎng)站和一般電子商務網(wǎng)站的比較，本文研究設計了跨境電商網(wǎng)站系統(tǒng)，主要包含商品管理、內(nèi)容管理、訂單管理、用戶管理、物流管理、支付管理、統(tǒng)計分析、商品搜索、用戶購物等功能。系統(tǒng)以springmvc+spring+mybatis作為開發(fā)框架，使用MySQL5.7數(shù)據(jù)庫、Tomcat7.0服務器、redis緩存技術(shù)，實現(xiàn)用戶與商家相互對接，為跨境購物平臺設計開發(fā)提供了原型參考。

關(guān)鍵詞：跨境電商；MVC設計模式；相互對接

1引言(Introduction)

隨著電子商務的發(fā)展。越來越多的人開始網(wǎng)絡購物，從境內(nèi)拓展到境外，通過海淘等購買到國外商品[1,2]。想要進行很好的跨境交易，需要滿足兩個條件，一個是物流體系，一個是通信平臺[3,4]。在互聯(lián)網(wǎng)之前，就算現(xiàn)在這樣快捷的物流體系，也很難做到，畢竟信息數(shù)據(jù)的交互很難，很難溝通，而互聯(lián)網(wǎng)使得交互變得更通暢，使跨境電商變得可能[5,6]。對此本文研究和設計跨境電商網(wǎng)站系統(tǒng)，為跨境交易提供便利服務。

2系統(tǒng)的需求分析(Systemrequirementsanalysis)

系統(tǒng)需求主要包含功能需求和非功能需求[7]。

2.1功能需求