時間：2023-07-28 16:42:58
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇電子商務的網頁設計范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
摘要：本文以Web標準為基本思想，闡述了針對電子商務網站網頁設計的思想和策略，探究了一套緊隨時代需求的網站設計流程。
關鍵詞 ：Web標準；電子商務網站；網頁設計
引言
隨著計算機網絡技術的迅速發展，網站的網頁設計布局也顯得越來越復雜，在專業技術上的要求也越來越綜合。同時，電子商務在這樣的潮流下飛速發展，但電子商務網頁設計卻成了阻礙電子商務發展的一個重要因素，在這樣的形勢下，電子商務網頁設計與制作就需要有專業的技術來實現，僅僅依靠傳統的網頁設計技術已不能滿足時代的需求。目前，基于Web標準的網頁設計思路已成為網站開發的主流，以Web標準為基本思想探究出一套有效的、緊跟時代步伐的設計流程，同時針對電子商務領域研究有效的網頁設計策略。
1、關于Web標準的主要技術
1.1 什么是Web標準
Web標準不僅僅是一個標準，而是一系列標準的組合。一般的網頁都由三個部分組成，即結構、行為和表現，而這三個部分中結構對應的標準為XML和XHTML，行為對應的標準為對象模型等，表現對應的標準為CSS。
① 結構
其中的主要技術包括可擴展超文本標記語言（XHTML）和可擴展標記語言（XML），主要應用在對網頁數據的分類以及整合方面。在這兩個標準中，XML是一種源語言，它能夠讓用戶對自己的語言進行標記定義，其具有的數據轉換能夠相對來說比較強大，而XHTML在性能上結合了超文本置標語言（HTML）的簡單特性，同時，它還使用了XML的強大的功能系統，在語法上相對來說也比較嚴格。
② 行為
其中的主要技術包括ECMAScript和對象模型（DOM），主要應用在交互操作網頁文檔方面。ECMAScript能夠有效的實現界面上操作對象的交互操作，而DOM能夠定義、修改以及表示文檔所需的對象、所需的對象的屬性和行為，同時還能處理這些所需的對象之間的關系。
③ 表現
其中的主要技術是CSS，即層疊樣式表，主要應用在對瀏覽器的顯示控制方面。CSS控制的表現與XHTML決定的結構相分離，主要用來設計網頁的風格。
1.2 Web標準下的網頁設計流程
Web標準下的網頁設計流程主要包括語義結構定義、網頁內容添加、CSS美化網頁以及添加動態元素四個部分。
語義結構定義：進行這個部分時，需要我們能夠根據網頁上的設計圖，對我們所需要的DIV層塊進行進一步分析，同時也要分析各個層塊之間的相互關系，為達到一個好的訪問速度，DIV層塊應該小于等于三層。
網頁內容添加：在第一步中定義好語義結構后，然后根據網頁設計圖添加內容，并且在每一個層塊添加合適的網頁內容，其中包括添加文字、圖像、表單、列表等。
CSS美化網頁：在進行網頁設計時，需要使用CSS對網頁的整個頁面進行布局，其中包括在頁面中加入邊框和背景等；同時，還需要使用CSS的相關設置，其中包括字體和大小等。
添加動態元素：在網頁中添加動態元素時，需要根據網頁設計圖對各個方面的要求，利用JavaScript技術完成網頁中動態元素的添加，包括添加導航菜單、焦點圖及其它動態元素等。
2、電子商務網站網頁設計所需要的技術
隨著互聯網科學技術的飛速發展，越來越多的企業應用互聯網技術推動了企業的發展，人們的生活方式也受到互聯網的影響。在這樣的背景下，電子商務也逐漸發展壯大，而電子商務網站網頁設計就成了相對重要的一部分，網頁設計是以網絡為載體，把一些對人們有用的信息方便快速的傳達給他們。在進行電子商務網站網頁設計時，整個過程都要用到大量的電子商務設計軟件，而設計的過程又需要計算機技術作為基礎。
在研究基于Web標準的電子商務網站網頁設計時，在設計過程中需要有縝密的思想來進行設計的每一個流程，然后開發網上商店系統，以達到對網店實行有效的管理以及擴展網店的業務。在Web的標準下，網頁設計者能夠有效的將網頁結構劃分清楚，這樣就能夠提升電子商務網站網頁開發的效率，同時還能夠盡可能的降低網頁設計成本。
3、電子商務網站網頁設計過程
在設計電子商務網站網頁時，可以按照下面的流程進行：內容分析、結構設計、方案設計以及表現設計。
第一，內容分析：即通過了解需要展示在網頁上的具體內容，清楚各內容所具有的邏輯關系，最后分清楚各個內容的重要程度從而合理安排位置。第二，結構設計：即根據內容分析得出的相關結論，找到合理有效的網頁布局，從而設計出好的XHTML結構。第三，方案設計：使用好的美工設計軟件，設計出一個能給人視覺帶來享受的網站頁面設計圖。第四，表現設計：表現設計又可分視覺設計和布局設計，視覺設計即是使用CSS美化網頁的方式，同時配合美工設計元素，將設計方法轉化為網頁的方式。布局設計即是通過使用CSS和XHTML對網站頁面進行布局設計。
3.1 內容分析
一個電子商務網站能否起到吸引客戶的效果，取決于這個電子商務網站網頁的布局是否清晰明了，能否給人一種視覺上的享受。網頁設計就是一種視覺語言，對布局和色彩的搭配要求很高，要求網站的主頁也能給人一種美的享受，其它網站頁面的布局也應該與主頁相協調。電子商務網站中網頁布局形式多種多樣，有“廠”字型、“國”字型、“封面”型以及經濟“框架”型等。
3.2 結構設計
為電子商務網站開發網頁時，網頁中展示的有突出核心的業務區，也有展現其它功能的區域，整個網頁開發完成后，用戶可以在后臺進行可視化的操作，同時，用戶還可以創建屬于自己的個性化的網頁。在設計電子商務網站網頁時，框架是整個網頁的核心部分，它決定了整個網頁的整體布局效果，框架一般都是HTML格式的文件，它能夠將頁面劃分區域。
在制作電子商務網站時，首先要在硬盤上新建一個文件夾，并把這個文件夾作為網站的根目錄，最后將這個目錄上傳到服務器上就行了。一個網站就對應一個磁盤上的文件夾，設計網站所需要的全部資源以及所有網頁都放在這個文件夾里面。
3.3 表現設計
在設計好網頁和它的結構后，可以使用CSS為網頁文檔添加樣式。首先要將已經設計好的方案中的網頁圖片分離出來，然后使用CSS為其添加合適的樣式，在進行這個操作的整個過程中，涉及到CSS的布局以及背景圖片應用，在使用CSS時，可在網站的前臺觀察到網頁的板塊區域，板塊區域的個數會根據有設計的電子商務網站的類型不同而有所變化，這個過程是由CSS規則確定的，并且整個框架結構是由HTML文件確定的。這樣設計的網站，可以在其后臺進行可視化設計，向所需要的區域添加好的插件等，這樣網頁表現出來的畫面效果更好。
4、結語
隨著時代的發展，人們不再滿足于單調的生活模式，在這樣的背景下，互聯網技術慢慢融入到人們的生產與生活中去，這就使得方便人們生活的電子商務逐漸發展起來。目前，大多數人的生活開始與電子商務緊密聯系在一起，而電子商務的網頁設計的好壞直接關系到整個電子商務模式的運行。因此，研究基于Web標準下的網頁設計技術成為了電子商務門戶的重點，這樣才能有效的提升電子商務網站的性能以及開發效率。
參考文獻：
[1] 朱淑琴，魏威，張嘉萌. 基于Web標準的電子商務網站網頁設計與制作[J]. 計算機與現代化. 2012(15),30-32.
[2] 王猛. 基于用戶情感需求的電子商務網站首頁界面設計研究[D].東北大學. 2012,18-23.
【關鍵詞】電子商務創業園 網頁制作與設計
【中圖分類號】 G 【文獻標識碼】 A
【文章編號】0450-9889（2015）03B-0121-02
網頁制作與設計課程是學生進入軟件工作室學習的前導課程。為了讓中職學生更好地學習，廣西梧州商貿學校以電子商務創業園為平臺，將網頁制作與設計課程中的職業能力培養作為培養的主線，將典型工作融入課程，解決了學生就業層次低、就業難度大等問題，鼓勵學生的創業熱情，提高了學生的實踐能力，為中職的創新教學提供了源源不斷的改革動力。
一、當前網頁制作與設計課程教學活動中存在的問題
（一）中職生學習存在的問題。當前，中職大規模擴招，使得中職生生源總體質量下降，素質參差不齊，學習質量呈現下降趨勢。中職生學習存在的問題主要體現在以下兩方面：
第一，學習積極性差。在上理論課時，一些學生不愿聽枯燥的理論知識，不愿做教師布置的上機作業，而是玩游戲、玩手機，導致對專業知識的掌握不牢，不能有效地將專業知識遷移到實際工作崗位中。
第二，動手能力差。在上實踐課時，一些學生面對給出具體操作步驟的任務不屑動手，認為過于簡單，而對于沒有給出操作步驟的任務又覺得太難而手足無措，高不成低不就的現象普遍，導致無法構建屬于自己的知識體系，到了實際工作崗位上便無所適從，無法將所學的知識與實際聯系起來，不具備解決問題的能力。
（二）教師教學存在的問題。電子商務和計算機應用專業的網頁制作與設計是實踐性很強的學科，目前主要有傳統教學與校外頂崗實習兩種教學方式，教師教學中存在的問題可從這兩方面進行分析。
第一，傳統教學存在的問題。一是教學內容落后，不適應社會應用實際的變化。當前全國各地相繼開展了網頁設計與制作教學內容的改革，但是在實際教學中，中職教師的教學思維并沒有適應社會應用的變化，教學內容遠遠滯后于當前應用要求。網頁設計中要求美化、策劃，還有后期運營中可維護，這就需要教師不斷融合網站的運營推廣、優化、美化、營銷策劃等方面的知識與實際應用技能；在網頁制作與設計過程中，融合管理以及市場的創新，從而培養復合型服務人才。二是教學方法存在單一性。中職教育具有實踐性的特征，但是當前網頁制作與設計課程教學缺乏職業教育的特征，忽略了職業情境的創建，學生在實施、設計、計劃、分析中不能得到教師對疑惑的解答。在多種教學方式下，要實現教學效果快速提高，需要從思想上實現根本轉變，運用這些先進的教學方式，結合當前高科技、高速度、超大信息、多元化的時代特點，不斷進行課程教學改革，改變單一化教學方式。三是考評方式不夠開放，而是形式化地完成。學生的考評主要涉及日常的教學考勤和完成網站的結果，不能顯示出學生學習效果的提高。在這種封閉的考評方式中，學生改進的方法、存在的問題不能在教師和學生之間形成互動，降低了學習的效果。
第二，校外頂崗實習存在的問題。在頂崗實習中，一方面，學生真正上手操作的機會比較少，加之愿意接受學生實習的企業不多，并且由于大部分學生分散在不同企業，因而管理和考核難度加大；另一方面，學校與實習企業溝通不夠，合作力度不深入，也不夠合理，尚未形成學生、企業、學校三者共贏的局面。
二、電子商務創業園的教學模式
以電子商務創業園為平臺推動網頁制作與設計課程教學改進是一種嘗試。該教學模式以電子商務創業園為平臺，采用項目輔導、專題討論、技術講座等形式，促進學生在真刀真槍的項目開發中學習相關知識，從而提高學生的職業能力。“以職業活動的工作過程”是從“以知識的邏輯線索為依據”轉變而來的，并且學習的資料基本上是實際工作流程和職業崗位活動，以此來安排課程順序和內容。
具體來說，以電子商務創業園為平臺推動網頁制作與設計課程教學改進是將電子商務創業園平臺中的企業項目作為實例，教師結合項目流程化進行重點模塊教學，學生在教師的引導下開展實踐性學習。為了將完成項目任務作為實際教學活動的中心，需要遵守“項目導入、任務驅動”的教學法，教師對學生進行啟發、引導，讓學生通過參與項目任務的網頁制作與設計，親自體驗網站的開發、維護、管理這一完整流程，并在學習中激發自主學習的動力，不斷提出問題，同時發現新問題，從而改變傳統教學模式中教師和學生的角色，實現以學生為中心的教學。
三、以電子商務創業園為平臺推動網頁制作與設計課程教學改進
首先，以電子商務創業園為平臺推動網頁制作與設計課程的教學改進中，主要以“項目導入、任務驅動”教學法為研究方法。因為以電子商務創業園為平臺推動網頁制作與設計課程教學改進的模式是一種新型的教學模式，還沒有現成的案例，需要我們在實際工作中研究與實踐才可能推廣。其次，中職教育的教學管理中，應注意分層管理，注重個性差異和個別教育，加強學生間的凝聚力，提高學生學習的積極性。落實“總項目―子項目”模式的分層管理，一方面讓項目組成員分頭開展研究，另一方面由項目負責人進行總協調。同時，項目將成立例會制度，目的是強化制度體制，規范行政管理，提高工作效率。最終在校企合作的推動下，一起展開項目研究。
教學改進方案具體如下：
（一）確定項目組人員和教學改進方案。首先，確定教學改進方案的依據。一方面要在網頁制作與設計課程投入人力和財力的基礎上，對編制問卷調查中的通用步驟進行參考，還要對研究成果以及檢索資料進行借鑒，從而得到網頁制作與設計課程中的崗位及能力方面的要求的基礎數據。其次，教學改進方案的設計要設立審批、經費投入等管理制度，將設立審批下放到電子商務創業園中，明確學校分類管理，加大對在電子商務創業園形成過程中出現的違法行為的打擊力度，對責任人嚴肅追究責任。再次，在教育制度改革的同時，要深化課程教學改革，實施德育綜合改革，構建網頁制作與設計課程的德育課程體系，把德育目標融入學科的課程中，實現全科育人，并深入開展法治教育，強化知識課程教學。然后組織相關教師研討，編寫講義，確定教材，落實與課程培養中的各種能力相關的設備以及資金。最后，在學生綜合素質評價中，要明確以學生品德養成、身心健康、學習能力為主要評價內容，堅持常態化實施，如實記錄學生在創業成長過程中的突出表現，并以事實材料為佐證，切實做到有據可查。同時加強公開公示工作，用于招生使用的活動記錄和事實材料必須進行公示，相關負責人須審核簽字。
（二）開展實地考察并簽訂企業開發合同。對電子商務創業園合作的企業如廣東中山市藍狐品牌策劃有限公司進行實地考察，根據考察情況形成初步的教學改進方案，并組織專家論證，與企業簽訂開發合同。企業和學校要在專業設置、師資隊伍建設、實踐教學、實訓基地建設以及現代職業教育體系構建等方面形成良好的合作基礎，開展針對性的對口共建活動，使學校在專業建設、師資素質和實踐教學水平等方面得到提升。企業和學校協調配合、各司其職，以電子商務創業園為平臺實現對網頁制作與設計課程的帶動作用。
（三）教學改進的實施。開展以“項目導入、任務驅動”教學法的網頁制作與設計課程教學改進的同時組織開展優秀作品展評比競賽活動，進一步加強學生技能的培養和全面提高學生的綜合素質。鼓勵學生參與電子商務創業園平臺相關的活動，鼓勵學生建立、開發工作室，可由教師牽頭，組織學生參與，引入企業項目。在企業項目實施的過程中，學生可以了解、熟悉整個工藝流程、不同知識的用途以及操作過程中的注意事項。校企聯合實踐教學，讓學生將理論和實踐進行對接，使學生對所學專業有更深層次的認識，更加明白課堂教學的意義，激發學生學習專業的熱情，這對于學科建設和學科發展具有積極的推動意義；同時，引導學生樹立“學會認知，學會做事，學會共同生活，學會生存”的意識，使學生在創業時“走得出”，“站得住”，“干得好”。除此之外，在教學改進實施過程中，還應注意維護學生的權益。校企合作中涉及的實習生人數多，學生容易被企業當作“廉價勞動力”使用。保障政策的重點包括企事業單位不得向實習生收取實習費；不得安排實習生從事與所學專業無關的實習崗位；學生頂崗實習給企業帶來效益的，企業應向學生發放實習津貼。
（四）完善項目。依照項目開發結果來完善教學改進方案，主要是硬件設施，從而逐步建立電子商務創業園平臺帶動下的網頁制作與設計課程規律性體系，形成網頁制作與設計課程的能力考核評價標準。按“理論教學項目化，實訓環境真實化，素質培養職業化”的要求，開展實訓基地建設。在基于工作過程的行動導向教學理論的指導下，以真實的網頁制作與設計為藍本，在企業項目實施中，建成比較完善的“做中學、學中做”教學場所。同時，對實訓基地的功能進行綜合論證，對原有的師資及企業職工培訓、技能競賽和教產研發服務三種功能的不足進行重點建設，主要針對軟硬件投入建設。在項目完善過程中，按不同層次拆分工作內容，開發產教項目，以適合不同年級的教學；教師的教學以生產為主線，生產活動為載體，理論與實訓一體。學生通過參與項目的活動，學做融合，實現工與學的對接，創新校企合作的模式，使得調整后的項目、人才規格和專業素質貼近行業、企業的現實要求。
總之，以電子商務創業園為平臺推動網頁制作與設計課程教學改進，始終將學生作為學習的主體，通過案例教學、任務驅動、項目教學法、小組合作與協作等方法開展教學活動，這對提高學生主動學習和解決問題的能力，提升學生的崗位職業技能，以及提升教師團隊的教學水平具有重要的意義。
【參考文獻】
[1]王敏.南通市職業學校首批“學生創業園”頒牌儀式暨南通中專創業教育推進會隆重舉行[J].江蘇科技信息：科技創業，2012（2）
[2]陳小燕，謝強，丁秋林.淺談項目式教學在《網頁設計與制作》中的應用[J].電腦學習，2010（1）
[3]彭學軍.以創業為導向的《網頁設計與制作》課程教學[J].職教論壇，2010（23）
[4]翁孝川.創業活動為契機 創新主題凝心氣 實現學校跨越式發展[J].中等職業教育，2008（5）
我們作為設計者，平面設計的核心價值其實更多的應該是如何幫助客戶通過視覺語言更好的傳達信息，而不是為了設計添加一些非必要的元素。最簡單的設計也最不容易的設計。很多國際網站上面大師級的版式設計，風格多樣化，但是每一個位置的擺放都是可以經得起推敲的，非常值得學習借鑒。下面我們就來說說幾種版式設計常見的設計手法。
在版式設計中，我們最常用的幾種對比：圖形對比、顏色對比、面積對比、粗細對比、質感對比等，這些對比都需要建立在畫面平衡的基礎上，一旦失衡，我們的對比手法將不再起作用，那將是打破常規的不規律美學原理。在保持畫面平衡的基礎上，采用圖形對比和顏色對比也可以起到一定的強調作用。在網頁設計中常常用到的十三種類型分別是：骨骼型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對稱型、重心型、三角型、并置型、自由型和四角型。這些常用的類型目的在于將內容利用版式設計的變化分割出重點與次要的關系，以達到內容本身表現出來的清晰美觀。骨骼型，是最普通的類型，通常以豎向分欄為多；滿版型，將主體物占據整個版面，一般以圖像為主，給視覺強烈的沖擊力，能夠立馬抓住視覺眼球。上下分割和左右分割型，就是將畫面進行分配，其中文字與配圖組合根據畫面的需要進行合理選擇。中軸型，就是將圖形以豎軸或者橫軸方向進行排列。曲線或者傾斜型，都是講版面進行結構上的安排，如進行曲線排版或者傾斜排版。對稱性，我們不言而喻，就是將版式進行有規律對稱的完整性進行的設計。重心型分別有向心型和離心型，向心型主要向里聚攏而離心型向外擴撒。中軸型加重心型，這種版式比較新穎，不是完全的對稱型，主要集中在一邊字體排版上，比較講究一種字體粗細大小的不同設計，色調也比較統一，采用黑白灰的形式居多。三角型就是在畫面版式上構成三角的穩定結構。四角型，我們也常見，但是這個版式在構圖上有點過于僵硬，就是版面的四角以及連接四角的對角線結構上進行的編排。并置型和自由型，在設計中版面的要求可自行進行選擇，也可以根據位置的不同主觀的重復編排。
我們的視線是有限的，不可能完成一目所有信息，所以我們在設計的時候要學會抓住視覺中心點，組織好有效的信息并且編輯，就是我們所謂的版式設計。我們一般會運用閱讀的順序與視覺的選擇心理進行分析設計，兩者關注點不一樣，所以對于一些元素的把控也會不一樣。閱讀的順序比較適用于文字較多的排版，而視覺的選擇心理更多的適用于圖片的處理上。關于版式設計中的文字，我們在觀看的時候都要個人習慣，從左到右，從上到下，從左上角到右下角等等閱讀習慣，所以我們在對文字進行排版的時候注意這個閱讀的小習慣有利于更好展示有效信息。為了更好的提高我們對文字的閱讀性還應該注意到文字間的行間距，文字之間的間都應該小于行與行的距離。如果想要在短時間內傳達信息的話，還需要對信息進行合理的分配，一級信息為最主要的信息，其次分別為二級和三級。一級主要講述：誰，什么事情，提供什么服務事件地點等。二級其他重要的信息深入閱讀等。三級就是一些細節的描述。
[關鍵詞]網絡經濟企業電子商務
一、網絡經濟的由來
網絡經濟在世紀之交的蓬勃發展，是與1993年以來國際互聯網商務性應用的急劇高漲分不開的。但就網絡經濟這一概念而言，則早已有之，而且由于不同學者對“網絡”和“經濟”的不同理解，它有著不盡一致的內涵。例如，早在80年代，有些日本學者鑒于第三產業中的商業、運輸業、金融業等均因有相應的網絡而發展起來，就把服務經濟稱為網絡經濟，提出要研究這類網絡經濟學問題。現在成為時尚而流行的網絡經濟或網絡經濟學．就其內容而言，實際上是互聯網經濟(internet economy)或互聯網經濟學(interneteconomics)。當然，這也是一種特定的信息網絡經濟或信息網絡經濟學，它與信息經濟或信息經濟學有密切關系，這種關系是特殊與一般、局部與整體的關系。
人們利用網絡，既可以傳遞信息，又可以從事各種社會和經濟活動。網絡經濟就是通過網絡進行的經濟活動，這種網絡經濟是經濟網絡化的必然結果。網絡化極大地加快了經濟的市場化和全球化進程，它有利于發展中國家通過逐步開放和適度監管來利用世界上成熟的技術成果、有用的信息和知識資源以促進經濟增長。
二、電子商務的產生及其與企業信息化的關系
隨著網絡經濟及信息技術的發展，因特網作為工具被引入到商貿活動中，產生了電子商務。電子商務作為一種嶄新的商務運作模式，將給人類帶來一次史無前例的產業革命。成功的電子商務企業首先應使企業內部運作電子化、信息化。企業利用互聯網來發展自身的信息化，并構建信息化模型，以適應未來的發展。
(一)電子商務概述：電子商務是在計算機網絡平臺上，按照一定的標準開展的商務活動。當企業將它的主要業務通過內聯網、外聯網以及互聯網與企業的職員、客戶、供銷商以及合作伙伴直接相連時，其中發生的各種活動就是電子商務。美國學者瑞維_卡拉克塔和安德魯一惠斯頓在《電子商務的前沿》一書中提出：“廣義的講，電子商務是一種現代商業方法。這種方法通過改善產品和服務質量、提高服務傳遞速度，滿足政府組織、廠商和消費者的降低成本的需求。這一概念也用于通過計算機網絡尋找信息以支持決策。一般的講，今天的電子商務通過計算機網絡將買方和賣方的信息、產品和服務聯系起來，而未來的電子商務則通過構成信息高速公路的無數計算機網絡中的一條線將買方和賣方聯系起來。”
(二)企業信息化：企業信息化是指應用先進的計算機網絡技術去整合企業現有的生產、經營、設計、制造、管理，及時地為企業的“三層決策”系統(戰術層、戰略層、決策層)提供準確而有效的數據信息，以便對需求做出迅速的反應。其本質是加強企業的“核心競爭力”。
(三)電子商務與企業信息化的關系：電子商務與企業信息化有著極為密切的關系。企業信息化是電子商務的基礎：電子商務是企業信息化的歷史產物。企業信息化進程孕育了電子商務，推動了電子商務的發展；而電子商務的發展又促進了企業信息化的深入進行和深層次開發。沒有企業信息化，社會對電子商務不可能有強烈的追求，置身于電子商務中，人們才能感受到企業信息化的重大意義。在網絡和信息化社會中，電子商務以其顯著的信息優勢為企業奠定了激烈競爭中的生存之源和立足之本。這些信息優勢主要取決于企業的信息化程度，同時它制約著其市場競爭力，決定著電子商務信息優勢的創造與發揮。因此，現代企業的自動化、信息化與電子商務活動必須完全融合在一起。
三、電子商務對企業的影響
1、改變企業組織的結構。在以往的企業組織結構中，上情下達、下情上呈由中層管理者起作用，而實施電子商務的企業由網絡承擔，這就為企業組織結構多元化發展創造了條件。電子商務減少了經濟活動的中間層，縮短了相互作用和影響的時間滯差，加快了經濟主體對市場的反應能力，使信息傳遞效率明顯提高，市場競爭力顯著增強。另外，由于網絡辦公、電腦會議的普及，公司的組織結構將成為一種象征性的虛擬，類似網絡中的一個網站。而這種具有流動性特點的虛擬組織結構將更能適應信息時代的瞬息萬變、
2、改變企業的運作方式、電子商務是一種新的貿易服務方式，它以數字化網絡和設備替代了傳統紙介質，這種方式突破了傳統企業中以單向物流為主的運作格局，實現了以物流為依據、信息流為核心、商流為主體的全新運作方式。在這種新型運作方式下，企業的信息化水平將直接影響到企業供銷鏈的有效建立，進而影響企業的競爭力。這就需要企業對現有業務流程進行重組，加強信息化建設和管理水平，從而適應電子商務的發展需要。
3、改變企業的營銷管理。以往的批零方式將被網絡代替，人們直接從網絡上采購，傳統的人員推銷失去大部分市場，廣告宣傳也為適應新的傳播媒體而改變。管理界對目標市場的選擇和定位，將更加依賴于上網者的資料以及對網絡的充分利用。企業的市場調研、產品組合和分銷等一系列營銷管理活動將會因電子商務而發生改變。當前，網絡營銷正成為營銷學的一個分支，它使顧客有了更多、更廣泛的選擇，同時幫助企業掃清向國際市場拓展業務的障礙。目前越來越多的企業開始運用網絡與傳統營銷的組合方式進行管理，效果顯著，營銷費用明顯降低，營銷預算更加方便、準確。
4、影響企業的結算方式。企業可以通過網上銀行系統實現電子付款．進行資金結算、轉賬、信貸等活動。目前主要的信用傳輸安全保障和認證問題還未得到全面解決，但是紙貨幣流被無紙電子流所代管而引發的結算革命是不可阻擋的發展趨勢。企業應該順應這種趨勢，做好改變傳統結算方式的準備
5、改變企業競爭方式。電子商務改變上下游企業之間的成本結構，使上游企業或下游企業改變供銷合同的機會成本提高，從而進一步密切了上下游企業之間的戰略聯盟。電子商務不僅給消費者和企業提供了更多的選擇消費與開拓銷售市場的機會，而且也提高了更加密切的信息交流場所，從而提高了企業把握市場和消費者了解市場的能力。電子商務促進了企業開發新產品和提供新型服務的能力，使企業可以迅速了解到消費者的偏好和購買習慣，同時可以將消費者的需求及時反映到決策層，從而促進了企業針對消費者需求而進行的研究與開發活動。
四、企業進行電子商務建設應采取的措施
1、解放思想，轉變觀念。首先要確立信息化、知識化管理的觀念，加大信息化設備投資，實現企業經營管理信息的采集、處理、存儲、傳輸和分配；其次要確立知識是關鍵生產要素的觀念，充分理解知識是生產和經濟增長的內在因素，接受新經濟增長理論的收益遞增模型，即知識可以提高投資的回報，而高回報又可對知識積累產生正反饋放大效應；第三要確立經營管理的人性化觀念，隨著大規模生產逐漸被靈活的網絡所代替，這種以知識為核心，以信息化為結構體系的生產經營管理更加強調團隊文化和文化人的參與，人性化觀念不可缺少；第四要改變傳統資產的狹隘觀念，確認企業的無形資產及其在高新科技企業的資產主體地位。可以說，電子商務首先帶來的應是企業觀念的創新和轉變。
摘 要:
本課題主要針對現今不同企業或者同一企業內部與外部網絡的數據同步要求，提出一套如何在計算機技術上實現這一需求的解決方案。本文不僅對這一技術在應用領域的需求做出了全面具體的分析，而且也闡述了這一技術的設計思想和實現細節，并且對實現過程中涉及的各類技術做出了詳細具體的解釋，力求讓讀者明確實現什么，怎么實現，為什么要這樣實現，以及實現這一技術的意義。
關鍵字：數據同步 COM ActiveX ATL ASP 組件制作 電子商務 文件傳輸 組件注冊 網絡編程 COM調用 ASP組件調用
目
錄
前 言 4
正 文 4
系統概述 4
需求闡述及功能定制 5
技術實現方案 6
模塊算法和機制實現過程 11
總結 27
致謝 27
參考文獻 28
點擊查看全文
【關鍵詞】新形勢；電子商務網站；網頁設計與制作；web標準
前言：
互聯網時代的到來，改變了人們以往的生活習慣，而且對很多行業崗位產生了較大的影響，尤其催生了一批新型以電子商務為主要經營模式的企業。電子商務網站的網頁設計在現代企業的實際運營管理過程中十分重要，不僅起到了宣傳企業文化作用，而且也是企業拓展新業務、維護客戶的重要平臺，這是互聯網時代的發展為現代企業單位開辟的新路徑。
一、新形勢下電子商務網站網頁設計與制作的目標
所謂“新形勢”指的就是當前快速發展的互聯網時代影響下的社會環境的變化，以及人們思想意識的轉變。隨著各領域貿易的日益頻繁，使得商家更依賴電子商務平臺，因其成本低、信息資源豐富等特點受到了廣大社會群體的認可。
（一）電子商務網站設計與制作的根本目的
在電子商務平臺之上，我們可以清晰的看到商品本身的形態、特征以及價格，而且，越來越多樣化的網站網頁設計形式層出不窮，促使電子商務平臺建設的格局逐步升級，新技術的涌現更是突顯了電子商務模式的優勢。從網站網頁設計與制作的目標來看，能夠以最直觀、最有效的網站網頁設計方案來吸引更多的顧客及促使其參與交易才是新形勢下電子商務網站網頁設計與制作的終極目標。
（二）網站網頁設計與制作要能夠技術合規且突出重點
具體來分析，對于電子商務網站的設計要突出其功能性，需要最新的電子計算機技術來為其做支撐，程序的設計一定要能夠順利運行，通常要經過測試以后才能夠上線運行。對于電子商務的網頁設計而言，結構和形式要突出層次感，內容要盡可能豐富，從而將電子商務的關鍵內容呈現在網頁的重點區域，便于人們登錄瀏覽。
二、電子商務網站網頁設計與制作所需技術
對于電子商務網站網頁設計來說，能夠依托網絡載體使得開展電子商務業務的企業將其業務有效的推廣出去，就是一項成功的設計。在實踐過程中，需要應用到很多計算機技術及電子商務設計軟件。就以web標準為例來看，電子商務網站網頁設計的思想是通過縝密的開發流程來體現的，通過對SHOPEX網上商店系統的制作，進而達到管理網店、拓展業務的目的。從實質上來看，Web標準不是單一的技術標準，而是一個完整的技術體系，其層次較為清晰。在Web標準的支撐下，設計者可以很好地將網站網頁結構分割清楚，并能夠提升網站開發的效率，降低設計及維護成本。總之，從Web標準的關鍵技術來看，整個技術體系都是以Web標準基本思想為基礎，采用一套有效的開發流程，對SHOPEX網店系統進行電子商務網站的網頁設計與制作，最終，這種開發流程在實踐過程中得到了驗證。
三、電子商務網站網頁設計與制作過程
在具體進行電子商務網站網頁的設計與制作的過程中，首先要分析目標網站網頁的設計內容、方向、網站所要突出的重點等問題，然后，要縷清設計思路，規劃出詳盡的設計方案，做好網頁結構的編排，最后，細化網站結構，完善網頁制作的細節。只有按照規劃好的流程來，采用合適的網頁設計技術及軟件，才可以將電子商務網站網頁設計和制作的過程完成。
（一）電子商務網站網頁的設計內容分析
通常情況下，網站設計的方案要符合當下人們的審美觀，簡單來說，就是要符合大多數人的視覺習慣，并需要做好合理規劃。對于電子商務網站的設計而言，要能夠利用大塊區域來突出貿易活動的主體內容，并讓企業的產品、服務等項目列在最為突出的位置上，只有本著重點突出的原則，才能讓瀏覽網站的客戶清楚的看到企業的業務及文化，從而令其產生交易的想法。
（二）網站網頁結構編排與方案設計
以Web標準下的網店系統開發為例來看，在進行網頁方案設計之前，網頁模版的開發較為重要。在實際設計及制作的過程中，采用了SHOPEX網店系統開發的模版來為其做支撐，在每個設計模塊區域放置一個獨立的設計內容、產品或服務，這樣就會令用戶對電子商務平臺上的功能及業務模塊一目了然。最后，要進行網站網頁內容的填充，逐步細化網站結構，增添時尚感的素材完善網頁制作。
結束語：
通過分析電子商務網站網頁設計的特殊性，結合基于web標準的制作技術，來進一步探究網絡時代的發展對于電子商務網站網頁設計及制作的影響，并提出完善電子商務網頁網站設計和制作的具體策略。在web標準基本思想的推進下，開發了一套高效制作電子商務網站網頁的系統，并且將其應用于實踐，取得了良好的實踐成果。總之，以web標準下為例來看，新形勢下電子商務網站網頁設計與制作已經不同以往，需要改換新型設計內容、結構設計、方案設計等內容，只有這樣，才能突出現代電子商務網站網頁的設計特點，抓住人們的視線，從而促進電子商務的快速發展。
參考文獻：
[1]朱淑琴，魏威，張嘉萌.基于Web標準的電子商務網站網頁設計與制作[J].計算機與現代化，2012，03（03）：106-109.
[2]鄭偉，張永良，郭偉，張學琴.《商務網頁設計與制作》項目課程的開發與建設[J].楊凌職業技術學院學報，2010，04（04）：71-74.
關鍵詞：說課；高職；電子商務網頁設計；教學
中圖分類號：G712 文獻標識碼：B 文章編號：1002-7661（2013）31-017-01
說課，作為一種教學、教研改革的手段，最早是由河南省新鄉市紅旗區教研室于1987年提出來的。實踐證明，說課活動有效地調動了教師投身教學改革，學習教育理論，鉆研課堂教學的積極性。是提高教師素質，培養造就研究型，學者型青年教師的最好途徑之一。隨著課改的逐層深入，我院比較注重教師業務素質的提高，舉行了不同形式的業務活動，特別是說課比賽，全員參與，每個人在整個說課參與過程中受益匪淺。
一、說課過程
本文選擇了電子商務專業核心課程《電子商務網頁設計》，主要從以下幾方面闡述了這門課程的教學實施過程。
1、課程性質及目標
主要說明“這是門什么樣的課程，為什么要開這門課程”。
（1）課程地位：電子商務網頁設計是我院電子商務專業課程體系中的主干課程之一，是學生從事電子商務工作必須具備的基本技能。它既是其他專業課程的基礎，又是一門實用性很強的工具課，在整個教學體系中占據非常重要的地位。
（2）先修課程與后續課程：本課程強調學生對電子商務網頁設計基礎知識的的學習和基本操作技能的培養，為學生利用掌握的理論知識和操作技能，解決后續專業課程的學習及工作、生活中遇到的實際應用問題，以適應當今社會信息化及商務信息化發展的現狀對電子商務人才知識結構和應用技能的要求。本課程的先修后程有電子商務基礎、數據庫技術、Photoshop圖形圖像處理等，后續課程是電子商務網站建設，在整個課程體系中起到一個承上啟下的作用。
（3）課程目標：電子商務網頁設計作為一門專業核心課程，應該為學生進入社會打下一定的基礎。通過調研電子商務專業課程負責人、畢業生及各企事業與電子商務網頁設計相關崗位的從業人員，確定了該課程的課程目標及課程內容。
（4）能力目標：①具備優秀的電子商務網頁設計能力；②能夠負責網站頁面的前臺及美工處理，能夠獨立撰寫網站設計任務書，規劃、建立和管理靜態網站；③通過與專業課的密切結合和實際應用，具備市場有敏銳的洞察力和分析能力，并設計完成一定數量的網頁作品。
（5）知識目標：①掌握全新的網頁設計理念、最新的電子商務網頁設計技術和最前沿的行業發展動態；②掌握網頁設計工程師、網站編輯等崗位工作任務的一般流程；③熟練掌握HTML、Dreamweaver、CSS的概念及應用。
（6）態度目標：①激發學生學習和使用軟件進行電子商務網頁制作的興趣，能夠對自己所從事的網頁設計與制作工作充滿激情；②培養學生愛崗敬業、吃苦耐勞、求真務實、嚴謹規范的工作作風；③培養學生的團隊協作精神，使學生在該課程實訓過程中學會與人溝通和協作的方法，提高學生的職業素養，提高社會適應能力，發掘學生自主學習、創造性勞動、責任感、效率觀念、自我拓展的品質。
（7）本課程最終目標：使學生全面掌握網頁設計與制作的常用技術和方法。能夠設計制作出布局美觀、鏈接合理、包含多種媒體信息并具有交互功能的豐富網頁；能夠建立、管理與網站，應用商務網站實現傳統商務活動，以適應現代社會對電子商務技術型人才的需要。
2、教學實施過程
由于電子商務網頁設計課程綜合性強，要想上好這門課，就必須規劃好它的內容。整個《電子商務網頁設計》課程劃分為三大模塊，分別是頁面設計部分（Dreamweaver），圖形圖像部分（Fireworks）和動畫設計部分（Flash）。對于課程教學設計與實施，其指導思想為：以職業能力培養為主線，以工作過程為導向，以崗位需求為目標，構建合理的教學體系；基于工作過程，對知識點重新排序，按完成工作任務的順序進行教學，從而充分體現高職教育的職業性、實踐性和開放性。
（1）教學設計：在課程教學過程中，采用小組教學的模式，所有學習性工作任務由小組成員共同完成，課程主要分理論教學和實踐教學兩部分，教學場所根據課程實際情況安排在多媒體教室和模擬實訓室。
（2）教學方法與手段：在教學實踐中，本人根據新的教育理念和素質教育的要求，結合自己的知識結構研究探索了許多有效的教學方法并積極在課堂教學中進行大膽實踐，形成了靈活多樣的教學方法體系。①講授法――在理論教學過程中，基本的理論知識運用的都是此方法。②演示法――在講解HTML代碼時，通過代碼來查看其運行出來的結果，即代碼的頁面效果，運用的是此方法。③啟發法――教學過程中跟據教學內容先給學生提出問題，讓學生先思考，老師再根據學生的想法提出質疑和解答，此時用到啟發示教學法。④驅動法――本課程所有章節知識的講解用到的都是此方法，每節根據一個具體的任務進行講解，任務完成了，章節的知識點也就掌握了。
⑤陶冶法――教學過程中，給學生瀏覽多個優秀的電子商務網頁頁面，使學生有一種美的享受，從而陶冶他們的情操，使學生能夠設計出漂亮的電子商務網頁，這時用到的就是陶冶法。
（3）教學資源：本課程教學過程中主要用的的教學資源包括硬件資源和軟件資源兩方面。其中，硬件資源主要包括多媒體教室、實訓室、教材等；軟件資源主要包括教學課件、素材、相應的應用軟件以及相關網絡資源等。
（4）考核方法：根據電子商務網頁設計崗位職業能力及職業資格標準要求，制定了本課程的教學評價方案，把電子商務網頁設計課程分為平時考核成績和期末考試成績兩部分。
二、課程改革方向
本文以說課的形式闡述了《電子商務網頁設計》課程的教學實施過程，通過說課，本人對整個課程體系有了更全面的把握，對該課程實施教學改革具有重要推動作用。
參考文獻：
【關鍵詞】Web標準；電子商務網站；設計與制作策略；分析
前言
互聯網技術的推廣與發展進程不斷加快，對人們的日常生活與工作各方面都產生了重要影響。網頁的設計與制作隨著網絡技術、科技水平的發展受到人們的高度重視，其主要是將網絡作為主要載體，將各種信息以更加快捷、方便的形式傳達給人們。根據相關數據統計顯示，從事網頁設計制作的人員達到了300萬之多，但在網頁設計發展過程中還存在諸多問題，因此應突破網頁結構單一、空洞等問題才能將網頁的設計與制作水平進一步提升[1]。
1Web標準技術概述
1.1Web標準內涵
Web標準不僅僅作為標準，其主要是對一系列標準進行組合。一般的網頁中主要由結構、行為、表現三部分共同組成，并與XML、XHTML相對應，表現對應的標準可以將其成為CSS。1.1.1結構在結構中主要的技術可包含拓展超文本標記語言與可拓展標記語言，在網站王者設計中主要將其應用在網頁數據分類以及整合方面。在兩個標準中，XML的表現形式為源語言，其主要是讓用戶字自身的語言進行標記與重新定義，具備較強的數據轉換功能。1.1.2行為在Web標準的行為中，主要包含ECMAScript[2]與對象模型。其在網頁設計與制作中主要可以應用在交互式的操作網頁文檔方面。其可以將界面上操作對象實施的交互操作有效實施，利用DOM可對對象有效定義與修改，還可將對象之間存在的各種關系有效處理。1.1.3表現其中最主要的技術便是CSS，通常人們將其成為層疊樣式表，在網站網頁設計中可應用改在控制瀏覽器的顯示方面，其也是決定網頁設計風格的主要因素。
1.2基于Web標準前提下的網頁設計流程（略）
2基于Web標準標準的電子商務網頁設計與制作流程
在基于Web標準進行電子商務網站網頁設計的過程中，主要包含內容分析、結構設計、方案設計三部分。在進行布局設計的過程中，可利用XHTML與CSS對頁面進行合理布局，可實現網頁布局的目標。在進行設局實際過程中，可利用CSS與美工設計元素互相結合，將設計方法轉化為最終的網頁。
2.1內容分析
網頁設計作為視覺語言的主要表達方式，應進行合理的編排與布局，從而確保網頁的布局更加清晰、合理、內容充實。在進行網頁版面布局的過程中，應將網頁設計的更加醒目，使用戶在使用過程中對各項功能一目了然，其他部分的版面設計應與主頁的風格保持一致。較為常見的布局模式包括國字型、廠字型等。本文將以汽車用品為主的銷售網站作為案例分析，由于汽車商品類型多樣[3]，在設計網頁過程中，應將商品的導航以及產品展示作為重點。案例中采用的網頁布局為框架型布局方式，可將頁面分成各種模塊。在網頁左邊為縱向的導航欄，右邊則為商品的展示欄。在網頁底部呈現了網站的基本信息與商家的聯系方式等信息。在網頁模板的頂部與底部都會出現在每一個網頁的同一位置中。
2.2結構設計策略
在對汽車銷售網站進行網頁開發過程中，可將其乘坐為模板，將其抽象地分為不同區塊，其中包含核心流程業務模塊、展示功能模塊等。在將模塊開發完成后便可投入使用。在用戶瀏覽、操作網頁的過程中，程序員可通過后臺進行可視化的管理與操作，用戶可以將不同的模塊進行拖放配置，構建個性化的網頁布局設計，方便用戶的使用與瀏覽。用戶在操作汽車銷售網頁過程中，其中的框架作為頁面的骨架，決定了頁面的整體布局與模塊擺放區域。框架通常采用的是HTML文件，其主要為了將頁面進行區分，還會在適當的位置對模塊進行放置，可用<{widgets}>代碼進行表示，方便用戶在使用過程中利用可視化編輯將模塊進行合理配置。對于板塊區來說，其能將汽車銷售網站最為個性的地方進行呈現，可利用模塊內容將網頁的更新實現，在網頁頁面中的各個模塊都有指定的ID，模塊的區域能呈現豎向擺放的形式，或呈現多個商品內容。模塊為獨立形態，可對不同的邊框進行切換，從而將呈現樣式進行改變。在網頁模塊的頂部與底部都會出現在各個網頁中的同一個位置，對于任何電子商務網站來說，應將網站頂部合理設計，才能擁有功能完善、結構清晰的網站頂部，從而提升網站的效益。
3結語
基于Web標準對電子商務網站網頁進行設計與制作，可促進電子商務網站的運作效率，為用戶提供巨大的便利，從而促進網站的使用效率與綜合收益，還可提升電子商務網站的運行效率與性能。
參考文獻
[1]朱淑琴，魏威，張嘉萌.基于Web標準的電子商務網站網頁設計與制作[J].計算機與現代化，2012，03：106~109.
[2]王亞輝.Web標準的電子商務網站網頁設計研究[J].電子商務，2015，05：49+82.
>> 電子商務網頁設計與制作課程教學改革探究 中小企業全程電子商務“一站式”服務模式研究 咸陽旅游業電子商務一站式服務平臺建設研究 外貿全程電子商務“一站式”服務模式探析 高職電子商務專業《商務網頁設計與制作》課程設計研究 網頁制作與電子商務網站安全 《電子商務網站設計》課程教學改革研究與實踐 基于職業能力培養的《電子商務網頁美工》課程教學改革研究 “電子商務網頁圖片處理”課程改革的探索與實踐 新形勢下電子商務網站網頁設計與制作探討 基于工作過程的電子商務網頁制作課程教學探討 項目教學法在《電子商務網頁制作》課程中的運用 項目教學法在《電子商務網頁制作》 “電子商務網頁制作”課堂教學微課化初探 高職院校電子商務網絡營銷課程改革與實踐 高職電子商務專業實踐教學改革 高職電子商務專業實踐教學改革研究 高職電子商務專業實踐教學改革初探 《電子商務網站建設與管理》教學改革研究 《電子商務網站建設與管理》課程教學改革研究 常見問題解答 當前所在位置：，如圖1所示。頁面布局上可分為四大部分，因為網頁頭部、網頁底部和網頁中部左邊的欄目導航這三部份網頁內容已在任務1和任務2制作完成，所以本次項目的實驗重點就是網頁中部右邊的新聞列表欄目的制作。
制作靜態網頁
1）任務分析與操作。對于本實驗任務，網頁頭部、網頁底部和網頁中部左邊的欄目導航這三部分的網頁內容和樣式已經在任務2完成，可以直接從任務2復制頁面內容相同的代碼和樣式，然后再編寫新聞列表欄目的代碼和樣式。通過觀察圖1新聞列表欄目內容布局，又可以細分為當前位置提示、新聞標題列表和翻頁鏈接三部分。因此可以設計新聞列表欄的div框架代碼：
#newsquery li{list-style-type： none； background-image： url（../images/line.gif）；}
下面是新聞列表欄目制作的部分樣式設置及屬性說明：
#newsquery {margin：0px；padding：0px； width：700px；}
#newsquery ul{margin：0；padding：0；}
#newsquery li{list-style-type： none； background-image： url
（../images/line.gif）； background-repeat： no-repeat； background-position：0px 4px； text-indent：25px； line-height：35px}
制作動態網頁
1）任務分析與操作。因為選擇的建站系統是dedeCMS內容管理系統，所以本次任務制作的動態網頁其實就是制作網站的模板頁。下面是本次任務制作的網站模版頁的方法和操作。
網站新聞列表頁的靜態頁面做好后，首先將list_news.
htm文件及其用到的圖片和樣式復制到dedeCMS站點下
templets＼default文件夾中的對應位置。接著在Dreamweaver
