網(wǎng)頁論文

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

2、pertext）的概念；1969年C.GoldfarbE.MosherR.Lie等人在IBM工作期間，提出使用通用標(biāo)記語言（GML）來編輯使用電子文本，1986年在GML的演進(jìn)版本SGML被國際標(biāo)準(zhǔn)組織（ISO）采納。1989年，T.BernersLee在歐洲粒子物理實(shí)驗(yàn)室開始編寫WldWideWeb；1991年，第一份超文本標(biāo)簽語言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世紀(jì)60年代至今，研究人員隨著電子、計(jì)算機(jī)、網(wǎng)絡(luò)等技術(shù)的發(fā)展，開創(chuàng)性地推出了一系列網(wǎng)頁制作技術(shù)。這些技術(shù)逐步演進(jìn)為標(biāo)準(zhǔn)組織推薦使用的技術(shù)，極大地推動了互聯(lián)網(wǎng)的發(fā)展，社會呈現(xiàn)出了爆炸式的信息增長，這種增長同時(shí)也推動了網(wǎng)頁設(shè)計(jì)（webdesign）的發(fā)展。早期的網(wǎng)頁外觀是靜態(tài)的，只有文字與靜態(tài)的圖片，網(wǎng)

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

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

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

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

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

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

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