范玉鳳

摘? 要：在網(wǎng)絡(luò)越來(lái)越流行的趨勢(shì)下，網(wǎng)頁(yè)布局與樣式愈發(fā)復(fù)雜，就大型電子商務(wù)網(wǎng)站而言，傳統(tǒng)網(wǎng)頁(yè)制作技術(shù)早已無(wú)法滿(mǎn)足網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)需求了，而以Web標(biāo)準(zhǔn)為載體的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)制作技術(shù)已成為當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的主流。在這篇文章中，筆者將以Web標(biāo)準(zhǔn)的主要技術(shù)分析為切入點(diǎn)，詳細(xì)介紹實(shí)施電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的策略。

關(guān)鍵詞：Web標(biāo)準(zhǔn);電子商務(wù);網(wǎng)站;網(wǎng)頁(yè)設(shè)計(jì)

以Web標(biāo)準(zhǔn)為載體的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)制作技術(shù)已成為當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的主流。在信息時(shí)代背景下，把握時(shí)代特點(diǎn)，優(yōu)化教學(xué)，是教師實(shí)施教學(xué)的主要途徑。在這篇文章中，筆者將以Web標(biāo)準(zhǔn)的主要技術(shù)分析為切入點(diǎn)，詳細(xì)介紹實(shí)施電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的策略，幫助學(xué)生掌握新技術(shù)，更好地適應(yīng)社會(huì)。

一、Web標(biāo)準(zhǔn)的主要技術(shù)

Web標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)組合。通常網(wǎng)頁(yè)都包含結(jié)構(gòu)、行為、表現(xiàn)三部分，其中結(jié)構(gòu)標(biāo)準(zhǔn)是XML與XHTML;行為標(biāo)準(zhǔn)是對(duì)象模型;表現(xiàn)標(biāo)準(zhǔn)是CSS。

（一）結(jié)構(gòu)

對(duì)于結(jié)構(gòu)而言，主要技術(shù)包含XML與XHTML，切實(shí)應(yīng)用于網(wǎng)頁(yè)數(shù)據(jù)分類(lèi)與整合層面?；诖藰?biāo)準(zhǔn)，XML從屬于源語(yǔ)言范疇，其可促使用戶(hù)標(biāo)記定義自身的語(yǔ)言，其數(shù)據(jù)轉(zhuǎn)換能力十分強(qiáng)大;XHMTL的性能層面結(jié)合了HTML的簡(jiǎn)單特性，且融合了XML強(qiáng)有力的功能系統(tǒng)，在語(yǔ)法方面較為嚴(yán)格。

（二）行為

行為層面的主要技術(shù)包含ECMA Script與DOM（對(duì)象模型），其主要應(yīng)用于進(jìn)行網(wǎng)頁(yè)文檔交互式操作。ECMA Script可科學(xué)合理地進(jìn)一步交互操作界面對(duì)象，其中DOM可以定義、修改、表示文檔所需對(duì)象及其屬性、行為，還可處理所需對(duì)象間的密切關(guān)系。

（三）表現(xiàn)

對(duì)于表現(xiàn)方面來(lái)講，其主要技術(shù)是CSS（層疊樣式表），在瀏覽器顯示控制中的應(yīng)用最為常見(jiàn)。CSS控制表現(xiàn)與基于XHTML的結(jié)構(gòu)之間彼此分離，負(fù)責(zé)設(shè)計(jì)網(wǎng)頁(yè)風(fēng)格。

二、Web標(biāo)準(zhǔn)下的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)分析

（一）內(nèi)容分析

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)是視覺(jué)語(yǔ)言的重要表現(xiàn)方式，需科學(xué)合理編排與布局，以保證網(wǎng)頁(yè)布局清晰度、充實(shí)度。在網(wǎng)頁(yè)版面布局時(shí)，還需確保設(shè)計(jì)更加醒目，抓人眼球，從而使得用戶(hù)在使用過(guò)程中，可直接全面了解各項(xiàng)相關(guān)功能，其他的部分版面設(shè)計(jì)則應(yīng)該與主頁(yè)的實(shí)際風(fēng)格相一致。最常見(jiàn)的布局模式包含國(guó)字型與廠字型，以汽車(chē)用品為主的電子商務(wù)網(wǎng)站為例進(jìn)行分析。由于汽車(chē)相關(guān)商品的類(lèi)型繁雜，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，應(yīng)將商品導(dǎo)航與商品展示化為重點(diǎn)區(qū)域。汽車(chē)商品選擇框架型方式進(jìn)行網(wǎng)頁(yè)布局，可劃分頁(yè)面為不同模塊。而網(wǎng)頁(yè)坐標(biāo)也就是縱向的導(dǎo)航欄，其中右邊為商品的展示欄，底邊為網(wǎng)站基本信息與商家聯(lián)系方式等相關(guān)基礎(chǔ)信息的展示欄，網(wǎng)頁(yè)模板的頂部和底部則出現(xiàn)在各網(wǎng)頁(yè)的同一個(gè)位置上。

（二）結(jié)構(gòu)設(shè)計(jì)

