Web標準下的電子商務網(wǎng)站網(wǎng)頁設計分析

范玉鳳

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

關鍵詞：Web標準;電子商務;網(wǎng)站;網(wǎng)頁設計

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

一、Web標準的主要技術

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

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

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

（二）行為

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

（三）表現(xiàn)

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

二、Web標準下的電子商務網(wǎng)站網(wǎng)頁設計分析

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

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

（二）結(jié)構(gòu)設計

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

（三）表現(xiàn)設計

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

結(jié)束語：

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

參考文獻：

[1]劉巖.基于Web標準的電子商務網(wǎng)站網(wǎng)頁設計與制作[J].通訊世界，2017（13）：117.

[2]王亞輝.Web標準的電子商務網(wǎng)站網(wǎng)頁設計研究[J].電子商務，2015（05）：49+82.