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

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)與制作方法研究范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：基于網(wǎng)頁(yè)設(shè)計(jì)與制作而言，作為與用戶(hù)交流的門(mén)面，在網(wǎng)站開(kāi)發(fā)平臺(tái)占據(jù)重要的位置，并且發(fā)揮著舉足輕重的作用，其自身存在一定的原理和方法，本文主要對(duì)HTML語(yǔ)言是網(wǎng)頁(yè)制作的基礎(chǔ)進(jìn)行了綜合論述，同時(shí)通過(guò)網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)進(jìn)行了簡(jiǎn)單的概括分析，并且網(wǎng)頁(yè)制作的基礎(chǔ)上，簡(jiǎn)單的對(duì)網(wǎng)頁(yè)制作需要學(xué)習(xí)和掌握的技術(shù)做出了討論，旨在為網(wǎng)頁(yè)制作人員提供參考建議。

關(guān)鍵詞：網(wǎng)頁(yè)制作；制作方法；基礎(chǔ)；頁(yè)面設(shè)計(jì)；版面設(shè)計(jì)

一、HTML語(yǔ)言是網(wǎng)頁(yè)制作的基礎(chǔ)

基于網(wǎng)絡(luò)尚未成熟的時(shí)期來(lái)講，Hotdog與Netscape的compose等為當(dāng)時(shí)網(wǎng)頁(yè)制作較為常見(jiàn)的工具，并且這些技術(shù)未達(dá)到成熟的地步。基于制作工具方面的限制，功能局限等條件制約下，為了實(shí)現(xiàn)網(wǎng)頁(yè)制作的目標(biāo)，就需要網(wǎng)頁(yè)制作人員掌握HTML語(yǔ)言。此外，在網(wǎng)頁(yè)制作過(guò)程中，Windows附件里的記事本為其提供了重要的幫助，使其成為設(shè)計(jì)制作主頁(yè)的重要工具，并且也是當(dāng)前網(wǎng)頁(yè)編程工具。由于HTML源代碼編寫(xiě)存在一定的難度，這對(duì)網(wǎng)頁(yè)制作人員提出了較高的要求，制作者要熟練的掌握計(jì)算機(jī)語(yǔ)言，并且能夠靈活運(yùn)用，具有扎實(shí)的功底。當(dāng)前，在網(wǎng)絡(luò)上難以發(fā)現(xiàn)純靜態(tài)頁(yè)面的蹤影，當(dāng)HTML頁(yè)面中的語(yǔ)言被嵌入VBScript或者JavaScript時(shí)，此時(shí)整個(gè)頁(yè)面會(huì)呈現(xiàn)出動(dòng)態(tài)化。而當(dāng)前這種專(zhuān)業(yè)性的網(wǎng)頁(yè)制作，對(duì)于部分非計(jì)算機(jī)專(zhuān)業(yè)人員而言，存在相對(duì)較高的難度。隨著越來(lái)越多網(wǎng)頁(yè)編輯制作工作不斷出現(xiàn)，例如，DreamWeaver3、FrontPage2000、HomeSite4等工具。成功的解決了傳統(tǒng)網(wǎng)頁(yè)制作存在的難題，使得整個(gè)網(wǎng)頁(yè)制作較為簡(jiǎn)單化，生成了具有優(yōu)質(zhì)效果的網(wǎng)頁(yè)。當(dāng)前，在網(wǎng)頁(yè)制作的過(guò)程中，相關(guān)制作人員無(wú)需學(xué)習(xí)專(zhuān)門(mén)的HTML語(yǔ)言，而內(nèi)容編排與藝術(shù)的結(jié)合，成為網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)的標(biāo)準(zhǔn)，主要觀(guān)察其是否展現(xiàn)出一種美感。因此，在網(wǎng)頁(yè)制作的過(guò)程中，對(duì)于HTML語(yǔ)言不熟悉，不精通的情況下，要想設(shè)計(jì)出具有創(chuàng)意的網(wǎng)頁(yè)，只需要運(yùn)用上述介紹的，具有強(qiáng)大功能的網(wǎng)頁(yè)生成工具，便可實(shí)現(xiàn)網(wǎng)頁(yè)制作者所需要的頁(yè)面，而設(shè)計(jì)工具會(huì)自動(dòng)生成HTML代碼。因此，在網(wǎng)頁(yè)制作過(guò)程中，相關(guān)制作者有必要對(duì)HTML語(yǔ)言進(jìn)行掌握和了解，因?yàn)镠TML語(yǔ)言是腳本語(yǔ)言程序，及Web程序設(shè)計(jì)的基礎(chǔ)。

二、網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)——版面設(shè)計(jì)