在汽車(chē)銷(xiāo)售網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)時(shí)，可以其乘坐為模板，抽象劃分為不同區(qū)塊，即核心流程業(yè)務(wù)模塊與展示功能模塊等等。在模板開(kāi)發(fā)結(jié)束之后，便能夠及時(shí)投入正常使用。在用戶(hù)進(jìn)行網(wǎng)頁(yè)瀏覽與操作時(shí)，程序員可以以后臺(tái)為載體實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)的可視化管理與操控，用戶(hù)可拖放配置不同模塊，以生成個(gè)性化網(wǎng)頁(yè)布局，便于用戶(hù)使用瀏覽。用戶(hù)在進(jìn)行汽車(chē)銷(xiāo)售網(wǎng)頁(yè)操作的時(shí)候，其中框架作為頁(yè)面骨架，在很大程度上直接決定了頁(yè)面的整體布局和模塊的具體擺放位置?？蚣芡ǔ?huì)選擇HTML文件，以區(qū)分頁(yè)面，還會(huì)在合適的位置放置模塊，可以<{widgets}>代碼加以表征，以便于用戶(hù)使用時(shí)基于可視化編輯進(jìn)行模塊科學(xué)分配。就板塊區(qū)而言，其可呈現(xiàn)汽車(chē)銷(xiāo)售網(wǎng)站最個(gè)性化的部分，可通過(guò)模塊內(nèi)容更新網(wǎng)頁(yè)，網(wǎng)頁(yè)頁(yè)面上的各個(gè)模塊都會(huì)配置對(duì)應(yīng)的ID，而模塊區(qū)域可以豎向的擺放形式呈現(xiàn)許多商品內(nèi)容。模塊是相互獨(dú)立的，可切換不同邊框，以改變呈現(xiàn)樣式。對(duì)于所有電子商務(wù)網(wǎng)站來(lái)講，必須科學(xué)設(shè)計(jì)網(wǎng)站頂部，只有這樣，才可擁有具有健全功能與清晰結(jié)構(gòu)的網(wǎng)站頂部，以此提高網(wǎng)站整體效益。

（三）表現(xiàn)設(shè)計(jì)

為保障電子商務(wù)網(wǎng)站網(wǎng)頁(yè)美觀，切實(shí)將電子商務(wù)網(wǎng)站于產(chǎn)品、服務(wù)銷(xiāo)售、售后等多方面的積極作用發(fā)揮出來(lái)，設(shè)計(jì)人員可以進(jìn)行電子商務(wù)網(wǎng)站網(wǎng)頁(yè)內(nèi)容與結(jié)構(gòu)設(shè)計(jì)，從而提升網(wǎng)頁(yè)綜合表現(xiàn)力。在具體操作過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)人員基于CSS技術(shù)，添加網(wǎng)頁(yè)元素，在進(jìn)行添加的時(shí)候，適度分割圖片、視頻、文字信息，基于此，布局調(diào)整網(wǎng)頁(yè)內(nèi)部使用的圖片、視頻、文字信息的具體樣式，確保網(wǎng)頁(yè)設(shè)計(jì)科學(xué)合理性。在CSS技術(shù)應(yīng)用中，設(shè)計(jì)人員需要以電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)需求為基礎(chǔ)，就網(wǎng)頁(yè)DIV層塊設(shè)置情況，同時(shí)結(jié)合HTML文件，對(duì)網(wǎng)頁(yè)內(nèi)容表達(dá)方式進(jìn)行優(yōu)化與改善，從而將網(wǎng)頁(yè)的視覺(jué)美感切實(shí)保留下來(lái)。與此同時(shí)，由于不同的用戶(hù)使用需求也存在一定差異，所以設(shè)計(jì)人員需要在后臺(tái)做好可視化設(shè)計(jì)工作，在區(qū)域中設(shè)置插件，為用提供主動(dòng)性，以此方式提升網(wǎng)頁(yè)畫(huà)面效果。

結(jié)束語(yǔ)：

總之，在時(shí)代發(fā)展推動(dòng)下，單調(diào)的生活模式早已無(wú)法滿(mǎn)足人們的個(gè)性化需求，在此形勢(shì)下，互聯(lián)網(wǎng)技術(shù)已經(jīng)實(shí)現(xiàn)了與人們?nèi)粘Ｉa(chǎn)生活的有機(jī)融合，并由此衍生了便于人們?nèi)粘Ｉ畹碾娮由虅?wù)?，F(xiàn)階段，多數(shù)人的生活已與電子商務(wù)密切關(guān)聯(lián)，而電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)好壞，直接影響著整個(gè)電子商務(wù)模式的正常運(yùn)轉(zhuǎn)。所以，對(duì)Web標(biāo)準(zhǔn)下的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)技術(shù)進(jìn)行深入探究，成為了電子商務(wù)門(mén)戶(hù)的重中之重，只有這樣，才可有效提高電子商務(wù)網(wǎng)站整體性能。

參考文獻(xiàn)：

[1]劉巖.基于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作[J].通訊世界，2017（13）：117.

[2]王亞輝.Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)研究[J].電子商務(wù)，2015（05）：49+82.