1、現(xiàn)代網(wǎng)頁設計的模型與分析摘要：對網(wǎng)頁設計技術的發(fā)展歷史進行了簡要的回顧，從理論的角度提出并擴充了現(xiàn)代網(wǎng)頁設計的一般模型并作了相關的分析?；谛袨?、結構和表現(xiàn)的網(wǎng)頁設計模型，包括了現(xiàn)代網(wǎng)頁設計中使用的各種元素；通過對三元模型中各元素的分析，從行為設計、結構設計和表現(xiàn)設計三方面闡述了該模型在網(wǎng)頁設計中的參考價值和指導意義。關鍵詞：網(wǎng)頁設計；設計模型；行為；結構；表現(xiàn)1引言1965年，T.Nelson首次在計算機協(xié)會的會議上提出了超文本（hy

2、pertext）的概念；1969年C.GoldfarbE.MosherR.Lie等人在IBM工作期間，提出使用通用標記語言（GML）來編輯使用電子文本，1986年在GML的演進版本SGML被國際標準組織（ISO）采納。1989年，T.BernersLee在歐洲粒子物理實驗室開始編寫WldWideWeb；1991年，第一份超文本標簽語言HTML的草稿在網(wǎng)上發(fā)布了；1994年和1995年scape和微軟分別發(fā)布了網(wǎng)頁瀏覽器；1996年CSS

3、正式被W3C組織推薦；1997年，Navigat和IE發(fā)布4.0版本，支持動態(tài)HTML；1998年，XML語言為W3C所推薦[12]。從20世紀60年代至今，研究人員隨著電子、計算機、網(wǎng)絡等技術的發(fā)展，開創(chuàng)性地推出了一系列網(wǎng)頁制作技術。這些技術逐步演進為標準組織推薦使用的技術，極大地推動了互聯(lián)網(wǎng)的發(fā)展，社會呈現(xiàn)出了爆炸式的信息增長，這種增長同時也推動了網(wǎng)頁設計（webdesign）的發(fā)展。早期的網(wǎng)頁外觀是靜態(tài)的，只有文字與靜態(tài)的圖片，網(wǎng)

4、頁設計者著重編碼的實現(xiàn)。由于使用者的需求增強，網(wǎng)頁設計者使用各種動態(tài)技術，如使用VHTML、Flash等技術配合asp、php等編碼技術，使網(wǎng)頁變得更多彩，互動性更強。網(wǎng)頁設計內(nèi)容的擴充，在靜態(tài)網(wǎng)頁設計的編碼層次基礎上，融合結構、表現(xiàn)等多方面的設計元素，以更多元的表現(xiàn)風格和更強烈的表現(xiàn)方式將現(xiàn)設計者的個人理念融合在網(wǎng)頁開發(fā)技術中，很大程度上提高了網(wǎng)頁的功用性，豐富了現(xiàn)代網(wǎng)頁的藝術感?，F(xiàn)代社會的發(fā)展，網(wǎng)頁使用者對網(wǎng)頁的使用方式和表現(xiàn)形式等

5、提出了更高的要求，這就要求網(wǎng)頁開發(fā)者從更高的角度來看待網(wǎng)頁設計。本文從建模的角度來分析網(wǎng)頁設計一般意義上的元素，提出了基于行為、結構、表現(xiàn)的三元模型。2現(xiàn)代網(wǎng)頁設計模型網(wǎng)頁設計以文字表述來架構網(wǎng)站的主體思想和結構，通過多種表現(xiàn)手段來輔助增強網(wǎng)頁的表現(xiàn)能力，并以一定的網(wǎng)頁技術來完成整個設計。著名網(wǎng)頁設計專家JeffreyVeen曾提出，網(wǎng)頁設計的三元素在于：文字（Wds）、圖像（Pictures）、編碼（Code），通過三元素之間的相互配

6、合形成網(wǎng)頁設計的模型[3]，如圖1所示。網(wǎng)頁設計的三元模型框架建立在編碼的基礎上，它定義了網(wǎng)頁相對于用戶的行為，其中包含了各種網(wǎng)頁編碼技術，目前通過使用多種工具可以實現(xiàn)可視化的編碼，而且隨著技術發(fā)展，編碼的可操作性會日益增強；但是，任何優(yōu)秀的網(wǎng)頁設計植物的種類，體系則是進行縱向從屬的設計，比如組織結構的上下級關系。在結構設計過程中，還有一種常用的矩陣（Matrix）設計，矩陣從橫向和縱向兩個緯度對某一類信息進行歸類，如圖3所示。另外，在

7、一些更為復雜的設計需求中，還會使用多維度的交叉設計?？傊?，結構設計的目標在于完善網(wǎng)頁設計中對信息的妥善處理，讓網(wǎng)頁最大能力地展現(xiàn)出自身的內(nèi)容，同時使得用戶可以更明確、更快捷地獲得想要的信息。3.2表現(xiàn)設計表現(xiàn)是頁面的形象，即設計者希望展現(xiàn)給用戶的直觀面貌；表現(xiàn)力展現(xiàn)的是頁面風格，可以通過對結構的調(diào)整來實現(xiàn)優(yōu)化。表現(xiàn)設計在于增強表現(xiàn)力。表現(xiàn)力通過一定形式和手法在作品中表現(xiàn)出感染力，在網(wǎng)頁設計中，表現(xiàn)設計需要結合網(wǎng)頁的實際內(nèi)容，來烘托頁面的

8、主題，強化內(nèi)容的縱深，豐富主題的內(nèi)涵，等等。多媒體信息是設計者常用的手段之一；與文字相比較，信息量更為豐富，藝術感更強，某些場合還可以替代文字表現(xiàn)主題；恰當?shù)厥褂枚嗝襟w信息足以讓頁面增色不少。層疊樣式表(CSS:CadingStyleSheets)便是其中最簡單的一種展現(xiàn)方式，”CSSTutial”的作者SteveMulder曾說過：CSS在HTML的設計中，如同使用畫筆繪制人像。這種基于文本的技術簡單卻強有力地支持設計者的表現(xiàn)能力。在

9、設計中，需要注重頁面內(nèi)容的表達方式，以更適合信息內(nèi)容的形式來表現(xiàn)出來。可以通過分析頁面的常見用戶的習慣來確定表現(xiàn)方式。當然也可以從人類的視覺特點等方面來考慮，比如閱讀學上的“回跳”或“回視”等。表現(xiàn)設計中，需要注意網(wǎng)頁的速度和功能，切忌喧賓奪主。除非特殊的需求，一般用戶均希望頁面的下載時間盡可能短。表現(xiàn)元素卻增加了頁面的大小，設計者應當充分考量表現(xiàn)力和下載速度之間的關系。3.3行為設計行為作為一種實現(xiàn)方式，設計者從功能的角度來支撐整個頁

10、面的設計。網(wǎng)頁的功能（functions）可以通過各種機器語言來實現(xiàn)，完成網(wǎng)頁所有者的要求，同時讓用戶的使用更為輕松簡便。行為設計師通常以網(wǎng)頁開發(fā)工程師為主，完成代碼的編寫；但行為設計不僅僅是工程師需要完成的動作，在行為的定義上，網(wǎng)頁的設計者需要充分體現(xiàn)網(wǎng)頁擁有者所需表現(xiàn)的主題思想，及考慮用戶的需求與喜好。行為的實現(xiàn)應遵循設計師的流程設計，以規(guī)范的實現(xiàn)方式，統(tǒng)一完成多個頁面的行為；比如程序的開發(fā)，必須在統(tǒng)一的規(guī)范中，按照設計師確定的流程