在網(wǎng)頁(yè)制作過(guò)程中，制作者需要給與頁(yè)面排版足夠的重視，需要重點(diǎn)對(duì)頁(yè)面風(fēng)格進(jìn)行設(shè)計(jì)，仔細(xì)斟酌頁(yè)面文字，及圖片色彩的表達(dá)方式，盡可能設(shè)計(jì)出符合人們審美需求的頁(yè)面，具體主要體現(xiàn)在以下方面內(nèi)容：（1）主頁(yè)設(shè)計(jì)：在設(shè)計(jì)主頁(yè)的過(guò)程中，必須保證主頁(yè)給人一種醒目的效果，制作者要注重對(duì)主頁(yè)的裝飾，做好圖像、畫(huà)面、字體等方面的設(shè)計(jì)，切勿將主頁(yè)設(shè)計(jì)的過(guò)于復(fù)雜化，要給人一種一目了然的感覺(jué)。（2）版面設(shè)計(jì)：主頁(yè)能否博得人們的青睞，在很大程度上取決于版面設(shè)計(jì)。具有獨(dú)特魅力的主頁(yè)必須具有主色調(diào)、排列方式、圖片、文字等四個(gè)要素，并且當(dāng)前這四種要素是一種相輔相成的關(guān)系。（3）網(wǎng)頁(yè)制作：由于網(wǎng)站作為大眾傳播媒體而存在，對(duì)于美術(shù)設(shè)計(jì)要求相對(duì)較高。美術(shù)設(shè)計(jì)水平的高低，在很大程度上影響著整個(gè)網(wǎng)站的效果。因此，在網(wǎng)頁(yè)制作過(guò)程中，相關(guān)制作人員要把握好網(wǎng)頁(yè)的主體，做好內(nèi)容方面的銜接，盡可能的選擇合適的風(fēng)格。在保證突出網(wǎng)頁(yè)設(shè)計(jì)特點(diǎn)的基礎(chǔ)上，還需要追求個(gè)性化方面的設(shè)計(jì)，以此來(lái)實(shí)現(xiàn)內(nèi)容與形式的完美結(jié)合。

三、網(wǎng)頁(yè)制作技術(shù)分析

基于網(wǎng)頁(yè)制作而言，涉及到諸多方面的內(nèi)容，致使需要更多專(zhuān)業(yè)的技術(shù)為其進(jìn)行支撐，才能夠確保網(wǎng)頁(yè)制作順利的開(kāi)展。為了保證所制作的網(wǎng)頁(yè)具有醒目的效果，除了掌握HTML語(yǔ)言相關(guān)知識(shí)外，還需要掌握以下方面的內(nèi)容：例如網(wǎng)頁(yè)動(dòng)畫(huà)制作工具、網(wǎng)頁(yè)制作工具、圖像設(shè)計(jì)工具，并且要熟悉以上工具的正確使用方法，只有保證技術(shù)方面的過(guò)關(guān)，才能夠設(shè)計(jì)出完美的網(wǎng)頁(yè)?；诋?dāng)前圖形圖像設(shè)計(jì)工具而言，主要包括平面設(shè)計(jì)與動(dòng)畫(huà)設(shè)計(jì)方面。例如Adobe的PhotoShop軟件作為平面設(shè)計(jì)中常用的設(shè)計(jì)工具，在平面設(shè)計(jì)中發(fā)揮著重要的作用，完全能夠承擔(dān)二維平面圖形設(shè)計(jì)的每件工作。而對(duì)于網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)工具而言，當(dāng)前較為常用的工具包括Adobe即將推出的GoLive、Macromedia的Flash軟件，以上兩種軟件都是功能相對(duì)較為龐大的設(shè)計(jì)軟件，同時(shí)也是當(dāng)前在動(dòng)畫(huà)設(shè)計(jì)方面最前沿技術(shù)。而網(wǎng)頁(yè)制作工具則包括FrontPage2000、Dreamweaver3等，F(xiàn)rontPage2000與Dreamweaver3兩種設(shè)計(jì)工具在實(shí)際的應(yīng)用過(guò)程中各具特色。根據(jù)相關(guān)數(shù)據(jù)調(diào)查顯示，Dreamweaver不但具有因功能強(qiáng)勁、冗余代碼少特點(diǎn)，而且還方便站點(diǎn)管理特征，在實(shí)際的應(yīng)用過(guò)程中能夠支持更多更新的技術(shù)，基于當(dāng)前這些應(yīng)用優(yōu)勢(shì)，致使網(wǎng)頁(yè)制作人員使用Dreamweaver遠(yuǎn)遠(yuǎn)超過(guò)于FrontPage2000。總而言之，無(wú)論是FrontPage2000還是Dreamweaver整體難度較為適中，為網(wǎng)頁(yè)制作提供了圖形化的設(shè)計(jì)界面，在具體的應(yīng)用中能夠自動(dòng)生成HTML代碼，為網(wǎng)頁(yè)制作提供了重要的技術(shù)保障。

四、結(jié)語(yǔ)

綜上所述，網(wǎng)頁(yè)設(shè)計(jì)與制作主要用于與用戶(hù)交流平面，在實(shí)際的運(yùn)行過(guò)程中主要為用戶(hù)提供信息，其直接面對(duì)廣大的用戶(hù)。因此，在網(wǎng)頁(yè)制作過(guò)程中，網(wǎng)頁(yè)制作人員要以用戶(hù)為中心，運(yùn)用諸多先進(jìn)的網(wǎng)頁(yè)制作軟件，融入多種技巧。在保證網(wǎng)頁(yè)功能得以發(fā)揮的基礎(chǔ)上，適當(dāng)?shù)娜谌胍恍┚哂袀€(gè)性化的創(chuàng)意，進(jìn)而設(shè)計(jì)出符合大眾審美體驗(yàn)的網(wǎng)頁(yè)。

參考文獻(xiàn)

[1]胡珊.淺談個(gè)人網(wǎng)頁(yè)的制作[J].經(jīng)營(yíng)管理者,2008(9):25-27.

[2]灑玉波.淺議網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)流程[J].現(xiàn)代技能開(kāi)發(fā),2003(5):77-79.

[3]趙杰,劉志宇,邢軍.網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)[J].牡丹江師范學(xué)院學(xué)報(bào):自然科學(xué)版,2006(3):38-40.

作者：楊錦 單位：貴州裝備制造職業(yè)學(xué)院