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