試析基于Web標準技術進行網(wǎng)頁的設計和開發(fā)

李達晗 裴夢雅 高天澤

摘要：信息技術的進步，促進了互聯(lián)網(wǎng)的發(fā)展，對人們?nèi)粘Ｉ钣绊懖粩鄶U大，使得各種商業(yè)化網(wǎng)站越來越多。Web標準是當前國際上所推廣的基本網(wǎng)站標準，應用Web標準進行網(wǎng)頁設計與制作，不僅可以有效地開發(fā)網(wǎng)站，也能夠進一步提高網(wǎng)站的性能。本文概述了、Web標準技術，簡述了Web標準技術下的網(wǎng)頁設計和開發(fā)流程，對基于Web標準技術下的網(wǎng)頁設計和開發(fā)進行了探討[1]。

關鍵詞：Web標準技術;網(wǎng)頁;設計開發(fā)

引語

Web標準技術作為目前國際上正在火熱推廣的網(wǎng)站標準，其最典型的應用模式是“CSS+ XHTML”，這個模式中所體現(xiàn)的是兩者之間分工合作與負責協(xié)調(diào)標準技術中的性能，利用XHTML負責結(jié)構(gòu)，CSS負責性能來使得該標準體系更加完整和協(xié)調(diào)發(fā)展。這一標準技術摒棄了以往 HTML4.0中的表格定位方式，做到了減少網(wǎng)絡寬帶資源浪費的現(xiàn)象，因為這項技術使得網(wǎng)站設計代碼更加規(guī)范，由此加快了網(wǎng)站訪問的速度，使得用戶對網(wǎng)絡有了更滿意的體驗?；诖?，以下就基于Web標準技術下的網(wǎng)頁設計和開發(fā)進行了探討分析。

1.使用Web標準技術進行網(wǎng)頁設計和開發(fā)的好處

1.1提高可見性并易于搜索

通過正確無誤的語義信息可以使得站點更容易被其他用戶發(fā)現(xiàn)和搜索，那么這就要求用戶需要將代碼從無語義的表格布局更新為結(jié)構(gòu)清晰的標簽，用這種方式能夠提高網(wǎng)頁列表排名和可見性。

1.2減少預算并投入更多有效資金

減少預算可以說是所有用戶所追求的一項目標，那么層次是可以通過在建構(gòu)和行為上去除相應的網(wǎng)站績效，使得開發(fā)和測試變得簡單化和便捷化，這種方式不僅可減少預算，也將使得用戶在可用性網(wǎng)站和內(nèi)容的開發(fā)上投入有效資金，此時就產(chǎn)生了網(wǎng)站之間的權力售賣[2]。

1.3提高網(wǎng)站性能

從結(jié)構(gòu)和行為上剝離網(wǎng)站表現(xiàn)，讓你的網(wǎng)站更輕量級，從而提高性能。

1.4方便瀏覽工具的分離

同樣需要從結(jié)構(gòu)和行為分離出來的還有瀏覽工具，目前隨著手機的更新?lián)Q代速度加快，此時合適的語義標簽需要將各種瀏覽器和不同設備訪問運用到更加廣泛的領域，對于殘疾人來說，閱讀屏幕成為一項難度較大的工作，那么通過對移動設備的轉(zhuǎn)化，為殘疾人提供一種針對其特殊群體的特殊工具，例如屏幕閱讀器和其他可在政府網(wǎng)站上推廣的瀏覽工具。

2.基于Web標準技術下的網(wǎng)頁設計和開發(fā)的要點分析

在Web標準技術下，我們需要在網(wǎng)頁設計和開發(fā)中尋求流程開發(fā)，作為一系列標準化技術的綜合體，網(wǎng)絡標準技術需要通過網(wǎng)絡標準來設計更多的網(wǎng)頁，同時改變傳統(tǒng)的結(jié)構(gòu)和外觀，提高網(wǎng)頁的開發(fā)速度和維護效率。以此實現(xiàn)降低使用 Web技術的企業(yè)在網(wǎng)站上的投資成本，并獲得最大的經(jīng)濟效益。與設計與開發(fā)某企業(yè)網(wǎng)站有關的網(wǎng)頁分析：

