關(guān)于網(wǎng)頁(yè)設(shè)計(jì)與制作方法與應(yīng)用的探討

石家莊理工職業(yè)學(xué)院 兆晶 王娟

網(wǎng)頁(yè)即主頁(yè)（Homepage），目前，人們對(duì)于網(wǎng)頁(yè)設(shè)計(jì)與制作的認(rèn)知過(guò)于片面和簡(jiǎn)單，許多人都認(rèn)為在網(wǎng)頁(yè)制作的過(guò)程中，與應(yīng)用Word文檔簡(jiǎn)單地進(jìn)行文字、圖片、聲音的處理相似，但實(shí)際上，網(wǎng)頁(yè)制作技術(shù)含量極高，其中涉及到很多專業(yè)知識(shí)，對(duì)于網(wǎng)頁(yè)制作人員的專業(yè)素養(yǎng)有著較高要求。

1 基于HTML語(yǔ)言的網(wǎng)頁(yè)設(shè)計(jì)與制作概述

網(wǎng)頁(yè)的后臺(tái)源代碼基礎(chǔ)為HTML語(yǔ)言，這些語(yǔ)言在瀏覽器轉(zhuǎn)化下呈現(xiàn)為大家所知的網(wǎng)頁(yè)，因此，在網(wǎng)頁(yè)設(shè)計(jì)與制作中，HTML語(yǔ)言極為關(guān)鍵。所謂HTML語(yǔ)言，就是超級(jí)文本標(biāo)記語(yǔ)言，網(wǎng)頁(yè)制作可以使用HTML語(yǔ)言編輯器編寫HTML文檔，再使用標(biāo)記符號(hào)等標(biāo)記文本、圖片、音頻、視頻等，制作出網(wǎng)頁(yè)文件[1]。當(dāng)用戶登錄網(wǎng)站瀏覽網(wǎng)頁(yè)時(shí)借助于瀏覽器即可解析所標(biāo)記的網(wǎng)頁(yè)，實(shí)現(xiàn)網(wǎng)頁(yè)瀏覽。

在目前所有的網(wǎng)頁(yè)設(shè)計(jì)中，HTML語(yǔ)言屬于基本標(biāo)記性語(yǔ)言，基于HTML語(yǔ)言的網(wǎng)頁(yè)設(shè)計(jì)與制作，具有以下特點(diǎn)：（1）簡(jiǎn)易性。在應(yīng)用HTML語(yǔ)言時(shí)，通常會(huì)采用超集方式，使用起來(lái)簡(jiǎn)單靈活、方便快捷；（2）可拓展性。HTML語(yǔ)言常常被用于計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)和其他程序設(shè)計(jì)中，而且所采用的子類元素方式，可通過(guò)接口設(shè)計(jì)連接多個(gè)系統(tǒng)，具有極強(qiáng)的可拓展性；（3）受應(yīng)用平臺(tái)的限制少。HTML語(yǔ)言應(yīng)用范圍廣，能夠在PC機(jī)等多種平臺(tái)上使用。

在以前，Hotdog、Netscape的compose等網(wǎng)頁(yè)制作工具尚未成熟，要想很好地完成網(wǎng)頁(yè)制作工作，制作人員必須掌握HTML語(yǔ)言。不過(guò)，如果制作人員無(wú)法熟練使用HTML語(yǔ)言，也可以借助Windows附件里的記事本、VBScript或者JavaScript等功能強(qiáng)大的網(wǎng)頁(yè)生產(chǎn)工具，這些設(shè)計(jì)工具可自動(dòng)生成HTML代碼，呈現(xiàn)動(dòng)態(tài)化頁(yè)面，制作出設(shè)計(jì)人員預(yù)期中的網(wǎng)頁(yè)。此外，隨著網(wǎng)頁(yè)制作技術(shù)的發(fā)展，新型制作工具諸多FrontPage2000、Dream Weaver3、HomeSite4等逐漸出現(xiàn)在大眾視野中，有效解決了傳統(tǒng)網(wǎng)頁(yè)制作的難題，讓網(wǎng)頁(yè)制作變得更為簡(jiǎn)單，且效果更好，能夠很好實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容編排與藝術(shù)性的結(jié)合，達(dá)到網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)的標(biāo)準(zhǔn)。

2 網(wǎng)頁(yè)設(shè)計(jì)與制作方法

