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