時間：2022-02-05 21:34:21
序論：在您撰寫商務網站設計時，參考他人的優秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發您的創作熱情，引導您走向新的創作高度。
一、電子商務網站系統分析與設計
電子商務網站既要處理企業對企業之間、企業同消費者之間大量復雜而零散的數據和信息,又要保證數據和信息傳輸的安全性,因此與普通的網站相比在數據處理和傳輸方面要求更高,流程也更加復雜。因此,我們必須要使系統滿足以下原則:
(1)系統的可靠性:系統的數據對企業是至關重要的,在任何情況下保證數據的完整性、正確性和可恢復性是網站設計的前提;
(2)系統的安全性:網絡給我們帶來便利的同時也帶給我們更多的煩惱,黑客和病毒的侵襲隨時會對系統產生致命的破壞,因此網站設計時必須采取足夠的措施,保證系統的安全;
(3)系統的經濟性與可擴展性:高性價比是一個網站的重要指標,設計網站時要處理好系統的整體優化與重復建設的矛盾,保證系統的可擴展性。隨著信息量的增加和應用功能的擴充,系統的軟硬件也必須逐步擴展,要確保系統對升級換代的適應能力;
(4)系統的開放性:電子商務網站只是企業整個商務體系中的一部分,它可能是企業的第一個系統,但決不應該是最后的一個。因此,它必須設計成支持開放性、符合相關技術標準的系統,使其能與原有系統協調工作,并與將來新建系統相互兼容;個性化是目前電子商務軟件開發的焦點。雅虎讓用戶自己設定個人首頁。亞馬遜網站可以向購買同一本書的客戶推薦別人同時還購買了其它什么樣的書籍。戴爾網站使用成熟的分析軟件,通過不同渠道收集的數據來預測客戶行為和偏好。一家網上銷售自行車的網站使用相應的軟件給相似的用戶來提供建議,推薦符合個人口味的自行車。研究表明,具有個性化服務的網站比沒有此項功能的網站可以更有效地增加銷售額。目前對商家來說最大的挑戰是如何決定個性化的內容。滿足了上面的這些原則,就要具體來設計它了,對于網頁的設計我想大家應該是比較熟悉了,但是電子商務網站設計起來可不是那么的簡單,我們現在來看看它的設計步驟和設計原則:
(1)確定網站的主題和風格:這個幾乎是所有在制作網站前都必須要做的事情。網站主頁的風格是瀏覽者對整個網站的普遍的感覺,是主頁的版式、色調及圖文組合的高度抽象。而網站的創意則是在設計之前對內容的選擇和表現形式運用的思考,力求個性的發揮,可以反映出制作者的水平。
(2)網站功能模塊的規劃:一個網站設計得成功與否,很大程度上決定于設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。
(3)制作軟件的選取:現在用的比較多的就是網頁三劍客了,這套軟件用起來還是非常的方便的,分別是Dreamweaver、Flash和Fire-works,當然他們的版本都是8.0的,制作的過程可能還會用到其他的一些輔助軟件,如Photoshop等。
二、電子商務網站設計中需要注意的問題
1、交易的信用問題。當前,從事電子商務的網站很多,淘寶、易趣等等。各個電子商務交易平臺均有自己的信用體制,無非就是:中介模式、網站模式、擔保模式和委托模式。以淘寶和易趣為例,如果使用現金通過郵局匯款或者使用銀行轉帳的方式進行交易,因為交易都是先款后貨,所以極有可能商品到手后感覺與網站上描述的多少有區別,更多的時被騙的感覺。這也是電子商務步履蹣跚發展緩慢的主要原因之一。如何更好的確保交易雙方滿意交易逐漸成為人們關注的問題。以淘寶和易趣為例,淘寶網可以使用支付寶進行交易,易趣可以使用安付通交易。交易時,貨款先支付在支付寶或安付通,收貨滿意后才從支付寶或安付通付錢給賣家,不必跑郵局、銀行匯款以及網上在線支付,方便簡單,極大程度上提高了交易雙方的信用問題,應該可以保證雙方的交易。但是,假如你買30元的物品,郵資15元,貨到后發現破損或者其它問題不滿意,以致退換,郵資又15,恐怕加起所有的錢可以在本地買到新的商品了,不是一手錢一手貨就沒有了交易的感覺。其實,除了使用類似支付寶、安付通等來提高交易雙方的信用問題以外,仍然需要交易雙方都能保持一個平和、寬容的心態來對待交易。
2、交易的安全問題。短信陷阱、短信詐騙、假銀行、后門程序、黑客木馬、注入漏洞等不良影響的出現,嚴重影響了交易的安全性。在淘寶、易趣網站上經過很簡單的查詢,你會發現有很多的商品(新)比現在的商場或網上報價低幾成,其的網站也煞有其事,查詢ip地址所在地:福建泉州居多。這不得不使人聯想到短信詐騙和網上詐騙的案件。如果使用郵局匯款怕早晚石沉大海,而假銀行的出現、黑客木馬也使得銀行轉帳極有可能落得雙手空空。而電子商務網站的目的只有一個,就是盈利、盈利還是盈利,只要完成交易就可從中“漁利”,往往忽視了對賣買雙方信息真實性的核實。雖然,支付寶和安付通在極大程度上能夠提高交易雙方的信用,提高交易的安全性,但針對交易雙方提供的信息的真實性以及交易的滿意程度還缺乏一整套科學、規范、成熟的監管機制,因此而產生的經濟糾紛可想而知會多么漫長。
三、網站風格和創意設計
網站的整體風格及其創意設計是人們最希望掌握,也是最難以掌握的。其難點在于沒有一個固定的模式可以參照和模仿。如果要設計和普通網站有區別的站點,則必須要研究網站的整體風格及其創意設計。風格(Style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受;風格是獨特的,是一個站點不同于其他網站的地方,或者色彩、或者技術、或者交互性;風格是有人性的,通過網站的外表、內容、文字和交流,可以概括一個網站的個性,情緒。設計網站的整體風格可以采用下列做法:將你的標志Logo盡可能出現在每個頁面上;突出你的標準色彩;突出你的標準字體;使用明朗上口的宣傳標語;創建一個站點的特有的符號或圖標等。創意(Idea)是網站生存的關鍵,作為網站設計人員,一定要有好的創意來源。創意是傳達信息的一種特別方式,它是思考的結果,也是現有要素的重新組合。比如,IP電話、在線書店、電子社區、在線拍賣等。
參考文獻:
[1]陸永禎、孫云龍.用ASP和SQL Server 2000實現網站管理[J].鞍山鋼鐵學院學報,2002,25(3):197-199.
1．引言：目前動態網站設計技術主要有：利用Perl/C++/Delphi等開發的CGI,兩種有名的API-ISAPI/NSAPI,還有ColdFusion，以及最近幾年流行起來的3p技術-ASP，PHP，JSP（據Internet上有關網站統計約有近百種）；ASP-AtiveServerPage，由微軟公司開發，是一個WEB服務器端的開發環境，主要采用腳本語言VBScript（或javascript/perl等）作為自己的開發語言，可用ODBC或直接驅動法訪問Window平臺的數據庫。PHP-PersonServerPage，是由Rasmus個人創立的一種跨平臺的服務器端的嵌入式腳本語言.它大量地借用C,Java和Perl語言的語法,并耦合PHP自己的特性,.是一種很有個性的網站開發語言，它支持目前絕大多數數據庫。JSP-JavaServerPage，是Sun公司推出的新一代站點開發語言，Sun公司除Java應用程序和JavaApplet之外，又創立了JSP，其可以在Serverlet和JavaBean的支持下，完成功能強大的站點程序開發，特別是有許多訪問數據庫的方法。在電子商務平臺設計中，主要需要解決"網站結構的設計"，"注冊界面"，"交易界面"，"后臺數據庫"，以及"配套模塊"諸如購物/用戶/論壇/反饋/搜索/會話等設計；考慮篇幅，本文只給出統一的前臺界面及后臺數據庫的3p設計方法；可以說ASP，PHP，JSP與網絡數據庫的操作是電子商務網站平臺設計的堅強基石。
2．構建三種設計技術的運行環境
2.1構建ASP的運行環境：NT5.0Server,IIS5.0,ASP3.0。安裝Windows2000Server(NT5.0Server)時選擇IIS5.0有關選項。安裝完后ASP3.0便內嵌于IIS5.0中。測試ASP:啟動瀏覽器，在地址欄處輸127.0.0.1:80/default.asp,若瀏覽到IIS服務器的ASP歡迎頁面，說明安裝成功
2.2構建PHP4的運行環境：NT5.0Server,Apache1.3.12php4.0安裝支持PHP的web服務器Apache1.3.12，將Apache服務器壓縮文件解壓縮，根據提示進行整個安裝過程,自己選擇安裝到目錄d:\apache下。安裝PHP4，將PHP4壓縮文件解壓縮到d:\php4即可，同時將其中的php.ini-dist文件拷貝到winnt目錄中，將文件更名為php.ini,打開該文件將其中extension_dir設置為：d:/php4,并加載擴展模塊：將文件中含有;extention=*.dll的各項前面的";"號去掉即可；修改設置Aphache服務器，用文本編輯器編輯目錄d：\aphache目錄下的子目錄conf下名為httpd.conf的文本文件，首先將"#ServerName*"這一行下加入"ServerName127.0.0.1/";，其次將"Port80"改為"Port81(或其他與IIS5.0不沖突的端口)",再其次設置更改Apache虛擬目錄,將"Documentroot"d:/Apache/htdocs""改為Documentroot"d:/trade"(該目錄即是電子商務網站目錄，可用任意方法建立目錄trade)，最后加入支持php4的如下語句：ScriptAlias/php4/"d:/php4/"AddTypeapplication/x-httpd-php.phpAddTypeapplication/x-httpd-php.phtmlActionapplication/x-httpd-php4"/php4/php.exe";測試php：完成上述步驟后，在d:\trade目錄下，用如何文本編輯器,生成擴展名為.php(或phtml)的文件test.php,在文件中輸入如下php代碼,存盤后，啟動Apache,接著你在瀏覽器中輸入127.0.0.1：81/test.php，若看到php的版本和擴展模塊等信息，說明環境安裝設置成功。
2.3構建JSP的運行環境：NT5.0Server,Resin1.13,jdk1.3安裝Java編譯器jdk1.3：運行jdk1_3-win.exe，按照提示完成安裝即可,將其安裝在d:\java1.3目錄,也可安裝在其他目錄。設置系統環境參數：控制面板/系統/環境頁中選擇path參數加入d:\jdk1.3\bin;增加新的環境參數classpath=d:\jdk1.3\lib\tools.jar;d:\jdk1.3\lib\dt.jar;，然后重新啟動計算機即可安裝支持JSP的web服務器Resin1.1.3,將RESIN-1.1.3.zip釋放為d:\Resin1.1.3即可。配置服務器端口,打開d:/resin1.1.3/conf/目錄下的resin.conf文件在
8080
標簽處將端口設置為82(在我的NT5.0上裝有三個服務器,這樣三個服務器的端口分別為IIS:80;Apache:81;Resin:82其實也可設置為其他互不沖突的端口號).測試JSP：啟動Resin服務器，啟動瀏覽器，在地址欄處輸127.0.0.1:82/,若瀏覽到Resin服務器的JSP歡迎頁面，說明安裝成功
3生成三種格式的動態表單頁面為了通用,這里采用可能用到的表單對象為例，至于下面設計具體數據表用到的字段，只要轉成給出的表單域相應對象即可.
3.1用ASP動態生成與數據庫進行數據交流的操作表單：form.asp：生成表單域頭：生成普通文本：生成密碼文本：生成滾動文本：生成單選：生成復選：生成列表框：生成提交按鈕生成重填按鈕生成表單域尾
3.2用PHP動態生成與數據庫進行數據交流的操作表單：form.php生成表單域頭："?>生成普通文本："?>生成密碼文本："?>生成滾動文本："?>生成單選："?>生成復選："?>生成列表框：網絡數據庫Asp技術Php技術Jsp技術網站設計"?>生成提交按鈕"?>生成重填按鈕"?>生成表單域尾"?>
3.3用JSP動態生成與數據庫進行數據交流的操作表單form.jsp生成表單域頭：生成普通文本：生成密碼文本：生成滾動文本：生成單選：生成復選：生成列表框：生成提交按鈕生成重填按鈕生成表單域尾
4設計用于存儲商務網站交互數據的MySql數據庫
4.1啟動MySql數據庫服務器(MySql的安裝及ODBC驅動程序的安裝與設置請參閱相關書籍)可在NT5.0下用啟動服務法/NET命令法/命令窗口鍵入MySqld-shareware法，啟動MySql數據庫服務器，啟動數據庫服務器后，在d:\mysql\bin>提示符下鍵入mysql-h127.0.0.1-uroot即可出現mysql>提示符，從這開始即可進行對MySql數據庫的各種操作。若要退出可鍵入quit/exit,若要關閉數據庫服務器，可在d:\mysql\bin>提示符下鍵mysqladmin-urootshutdown4.2建立MySql數據庫在MySql數據庫的提示符mysql>鍵入Createdatabasetradedb;(或go)
4.2.建立MySql數據庫表這里以商務網站中常用的幾種數據表為例，主要用到的數據表和生成數據表的SQL代碼如下：（這里的數據表字段只要分別對應上述表單域對象即可實際操作,數據表統一用tablename表示）客戶登錄管理數據表CREATETABLEusers(IDintnotnullauto_increment,UserNamevarchar(30)notnull,Passwordvarchar(20)notnull)客戶信息數據表CREATETABLEusermessage(UserNamevarchar(30)notnull,Emailvarchar(80)notnull,Addressvarchar(120)notnull,Faxvarchar(40)null,Phonevarchar(40)notnull,Cerreycardvarchar(50)notnull)客戶定購商品數據表CREATETABLEcatalog(ProductIdintnotnull,Namevarchar(64)notnull,Pricefloat(6,2)notnull,Description;textnull)
5設計處理表單數據的3p程序
5.1設計處理表單數據的ASP程序form_cl.asp建立與數據庫的連接：這里采用直接驅動法Setconn=Server.CreateObject("ADODB.Connection")；conn.open"driver={MySQL};server=localhost;uid=user;pwd=xxxxxx;database=tradedb"獲取表單提交的數據：data1=request("ptwbk")；data2=request("mmwbk")；data3=request("gdwbk")data4=request("dxk")；data5=request("fxk")；data6=request("lbk")用SQL語句對數據庫進行操作查詢數據記錄：sql="select*fromtablename"；setrs=conn.execute(sql)"增加數據記錄：sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''data1'''',''''data2'''',''''data3'''',''''data4'''',''''data5'''',''''data5'''')"；setrs=conn.execute(sql)更改某條數據記錄：sql="updatetablenamesetdata1="request(ptwbk)",whereID="num"；setrs=conn.execute(sql)刪除某條數據記錄：sql="deletefromtablenamewhereID="num"；setrs=conn.execute(sql)將SQL語句處理的數據結果輸出Response.Write"
"Response.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Name&""NextResponse.Write"
"WhileNotrs.EOFResponse.Write""Fori=0tors.Fields.Count-1Response.WRITE""&rs.Fields(i).Value&""NextResponse.Write"
"rs.MoveNextWendResponse.Write"
"關閉數據庫：rs.close；conn.Close
5.2設計處理表單數據的PHP程序form_cl.php建立與數據庫的連接：這里采用PHP的MySql函數法（也可用ODBC函數法）$conn=odbc_connect("localhost","user","xxxxxx");選擇數據庫:mysql_select_db("tradedb","$conn");獲去表單提交的數據：$data1=$ptwbk;$data2=$mmwbk;$data3=$gdwbk;$data4=$dxk;$data5=$fxk;$data6=$lbk;用SQL語句對數據庫進行操作查詢數據記錄：$sql="select*fromtablename"；$result=odbc_do($conn,$sql);增加數據記錄：$sql="insertintotablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk)values(''''$data1'''',''''$data2'''',''''$data3'''',''''$data4'''',''''$data5'''',''''$data6'''')";$result=odbc_do($conn,$sql);更改某條數據記錄：$sql="updatetablenameset$data1=ptwbkwhereID=num"$result=odbc_do($conn,$sql);刪除某條數據記錄:$sql="deletefromtablenamewhereID=num";$result=odbc_do($conn,$sql);將SQL語句處理的數據結果輸出odbc_result_all($result,"border=1");關閉數據庫：odbc_close($conn);
5.3設計處理表單數據的JSP程序form_cl.jsp建立與數據庫的連接：這里采用JDBC-ODBC橋生成JavaBean法創建一個JavaBean命名為conndb.java,并保存在d:/resin1.1.3/doc/web-inf/classes/trade目錄下,代碼如下：(限于篇幅這里沒按標準書寫,而采用不換行寫法,其他類同)packagetrade;importjava.sql.*;publicclassconndb{Stringurl="jdbc:inetdae:localhost";Stringlogin="user";Stringpassword="xxxxxx";StringsDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";StringsConnStr="jdbc:odbc:Dsnmysql";Connectionconn=null;ResultSetrs=null;publicconndb(){try{Class.forName(sDBDriver);Connectionconn=DriverManager.getConnection(url,login,password);}catch(java.lang.ClassNotFoundExceptione){System.err.println("conndb():"+e.getMessage());}}Public/ResultSet/executeQuery(String/sql)/{rs=null;try{conn=DriverManager.getConnection(sConnStr);Statementstmt=conn.createStatement();rs=stmt.executeQuery(sql);}catch(SQLExceptionex){System.err.println("aq.executeQuery:"+ex.getMessage());}returnrs;}}然后用javac編譯conndb.java生成與其同目錄的conndb.class文件，在form_cl.jsp文件中加入如下標簽即可建立與數據庫的連接獲去表單提交的數據：Stringdata1=request.getParameter("ptwbk");Stringdata2=request.getParameter("mmwbk")Stringdata3=request.getParameter("gdwbk")Stringdata4=request.getParameter("dxk")Stringdata5=request.getParameter("fxk")Stringdata5=request.getParameter("lbk")語句對數據庫進行操作查詢數據記錄：Stringsql="select*fromtablename";connbean.executeQuery(sql);增加數據記錄：Stringsql="insertintotablenamevalues(''''"+data1+"'''',''''"+data2+"'''',''''"+data3+"'''',''''"+data4+"''''+"'''',''''"+data5+"'''',''''"+data6+''''")";connbean.executeQuery(sql);更改某條數據記錄：Stringsql="updatetablenamesetdata1=''''"+ptwbk+"'''',data2=''''"+mmvbk+"'''',data3=''''"+gdwbk+"''''whereID=''''"+num+"''''";connbean.executeQuery(sql)刪除某條數據記錄:Stringsql="deletefromtablenamewhereID=''''"+num+"''''";connbean.executeQuery(sql);;將SQL語句處理的數據結果輸出ResultSetrs=connbean.executeQuery(sql);While(rs.next()){out.print("
"+rs.getString("ptwbk")+"
");out.print("
"+rs.getString("mmvbk")+"
");out.print("
"+rs.getString("gdwbk")+"
");out.print("
"+rs.getString("dxk")+"
");out.print("
"+rs.getString("fxk")+"
");out.print("
"+rs.getString("lbk")+"
");}關閉數據庫：rs.close();
6三種電子商務網站設計技術綜述
6.1主要特性：可見下表設計技術運行平臺服務器開發程序擴展組件ASPWindows系列IISVbscript/Jscript/PerlActiveXPHPUnix系列,Novell,WindowsApache等許多服務器phpFunctionJSPUnix系列,Novell,WindowsResin等許多服務器JavaJavaBean
6.2連接數據庫的方法：通過上述操作可看出，本文采用了三種操作MySql數據庫的方法,Asp采用直接驅動法,Php采用MySql函數法,Jsp采用JDBC-ODBC/JavaBean法
6.3網站結構設計考慮篇幅,本文只給出了Widows平臺上,電子商務網站設計中的主要環節的代碼設計,對于Linux平臺、網站結構、各個功能模塊設計等論題,作者已經有兩篇這方面的論文在核心刊物上待發表,這里不便公開.
關鍵詞：電子商務多媒體技術藝術設計
計算機多媒體技術指計算機交互綜合處理文本、圖形、圖像、聲音、視頻等多種媒體信息，使多種信息建立邏輯聯系，集成為一個具體有交互性的系統。企業通過建立電子商務網站，實現“企業——個人”、“企業——企業”、“企業——政府”的快速信息交流，達到宣傳企業、樹立企業良好形象的目的。中國網民人數量近億，企業為了爭奪這個潛力巨大的市場，為了吸引網民的眼球，在商務網站中運用了大量多媒體技術。利用多媒體技術可以制作生動、有趣的網頁，使得Internet上的瀏覽者會一再光臨您的網站而留連忘返。到目前為止，在Internet上所能使用的多媒體可以說越來越廣泛，從簡單的GIF動畫，3DVRML動畫，廣播站到電影文件幾乎都可搬上Internet。網頁設計的趨勢越來越接近于一門藝術而不僅僅是一項技術。網頁的藝術設計是藝術與技術的高度統一，正日益被網站建設者所注重。
1.視覺媒體。視覺媒體包括文字、圖形、圖片等，它是構成網頁的基本元素。由于受到計算機屏幕尺寸的限制，文字與圖片的布局要做到清晰明確、有主次。通過相應的編輯與制作軟件可以使這些元素有機的結合，在多媒體中使用文本信息，其表述要精確、簡潔、有力，過長的文字會使人失去閱讀興趣；對于簡單圖像，盡可能用矢量圖形，其占用空間小。主要用于線型的圖畫、美術字、統計表的制作。對于色彩豐富包含復雜細節的繪畫則使用位圖文件。
2.聽覺媒體。與網站主題相呼應的清新、悅耳的音樂，可心提高瀏覽者的觀看興趣，延長其在網站的停留時間，從而使更多的網站信息輸送給網民。目前網上流行的音頻文件主有MID、WAV、RM、MP3等格式。以前必須先將這段音樂或電影下載回本地機器，然后使用相應的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流（stream）技術出現以后，網頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂增強了頁面傳播信息的表現力和感染力。
3.視聽媒體。數字化的視頻信息有利于存儲、重放、特殊處理及高速傳輸，在多媒體信息中，它是最新和最有魅力的一種。網上流行的視頻文件主有FLASH、VMW、ASF、RM、AVI、MPG等格式。
4.交互媒體。在Web環境下，人們不再是一個傳統媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和之中。利用ActiveXControl、VBScript、JAVA、FLSH等技術，網頁設計人員根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。
二、運用多媒體技術提高網頁藝術性
網頁藝術設計包含視聽元素與版式設計兩項內容；以主題鮮明、形式與內容相統
一、強調整體為設計原則；多媒體具有交互性與持續性、多維性、綜合性、版式的不可控性、藝術與技術結合的緊密性五個特點。由于多媒體自身的互動性、娛樂性，有創意的設計，自然會吸引瀏覽者的眼球。1.網頁藝術設計與網站主題的關系。視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。設計是為主題服務的，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”。在商務網站設計中，完成“功能”是藝術設計的最終目的，“美”是為“功能”服務的。如果在設計時只有“美”而沒有“功能”，則失去了商務網站存在的意義。
2.多媒體技術與藝術設計的結合。任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的設計必定是形式對內容的完美表現。商務網站在建設時，要明確企業網站的內容，確定采用什么樣的形式，從而明確主題，利用多媒體技術圍繞它們展開設計。例如，設計類的個人站點與商業站點性質不同，目的也不同，所以評論的標準也不同。它的主題只有一個，就是美。而將音頻、視覺完美融合的多媒體動畫和影片能體現主題，清晰地傳達出來這個站點的信息，表現了網站的藝術風格和別出心裁。一個好的多媒體網站設計不僅能吸引顧客的注意，而且能表達出這個產品或者服務的實質。為了能留住顧客，應該確定要有“跳躍信息”的連接?？梢赃@樣說，融合多媒體的網站設計就是網站信息加上圖形、動畫和聲音等的一個集合。對于商務網站，要利用多媒體技術的優勢，形象、具體、全方位地展現自己的商品與服務，這是傳統、單一媒體無法實現的。
網絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正的虛擬世界。
隨著多媒體技術的不斷發展，網絡傳輸速度的不斷提高，藝術性受技術的限制不斷減低。藝術與技術會更好的結合，商務網站因多媒體技術的大量應用而獨具魅力和眩目，但它的首要功能是作為交流的一個工具，一個平臺；更確切地說它是一個用戶與網站一個交互的界面。多媒體技術與藝術的緊密結合在網頁藝術設計中的優勢非常明顯，而它們的發展將推動網站提升到更高的層次和高度，會給公司企業的文化宣傳、產品介紹、銷售渠道帶來更多的好處。而多媒體技術在網站上的應用也必將成為未來的發展方向，有著很廣闊的前景。
參考文獻:
[1]劉光然:多媒體技術與應用.人民郵電出版社，2005.09
【關鍵詞】MVC模式；多層架構；電子商務網站設計
在設計電子商務網站的過程中需要加強網站的安全管理，提高網站的信息安全性和完整性。將電子商務中常見的弊端摘除，電子商務網站的運行離不開網絡。使用ASP.NEF平臺進行網站構建，相對于傳統WF模式，MVC模式更適用于各種網站系統。運用了多層架構的電子商務網絡具有很好的穩定性和擴展性，而且更便于維修。
1MVC模式與多層架構對電子商務系統的設計
1.1MVC模式的概括。MVC模式是一種Web應用程序的開發模式，在MVC模式下Web應用程序可以分為視圖、模型、控制器等三大部分，MVC模式可以對Web應用程序進行職能分工。一個模型可以對應一個或者多個視圖。視圖可以負責對界面數據進行采集，顯示用戶的請求，將程序中完成的模型處理結果顯示給用戶?？刂破魇菍⒛Ｐ团c視圖進行連接的紐帶，控制器可以完成用戶請求的接收和轉發動作。模型是MVC設計模式的核心，封裝了系統的業務規則和核心流程，能夠接收到來自視圖的用戶請求和數據信息，將其處理完成之后返回交給視圖?；贏SP.NEF平臺的MVC框架可以幫助網站開發人員快速、準確、合理的構建Web應用系統，保證電子商務網站的安全穩定性。1.2多層架構的概括。在B/S模式下的電子商務網站，使用的是三層架構的方法，三層架構分為：表現層、業務邏輯層和數據訪問層。將三層架構運用到網站設計中可以實現系統的高內聚，低耦合，對網站設計進行明確分工，表現層用來完成數據與系統的交互，業務邏輯層負責處理數據業務邏輯，數據訪問層是對網站中的數據庫進行操作與維護，完成數據的刪減和修改、更新工作。在電子商務網絡的設計中使用多層架構是在三層架構的基礎上再增添一個實體層，存放網站系統中產生的信息數據。對網站進行分層管理，保證系統結構更加清晰，有利于后期的維護和升級。結合MVC模式發揮多層架構的優勢，完成對Web應用系統的開發。1.3系統框架結構的設計。使用MVC模式和多層架構對購物網站進行設計，在網站中設置表現層、數據訪問層、業務邏輯層和實體層，其中表現層用MVC模式設計，在MVC模塊下存放簡單的數據和屬性，在View模塊中存在網站的所有頁面，各個模塊各司其職，明確分工；在數據訪問層中存放對數據庫的維護與操作；業務邏輯層存放對數據層的邏輯操作，實體層放置各個實體屬性的定義。1.4設計系統模塊。電子商務網站主要分為前臺和后臺兩大模塊，前臺主要與客戶進行交互，后臺是對產品信息與用戶進行管理。系統中有兩種用戶角色，分別是用戶和系統管理員。系統管理員是對登錄電子商務網站的后臺管理頁面后，對用戶、商品和訂單進行管理；用戶則是通過網站出來的信息進行查詢和瀏覽，在注冊還曾為會員之后將商品添加到購物車中，完成訂購或者查詢等操作。1.5設計數據庫。電子商務網站的數據庫關系著整個網站的運行和信息資源完整等，數據庫中的內容主要是用戶、商品、購物車、訂單、管理員等實體的。用戶實體中有：用戶編碼、用戶密碼、用戶名、用戶地址、郵編、電話等；商品信息則是商品編碼、商品名稱、圖片和價格等；購物車則是購物車編號、商品編號和數量，訂單包括訂單號、訂單總價和日期；管理員是管理員編號、姓名以及密碼[1]。
2MVC模式與多層架構對電子商務系統的實現
2.1搭建多層架構網站。在搭建多層架構電子商務網站時需要有表現層、業務邏輯層、實體層和數據訪問層等四層。首先構建一個基于MVC模版的web應用程序，然后往視圖、模式和控制器中添加系統需要文化和代碼，實現表現層的創建。在銅火鍋一個解決方案中添加“類庫”，重命名為DLL，實現業務邏輯層的設計，用同樣的方法完成數據訪問層和實體層的創建。通過設置各層之間的關系建立各層之間的聯系，表現層引用業務邏輯層和實體層，業務邏輯層引用數據訪問層和實體層，數據訪問層引用實體層，實體層為最底層，不引用其他層。2.2數據庫鏈接。數據庫連接是電子商務網站實現過程中的關鍵內容，基于MVC模式的Web應用程序采用了NET技術實現與SQLServer數據庫的連接。在表現層的Web文件中添加數據庫連接配置語句，實現與數據庫的連接。在DAL層添加數據操作公共類SQLHelpercs,完成數據庫的增、減、查、改操作，調用配置問價中的數據庫字符串，實現與數據庫的連接[2]。2.3系統測試。軟件測試是電子商務網站設計開發中的重要內容，在設計完網站之后，使用前臺測試、后臺測試和組合測試等方法對電子商務網站進行測試，查看網站數據庫和后臺各功能模塊的運行，在測試中出現的問題要進行記錄和解決，保電子商務網站的各項性能達到要求。
3結語
使用多層架構和MVC模式對電子商務網站進行分層開發，有利于后期維護與升級管理，基于MVC模式和多層架構的電子商務網站運用于多種電子商務場合。
作者:鄭潤來 單位:邵陽學院
參考文獻
CDIO將產品生命周期分為四個環節，構思、設計、實施和運行，分別對應四個教育和實踐訓練環節。CDIO工程教育模式的目標在于培養學生掌握工程技術的應用知識，引導新系統、新產品和新生產流程的創建、運行，明確科學研究和工程技術的發展對社會的重要性。CDIO的主體內容包括CDIO大綱和CDIO標準。其中，CDIO大綱覆蓋了現代工程師應所應具有的科學知識和技術能力，包括四個方面：技術知識以及推理能力；個人能力、職業能力和態度；人際交往與團隊合作能力；在企業和社會環境下對系統進行構思———設計———實現———運行的能力。
二.JSP商務網站設計課程的特點
JSP商務網站設計是一門WEB應用開發類課程，一般開設在?？贫昙?，學習課程前學習前需學習前序語言基礎課程《計算機語言JAVA》，同時為后續的J2EE等相關課程打下基礎。JSP商務網站設計課程以職業技術能力培養為主線，要求學生掌握JSP基礎、HTML及頁面布局、JavaScript與正則表達式、JavaBean、Servlet技術、MVC模式以及基于MVC模式的WEB應用開發等內容。課程完成后要求學生具備掌握開發基本JSP網頁和JSP訪問數據庫技術以及使用MVC框架進行動態網站開發的能力。
三.基于CDIO的課程改革
針對JSP商務網站設計課程教學中所存在上述不足，我們將CDIO工程教育模式引入課程教學，根據CDIO的大綱和標準對課程進行了重新規劃，使之更符合工科實踐類課程的特點，增強學生的實際開發能力。在教材選擇上，針對工科實踐類課程這一定位，選取清華大學出版的《JSP編程技術》作為課程教材，該書實踐性較強且具有項目背景的教材，教材對知識點的覆蓋全面，每章都配有大量案例，全書貫穿一個完整的JSP開發項目。同時，對JSP技術所需一些相關技術也有一定的涉及，做到了知識全面、講述精準、代碼詳盡、案例豐富，非常適合作為高職高專計JSP商務網站設計課程的教學用書。在教學內容和方法上，采取任務驅動，案例與項目相結合的教學模式，并將分組教學與角色體驗融入課程教學之中，具體如下：
1)任務驅動與案例教學
將JSP商務網站設計課程的所有知識點劃分為10個任務模塊，以任務為主線引導學生進行相關知識的學習。每個任務模塊都設置了具有代表性的例題、習題和案例，通過案例來鞏固理論知識點。學生在案例設置的工作情境中通過學習相關知識完成任務模塊，培養學科性知識與工作過程性知識的有機整合、理論與實踐的結合，養成良好的JSP編程能力。
2)項目教學
課程從始至終貫穿網上報名系統這樣一個實際開發項目，將項目分解為各個任務模塊所對應的知識點，融入到每個任務模塊知識的學習中，將JSP技術知識與網上報名系統的各個模塊相對應，學生講所有任務模塊學習完成之后，也就完成了網上報名系統的整個項目開發。
3)分組教學與角色體驗。
傳動教學中，學生往往只與老師進行互動和交流，學生個人獨立完成課程的學習，缺少與其他同學的合作與交流，因而無法體驗實際的項目開發角色，也很難養成良好的團隊合作精神。在CDIO工程教育模式中，職業能力和態度以及團隊工作和交流都是CDIO大綱中所提出的重要內容，也是工程教育與傳統課堂教學的一個重要區別。針對這個問題，我們在實際教學中，采取分組教學與角色體驗相結合的做法，模擬實際的項目開發環境，將學生分成若干個項目小組，學生在項目組中分別扮演程序開發人員、數據庫開發人員、項目經理、測試人員等不同角色，一個小組構成一個項目開發團隊，組員之間圍繞項目進行交流溝通，培養團隊合作精神，樹立良好的職業態度。
四.總結
(一)教學內容知識點分散，應用性目標不強
課程教學沒有明確的主線，缺乏對課程知識體系的整體設計，學生完成課程的學習后，感覺學到了許多知識，但實際應用起來卻又不知道該如何入手。
(二)教學方法和手段落后，忽視了學生的教學主體地位
長期以來，以教師、教學內容為中心的教學方式占據了主導地位，教師教學方式大多以課堂講授為主，多媒體教學和案例教學為輔，課后通過布置習題作業來加強學生對所學知識的鞏固。教學手段單一，教學方式、方法較為傳統，影響了學生學習的興趣和主動性，也不利于其學習能力與創新能力的培養。
(三)實踐教學模式傳統，無法體現工學結合
實踐方式主要通過布置課后習題、作業或開發虛擬的網站實現，而開發的網站沒有明確的目的性，缺乏企業真實性，學生感受不到企業的氛圍。學生接受項目和團隊工作的實際訓練較少，學習內容與工程實踐出現脫節現象，導致畢業后無法滿足市場的需求?；谝陨蠁栴}，設計和開發基于工作過程的“商務網站設計與維護”課程，根據課程的教學任務及專業崗位能力要求，確立基于工作過程的課程教學體系，以項目為導向，研發基本工作過程的教學內容和教學方法，強化學生職業技能訓練，對學生就業能力的提高具有積極作用。
二、基于工作過程的課程改革
(一)課程定位及職業能力分析
“商務網站設計與維護”課程在第4學期開設，參照商務網站管理員崗位能力要求，學生通過課程學習，應掌握商務網站規劃、設計和開發與維護管理等技能，能實際動手設計、開發商務網站。根據市場調研，商務網站管理人員應具備的職業能力(專業技能和職業素養)。
(二)課程設計理念
本課程設計的指導思想是“以能力為本”、“以學生為中心”、“以崗位職業能力為導向”，課程的設計理念是著重培養學生商務網站設計與開發的職業能力，開展基于工作過程的課程設計與開發，將“職業的任務”以“教學的形式”來完成，實現“人才的培養”，極力為學生營造一個虛實結合、互動參與、合作競爭的實踐氛圍。以學生為中心，采用任務驅動的形式開展教學，以完成工作任務為目標，在完成工作任務的過程中培養學生分析問題和解決問題的能力。以工作過程為主線組織教學，通過真實的項目實踐，按照典型工作任務為載體設計教學活動，強化學生的職業技能訓練。
(三)基于工作過程的課程內容設計
以工作過程為導向的職業教育的目的是向學生傳授工作過程知識和操作技能，并在完成工作任務的過程中促進學生職業能力的形成。在工作任務的實施過程，專業勞動處于中心地位，教學內容指向于職業的工作任務、工作的內在聯系和工作過程知識。為此，課程根據教學任務及職業崗位能力要求，設計企業工作任務為B2C網上書店，以完成B2C網上書店過程為主線，確立基于工作過程系統化、一體化的課程體系;以B2C網上書店建設過程為主線重新修訂課程教學內容，將項目分成六個子項目，再把每個小項目分成若干任務，內容包括了商務網站規則與設計、網站運行環境配置、網站靜態網頁設計與制作、網站數據庫設計、動態網頁設計與制作、網站管理與維護等，如表2所示;將課程的知識點融入每個小任務，讓學生在完成工作任務的過程中獲取相關的理論知識。另外，在每個子項目完成的基礎上，設置了相似的拓展項目，拓展項目以團隊的形式完成，以此達到鞏固知識和靈活應用的目的。
三、教學改革的實施
根據課程定位及設計進行教學實施，在教學實踐的過程中，遵循以學生為主體、教師為主導的教學思想，以課程網站平臺為依托，以任務為驅動，在機房采用“教、學、做”一體化的項目式教學。在教學的過程中，側重于學生職業能力的培養，把課程學習內容與網上書店項目聯系起來，將教學活動模擬成職業活動的工作過程，教師只是進行有針對性的講授及引導，學生采用2人一組的團隊協作方式，以完成B2C網上書店工作任務為導向，以主動的、實踐的方式學習，獲取形成職業能力所需的專業技能、創新能力及溝通表達與團隊協作等能力。課程考核以學生能否完成B2C網上書店及課后拓展項目為評價標準，考核成績為平時成績(40%)+期未成績(60%)。其中，平時考核以B2C網上書店完成情況為主，成績由教師評定。期末考核采用教師評價與小組評價相結合方式，根據各小組拓展項目完成情況，以是否達到從事商務網站設計與管理所應具備的職業技能與職業素質為標準進行打分，教師評定分數與各小組互評平均分數各占期末成績的50%。
四、教學效果及評價
1.觀察比較階段:在此階段，客戶搜尋和分析處理與所要選購的商品有關的各種信息，具有很強的客戶驅動性。這和在商場購物不同。商場有服務員，商品實物，可以促成交易，而網上虛擬商店不具備這樣的特點。只能以精心制作的、可用性強的網頁來吸引客戶、使客戶能方便地找到和了解他們想要的商品，從而增加成交機率。
2.付款結賬階段:此階段是電子商務行為的最重要環節，此時消費者由客戶驅動轉變為系統驅動，網站系統會引導客戶輸人一定的個人信息，如家庭住址、信用卡號碼等，同時提供付款方式和送貨方式。在這一階段應著重消除客戶對自己進行的各種操作所產生的結果的不安感。
因此，只有在電子商務網頁設計中充分考慮了人們的使用要求。才能促成一次成功的交易。網站設計的實用性對電子商務網站的正常經營和發展是至關重要的。
電子商務網站設計中的實用原則:
實現網站商務功能最大化的目標，給目標客戶提供方便、實用的信息服務，是電子商務網站設計的基本實用原則，包含以下幾個方面：
1.人性化的交互界面?？蛻粼L問電子商務站點是為了獲取需要的商品或服務，所以網頁的內容必須突出重點，避免夸張，裝飾部分不宜太多，以免喧賓奪主。在內容編排上必須簡潔明了，便于瀏覽；信息數量比較大時應將其拆分成多個網頁。在電子商務網頁設計中還應當考慮殘疾人、病人等特殊人群的需要。
2.方便快捷的更新維護。電子商務網站要根據市場行情的波動隨時更新網頁上的價格信息，經常要提供新的商品或服務，并搞些促銷活動以刺激客戶的購買欲。設計時要考慮到內容更新的快捷簡便，在內容更新的同時，還要注意保持網頁在結構上的相對一致性，以使老客戶能方便快速地找到所需要的各種信息。
3.最佳優化的網頁內容。一般情況下，客戶對當前網頁上的內容能持續保持注意的時間長度約為10秒鐘；若系統響應時間超過10秒，客戶會在等待計算機完成當前操作時轉向其他的任務。因此，為縮短系統響應時間，比較簡單的一種解決辦法是盡量減少網頁上的圖片與多媒體(如動畫、錄像、閃爍等)的使用。但是作為電子商務站點，很多場合需要采用圖示或多媒體演示，以至不得不適當降低系統響應速度。
4.準確無誤的鏈接。整個Web實際上就是一個的巨大的信息空間。由于空間過大，并且各節點之間的鏈接關系錯綜復雜，用戶上網瀏覽時有可能發生“迷路”現象。Elm和Woods(1985)研究發現，用戶在網上“迷路”的程度與不熟悉文檔結構有直接關系。他們總結出有三種不同形式的“迷路”:①不知道下一步該去哪里;②知道該去哪里，但不知道該如何去;③不知道當前處于整個文檔結構中的哪一個位置。為減少和避免出現“迷路”現象，通?？刹捎脙煞N策略:第一是改變用戶界面，如采用導航地圖、多窗口顯示等技術;第二是對文本進行分析，改換超文本的結構及鏈接設計。提高超文本設計質量能更有效地減少用戶“迷路”現象。
5.界面的統一和差異。在電子商務網頁設計中，界面一致性也是必須加以仔細考慮的一個重要因素。一般認為，界面一致性主要體現在三個方面：指向性效果、系統的輸入與輸出之間的關系、界面的外觀或視覺效果。一些研究表明，增強界面一致性有利于提高用戶的操作績效和滿意度，同時還可減少操作錯誤。
6.美觀、比例、結構、布局。良好的視覺效果與強大的使用功能同等重要。界面美觀水平與使用者對界面可用性的主觀評價呈正相關，與操作績效也呈正相關。Schenkman(2000)總結出衡量網頁外觀設計質量的四個主要指標，即美觀、圖文比例、結構和總體布局。其中，美觀這一指標最為重要。
7.終端與載體的協調統一。電子商務網頁設計應適應客戶使用的各種類型的顯示器。應使用可用空間的百分比來規定布局?，F在常用的網頁瀏覽器一般為Netscape和InternetExplorer，這些瀏覽器都有新舊版本。有時同一個網頁在不同瀏覽器或同一瀏覽器的不同版本上會產生很不相同的顯示效果，甚至有些網頁功能無法正常實現。作為電子商務網站，應注意網頁在這方面的兼容性。
8.信息安全保障?；ヂ摼W是一個標準開放的網絡，在網上進行各種商務活動，隨時可能將面對黑客的攻擊，病毒的侵襲等。因此，確保網上信息流通的系統安全十分重要。安全不僅僅是一個技術的問題，還涉及到系統的管理、法律法規的保障等。
