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

關鍵詞：交互動畫；網站設計；應用

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

一、交互動畫的網站設計原則

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

二、交互動畫的網站設計思路

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

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

1.引言

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

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

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

3.計算機類專業網站設計的崗位需求及課程建設現狀

3.1計算機類專業的崗位需求

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

關鍵詞：網站；界面設計；視覺傳達；美學元素

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

1視覺傳達

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

2網站界面設計的方法與原則

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

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

關鍵詞：技術集成；網頁設計；一站式

一、網頁設計技術現狀與變革

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

二、網絡通信技術對網頁設計在線編輯的支撐作用

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

三、可視化技術讓網頁設計更便捷、直觀

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

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

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

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

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

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

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

一、系統網絡設計及方案分析

1.網絡設計方案

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

2.系統結構分析

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

3.系統開發環境

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

1動態網頁發展的進程

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

2動態網頁設計的探索

2.1網頁設計原則。

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

2.2網站設計構思。

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

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

關鍵詞：跨境電商；MVC設計模式；相互對接

1引言(Introduction)

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

2系統的需求分析(Systemrequirementsanalysis)

系統需求主要包含功能需求和非功能需求[7]。

2.1功能需求