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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

參考文獻(xiàn)

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

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

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

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