關于Web標準的電子商務網站網頁設計論文
關于Web標準的電子商務網站網頁設計論文
隨著網絡的流行和發(fā)展,網頁布局和樣式越來越復雜,對于大型的電子商務網站,傳統(tǒng)的網頁制作技術已無法滿足需要,基于Web標準的網頁制作技術成為網頁設計的主流。以下是學習啦小編為大家精心準備的：關于Web標準的電子商務網站網頁設計相關論文。內容僅供參考，歡迎閱讀!
關于Web標準的電子商務網站網頁設計全文如下：
【摘要】：本文以Web標準為基本思想,闡述了針對電子商務網站網頁設計的思想和策略,探究了一套緊隨時代需求的網站設計流程。
【關鍵詞】： Web標準 電子商務網站 網頁設計
引言
隨著計算機網絡技術的迅速發(fā)展，網站的網頁設計布局也顯得越來越復雜，在專業(yè)技術上的要求也越來越綜合。同時，電子商務在這樣的潮流下飛速發(fā)展，但電子商務網頁設計卻成了阻礙電子商務發(fā)展的一個重要因素，在這樣的形勢下，電子商務網頁設計與制作就需要有專業(yè)的技術來實現(xiàn)，僅僅依靠傳統(tǒng)的網頁設計技術已不能滿足時代的需求。目前，基于Web標準的網頁設計思路已成為網站開發(fā)的主流，以Web標準為基本思想探究出一套有效的、緊跟時代步伐的設計流程，同時針對電子商務領域研究有效的網頁設計策略。
1、關于Web標準的主要技術
1.1 什么是Web標準
Web標準不僅僅是一個標準，而是一系列標準的組合。一般的網頁都由三個部分組成，即結構、行為和表現(xiàn)，而這三個部分中結構對應的標準為XML和XHTML，行為對應的標準為對象模型等，表現(xiàn)對應的標準為CSS。
① 結構
其中的主要技術包括可擴展超文本標記語言(XHTML)和可擴展標記語言(XML)，主要應用在對網頁數(shù)據的分類以及整合方面。在這兩個標準中，XML是一種源語言，它能夠讓用戶對自己的語言進行標記定義，其具有的數(shù)據轉換能夠相對來說比較強大，而XHTML在性能上結合了超文本置標語言(HTML)的簡單特性，同時，它還使用了XML的強大的功能系統(tǒng)，在語法上相對來說也比較嚴格。
?、?行為
其中的主要技術包括ECMAScript和對象模型(DOM)，主要應用在交互操作網頁文檔方面。ECMAScript能夠有效的實現(xiàn)界面上操作對象的交互操作，而DOM能夠定義、修改以及表示文檔所需的對象、所需的對象的屬性和行為，同時還能處理這些所需的對象之間的關系。
③ 表現(xiàn)
其中的主要技術是CSS，即層疊樣式表，主要應用在對瀏覽器的顯示控制方面。CSS控制的表現(xiàn)與XHTML決定的結構相分離，主要用來設計網頁的風格。
1.2 Web標準下的網頁設計流程
Web標準下的網頁設計流程主要包括語義結構定義、網頁內容添加、CSS美化網頁以及添加動態(tài)元素四個部分。
語義結構定義：進行這個部分時，需要我們能夠根據網頁上的設計圖，對我們所需要的DIV層塊進行進一步分析，同時也要分析各個層塊之間的相互關系，為達到一個好的訪問速度，DIV層塊應該小于等于三層。
網頁內容添加：在第一步中定義好語義結構后，然后根據網頁設計圖添加內容，并且在每一個層塊添加合適的網頁內容，其中包括添加文字、圖像、表單、列表等。
CSS美化網頁：在進行網頁設計時，需要使用CSS對網頁的整個頁面進行布局，其中包括在頁面中加入邊框和背景等;同時，還需要使用CSS的相關設置，其中包括字體和大小等。
添加動態(tài)元素：在網頁中添加動態(tài)元素時，需要根據網頁設計圖對各個方面的要求，利用JavaScript技術完成網頁中動態(tài)元素的添加，包括添加導航菜單、焦點圖及其它動態(tài)元素等。
2、電子商務網站網頁設計所需要的技術
隨著互聯(lián)網科學技術的飛速發(fā)展，越來越多的企業(yè)應用互聯(lián)網技術推動了企業(yè)的發(fā)展，人們的生活方式也受到互聯(lián)網的影響。在這樣的背景下，電子商務也逐漸發(fā)展壯大，而電子商務網站網頁設計就成了相對重要的一部分，網頁設計是以網絡為載體，把一些對人們有用的信息方便快速的傳達給他們。在進行電子商務網站網頁設計時，整個過程都要用到大量的電子商務設計軟件，而設計的過程又需要計算機技術作為基礎。在研究基于Web標準的電子商務網站網頁設計時，在設計過程中需要有縝密的思想來進行設計的每一個流程，然后開發(fā)網上商店系統(tǒng)，以達到對網店實行有效的管理以及擴展網店的業(yè)務。在Web的標準下，網頁設計者能夠有效的將網頁結構劃分清楚，這樣就能夠提升電子商務網站網頁開發(fā)的效率，同時還能夠盡可能的降低網頁設計成本。
3、電子商務網站網頁設計過程
在設計電子商務網站網頁時，可以按照下面的流程進行：內容分析、結構設計、方案設計以及表現(xiàn)設計。
第一，內容分析：即通過了解需要展示在網頁上的具體內容，清楚各內容所具有的邏輯關系，最后分清楚各個內容的重要程度從而合理安排位置。第二，結構設計：即根據內容分析得出的相關結論，找到合理有效的網頁布局，從而設計出好的XHTML結構。第三，方案設計：使用好的美工設計軟件，設計出一個能給人視覺帶來享受的網站頁面設計圖。第四，表現(xiàn)設計：表現(xiàn)設計又可分視覺設計和布局設計，視覺設計即是使用CSS美化網頁的方式，同時配合美工設計元素，將設計方法轉化為網頁的方式。布局設計即是通過使用CSS和XHTML對網站頁面進行布局設計。
3.1 內容分析
一個電子商務網站能否起到吸引客戶的效果，取決于這個電子商務網站網頁的布局是否清晰明了，能否給人一種視覺上的享受。網頁設計就是一種視覺語言，對布局和色彩的搭配要求很高，要求網站的主頁也能給人一種美的享受，其它網站頁面的布局也應該與主頁相協(xié)調。電子商務網站中網頁布局形式多種多樣，有“廠”字型、“國”字型、“封面”型以及經濟“框架”型等。
對電子商務網站網頁的版面進行好的布局是網頁設計中的一項重要內容，網頁的版面即是在瀏覽器中我們能看到的一個完整的頁面。網頁布局即是采用最好的搭配方式將所需要展示的文字內容與圖片顯示在整個網頁中，網頁版面布局即將指定內容在瀏覽器中顯示出來，例如導航欄的顯示、徽標的位置、主要內容的排版等。我們經常使用到的版面布局結構主要有!字型和! 字型兩種，在設計過程中，還可以采用CSS實現(xiàn)將!字型設計成式，中間幾列的盒子必須用一個大盒子包含起來，否則這幾列無法實現(xiàn)居中，這樣就能展現(xiàn)設計的美，給人一種視覺享受。
3.2 結構設計
為電子商務網站開發(fā)網頁時，網頁中展示的有突出核心的業(yè)務區(qū)，也有展現(xiàn)其它功能的區(qū)域，整個網頁開發(fā)完成后，用戶可以在后臺進行可視化的操作，同時，用戶還可以創(chuàng)建屬于自己的個性化的網頁。在設計電子商務網站網頁時，框架是整個網頁的核心部分，它決定了整個網頁的整體布局效果，框架一般都是HTML格式的文件，它能夠將頁面劃分區(qū)域。
在制作電子商務網站時，首先要在硬盤上新建一個文件夾，并把這個文件夾作為網站的根目錄，最后將這個目錄上傳到服務器上就行了。一個網站就對應一個磁盤上的文件夾，設計網站所需要的全部資源以及所有網頁都放在這個文件夾里面。
3.3 表現(xiàn)設計
在設計好網頁和它的結構后，可以使用CSS為網頁文檔添加樣式。首先要將已經設計好的方案中的網頁圖片分離出來，然后使用CSS為其添加合適的樣式，在進行這個操作的整個過程中，涉及到CSS的布局以及背景圖片應用，在使用CSS時，可在網站的前臺觀察到網頁的板塊區(qū)域，板塊區(qū)域的個數(shù)會根據有設計的電子商務網站的類型不同而有所變化，這個過程是由CSS規(guī)則確定的，并且整個框架結構是由HTML文件確定的。這樣設計的網站，可以在其后臺進行可視化設計，向所需要的區(qū)域添加好的插件等，這樣網頁表現(xiàn)出來的畫面效果更好。
4、結語
隨著時代的發(fā)展，人們不再滿足于單調的生活模式，在這樣的背景下，互聯(lián)網技術慢慢融入到人們的生產與生活中去，這就使得方便人們生活的電子商務逐漸發(fā)展起來。目前，大多數(shù)人的生活開始與電子商務緊密聯(lián)系在一起，而電子商務的網頁設計的好壞直接關系到整個電子商務模式的運行。因此，研究基于Web標準下的網頁設計技術成為了電子商務門戶的重點，這樣才能有效的提升電子商務網站的性能以及開發(fā)效率。
相關文章：