現(xiàn)階段，網(wǎng)頁(yè)設(shè)計(jì)常用工具有Frontpage、Dreamweaver等，而且，photoshop等軟件的引進(jìn)使得網(wǎng)頁(yè)設(shè)計(jì)主題更為鮮明，美感有所增長(zhǎng)。而在網(wǎng)頁(yè)設(shè)計(jì)方法上，人們?cè)诔Ｒ?guī)編輯方法外，基于網(wǎng)頁(yè)設(shè)計(jì)具體化、形象化的需求，新增了BGM編輯等方法。

HTML語(yǔ)言是網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)，制作人員必須熟練掌握HTML網(wǎng)頁(yè)設(shè)計(jì)的基本方法。在設(shè)計(jì)制作HTML網(wǎng)頁(yè)時(shí)，制作人員首先應(yīng)該確定文件結(jié)構(gòu)，確定鏈接、索引代碼等具體信息，然后再設(shè)置背景及文字用不同的代碼去傳達(dá)不同的意義或者表示不同的元素，再插入背景圖像，如若要在原有頁(yè)面上添加圖像，需替換之前的image-URL，再加入網(wǎng)頁(yè)鏈接。在網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中，制作人員必須明確設(shè)計(jì)目標(biāo)，根據(jù)用戶需求來(lái)設(shè)計(jì)網(wǎng)頁(yè)尺寸，確定鏈接的繁瑣程度等，細(xì)化設(shè)計(jì)內(nèi)容，以獲取更好的反響，同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該秉持著簡(jiǎn)潔大方的基本原則，讓用戶能夠在最短時(shí)間內(nèi)尋找到所需內(nèi)容，優(yōu)化用戶體驗(yàn)。

隨著社會(huì)的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)與制作面臨著新的要求，制作人員除了掌握HTML語(yǔ)言外，還應(yīng)該掌握網(wǎng)頁(yè)制作工具、網(wǎng)頁(yè)動(dòng)畫制作工具、圖像設(shè)計(jì)工具等，這樣才能夠很好地滿足用戶需求設(shè)計(jì)出有創(chuàng)意的網(wǎng)頁(yè)。以網(wǎng)頁(yè)制作工具為例，當(dāng)前常用的兩種網(wǎng)頁(yè)設(shè)計(jì)工具有Dreamweaver3、FrontPage2000二者各具特色，實(shí)踐經(jīng)驗(yàn)表明，Dreamweaver3功能完善且冗余代碼少，便于站點(diǎn)管理，在使用過(guò)程中可支持多種新技術(shù)，優(yōu)勢(shì)明顯，所以其應(yīng)用率遠(yuǎn)超F(xiàn)rontPage2000，但實(shí)際上，這兩種工具都能夠?yàn)榫W(wǎng)頁(yè)制作人員提供幫助，使用難度中等，可自動(dòng)生成HTML代碼，能夠?yàn)閳D形化設(shè)計(jì)界面提供技術(shù)支持[2]。以網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)工具為例，當(dāng)前在動(dòng)畫設(shè)計(jì)領(lǐng)域，應(yīng)用最為廣泛，功能相對(duì)完善，代表著技術(shù)尖端水平的工具，有Adobe即將推出的GoLive以及Macromedia的Flash軟件。以圖形圖像設(shè)計(jì)工具為例，這類工具能夠完成平面設(shè)計(jì)與動(dòng)畫設(shè)計(jì)工作，常用的平面設(shè)計(jì)軟件有Adobe的Photo-Shop軟件，這一設(shè)計(jì)軟件可勝任二維平面圖形設(shè)計(jì)的所有工作，應(yīng)用廣泛。

3 結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)與制作對(duì)象主要為網(wǎng)站上的用戶交流界面，其價(jià)值在于為用戶提供信息，所以，在網(wǎng)頁(yè)制作過(guò)程中，應(yīng)關(guān)注用戶體驗(yàn)，在遵循網(wǎng)頁(yè)制作原則的基礎(chǔ)上合理應(yīng)用現(xiàn)代化網(wǎng)頁(yè)制作軟件，使用各種制作技巧，融入個(gè)性化創(chuàng)意，設(shè)計(jì)出滿足用戶需求，同時(shí)又符合大眾審美的網(wǎng)頁(yè)。