2.1網(wǎng)頁內(nèi)容的分析

就企業(yè)建設網(wǎng)站而言，網(wǎng)頁內(nèi)容的分析一般是為了宣傳和營銷，所以在內(nèi)容的選擇上，要綜合分析企業(yè)的經(jīng)營方向和主要商品。其次是主要商品的介紹和宣傳，從而加深游客對商品的了解，激發(fā)消費者的購買欲望，達到營銷目的。版面要表現(xiàn)的內(nèi)容，要理清各種邏輯關系，明確主次目標，合理把握企業(yè)要達到的效果的重要程度，這樣才能在內(nèi)容的內(nèi)嵌中適當?shù)匕才拧?/p>

2.2網(wǎng)頁的結(jié)構(gòu)設計分析

頁面結(jié)構(gòu)的設計需要主要結(jié)合內(nèi)容分析的結(jié)果，對于整個結(jié)構(gòu)的設計來說，應當將合理和豐滿的要素充分表達出來。其中的合理性所指的是網(wǎng)頁布局和內(nèi)容的一致性;而豐滿指企業(yè)對所要表達的內(nèi)容完整性的保證[3]。在結(jié)構(gòu)的確定之后，此時需要建立一個合適的 XHTML結(jié)構(gòu)。在一些局部的網(wǎng)站里，這種結(jié)構(gòu)被當作模板。在此類型模板中，每一個內(nèi)容都被進行了詳細地描述，并且達到作為企業(yè)所需的目的。

2.3網(wǎng)頁的方案設計要點

按照更加嚴格的標準來說，網(wǎng)頁方案設計在本質(zhì)上并不屬于Web標準，但是其對網(wǎng)站網(wǎng)頁的設計方面有重要作用，因此在網(wǎng)站設計與制作中，需要制定更加充實的方案。通過對局部進行美化，從而產(chǎn)生視覺上的沖擊來獲得訪問一定程度上的滿意度。

2.4連接網(wǎng)絡

網(wǎng)頁設計的完成不僅僅是結(jié)構(gòu)、內(nèi)容和變現(xiàn)三者的完美統(tǒng)一，更加需要通過更特別的方式將其展示于公眾視野當中。網(wǎng)絡本身就是一個實現(xiàn)網(wǎng)站信息化的工具，那么通過網(wǎng)頁植入到企業(yè)網(wǎng)站的方式，便將有利于企業(yè)將想要出現(xiàn)的東西展現(xiàn)于網(wǎng)民的眼前[4]。

3.結(jié)束語

總之，隨著我國信息技術在經(jīng)濟領域的不斷滲透，越來越多的企業(yè)擁有了自己的網(wǎng)站。公司網(wǎng)站與各種企業(yè)文化有著密不可分的聯(lián)系，通過企業(yè)網(wǎng)站，使各企業(yè)之間的員工與上層領導聯(lián)系緊密，并通過企業(yè)網(wǎng)站向外部傳遞企業(yè)文化管理概況，介紹企業(yè)的業(yè)務發(fā)展狀況，并通過企業(yè)文化的展示，使消費者以及其他企業(yè)對本企業(yè)的認知更加清晰。從而進一步打開消費市場，擴大企業(yè)知名度。伴隨著商業(yè)模式的創(chuàng)新和推廣力度的加大，網(wǎng)頁設計成為一個領域發(fā)展的對象，也從側(cè)面反映了網(wǎng)頁設計和開發(fā)在 Web標準下的發(fā)展。

【參考文獻】

[1]童建. 試析基于Web標準技術進行網(wǎng)頁的設計和開發(fā)[J]. 大科技，2017（3）.

[2]鄔鄭希. 基于Web標準的《多媒體教育資源設計》網(wǎng)站設計與開發(fā)[D]. 山東師范大學.

[3]嚴加瓊.淺析網(wǎng)頁設計中的頁面布局[J].智能計算機與應用，2018（1）：41-44.

[4]石國河.網(wǎng)頁設計中JSP和ASP技術的應用[J].通信技術，2018（2）：98-100.