網(wǎng)頁設(shè)計與制作方法應(yīng)用

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

摘要：網(wǎng)頁設(shè)計與制作是一項技術(shù)含量較高的工作，對于從業(yè)者有著較高的專業(yè)素養(yǎng)要求。網(wǎng)頁的后臺源代碼基礎(chǔ)為HTML語言，應(yīng)用HTML語言進(jìn)行網(wǎng)頁設(shè)計與制作，簡單靈活，方便快捷，且語言可拓展性強，受應(yīng)用平臺的限制少，優(yōu)勢明顯。對于制作人員來說，掌握并且能熟練應(yīng)用HTML語言是基本要求，而要想制作出創(chuàng)意性網(wǎng)頁，還必須學(xué)習(xí)應(yīng)用網(wǎng)頁制作工具、網(wǎng)頁動畫制作工具、圖像設(shè)計工具等現(xiàn)代化工具。

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作；方法；應(yīng)用

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

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

網(wǎng)頁的后臺源代碼基礎(chǔ)為HTML語言，這些語言在瀏覽器轉(zhuǎn)化下呈現(xiàn)為大家所知的網(wǎng)頁，因此，在網(wǎng)頁設(shè)計與制作中，HTML語言極為關(guān)鍵。所謂HTML語言，就是超級文本標(biāo)記語言，網(wǎng)頁制作可以使用HTML語言編輯器編寫HTML文檔，再使用標(biāo)記符號等標(biāo)記文本、圖片、音頻、視頻等，制作出網(wǎng)頁文件[1]。當(dāng)用戶登錄網(wǎng)站瀏覽網(wǎng)頁時借助于瀏覽器即可解析所標(biāo)記的網(wǎng)頁，實現(xiàn)網(wǎng)頁瀏覽。在目前所有的網(wǎng)頁設(shè)計中，HTML語言屬于基本標(biāo)記性語言，基于HTML語言的網(wǎng)頁設(shè)計與制作，具有以下特點：（1）簡易性。在應(yīng)用HTML語言時，通常會采用超集方式，使用起來簡單靈活、方便快捷；（2）可拓展性。HTML語言常常被用于計算機網(wǎng)頁設(shè)計和其他程序設(shè)計中，而且所采用的子類元素方式，可通過接口設(shè)計連接多個系統(tǒng)，具有極強的可拓展性；（3）受應(yīng)用平臺的限制少。HTML語言應(yīng)用范圍廣，能夠在PC機等多種平臺上使用。在以前，Hotdog、Netscape的compose等網(wǎng)頁制作工具尚未成熟，要想很好地完成網(wǎng)頁制作工作，制作人員必須掌握HTML語言。不過，如果制作人員無法熟練使用HTML語言，也可以借助Windows附件里的記事本、VBScript或者JavaScript等功能強大的網(wǎng)頁生產(chǎn)工具，這些設(shè)計工具可自動生成HTML代碼，呈現(xiàn)動態(tài)化頁面，制作出設(shè)計人員預(yù)期中的網(wǎng)頁。此外，隨著網(wǎng)頁制作技術(shù)的發(fā)展，新型制作工具諸多FrontPage2000、DreamWeaver3、HomeSite4等逐漸出現(xiàn)在大眾視野中，有效解決了傳統(tǒng)網(wǎng)頁制作的難題，讓網(wǎng)頁制作變得更為簡單，且效果更好，能夠很好實現(xiàn)網(wǎng)頁內(nèi)容編排與藝術(shù)性的結(jié)合，達(dá)到網(wǎng)頁創(chuàng)意設(shè)計的標(biāo)準(zhǔn)。

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

現(xiàn)階段，網(wǎng)頁設(shè)計常用工具有Frontpage、Dreamweaver等，而且，photoshop等軟件的引進(jìn)使得網(wǎng)頁設(shè)計主題更為鮮明，美感有所增長。而在網(wǎng)頁設(shè)計方法上，人們在常規(guī)編輯方法外，基于網(wǎng)頁設(shè)計具體化、形象化的需求，新增了BGM編輯等方法。HTML語言是網(wǎng)頁設(shè)計與制作的基礎(chǔ)，制作人員必須熟練掌握HTML網(wǎng)頁設(shè)計的基本方法。在設(shè)計制作HTML網(wǎng)頁時，制作人員首先應(yīng)該確定文件結(jié)構(gòu)，確定鏈接、索引代碼等具體信息，然后再設(shè)置背景及文字用不同的代碼去傳達(dá)不同的意義或者表示不同的元素，再插入背景圖像，如若要在原有頁面上添加圖像，需替換之前的image-URL，再加入網(wǎng)頁鏈接。在網(wǎng)頁設(shè)計與制作過程中，制作人員必須明確設(shè)計目標(biāo)，根據(jù)用戶需求來設(shè)計網(wǎng)頁尺寸，確定鏈接的繁瑣程度等，細(xì)化設(shè)計內(nèi)容，以獲取更好的反響，同時，網(wǎng)頁設(shè)計應(yīng)該秉持著簡潔大方的基本原則，讓用戶能夠在最短時間內(nèi)尋找到所需內(nèi)容，優(yōu)化用戶體驗。隨著社會的發(fā)展，網(wǎng)頁設(shè)計與制作面臨著新的要求，制作人員除了掌握HTML語言外，還應(yīng)該掌握網(wǎng)頁制作工具、網(wǎng)頁動畫制作工具、圖像設(shè)計工具等，這樣才能夠很好地滿足用戶需求設(shè)計出有創(chuàng)意的網(wǎng)頁。以網(wǎng)頁制作工具為例，當(dāng)前常用的兩種網(wǎng)頁設(shè)計工具有Dreamweaver3、FrontPage2000二者各具特色，實踐經(jīng)驗表明，Dreamweaver3功能完善且冗余代碼少，便于站點管理，在使用過程中可支持多種新技術(shù)，優(yōu)勢明顯，所以其應(yīng)用率遠(yuǎn)超F(xiàn)rontPage2000，但實際上，這兩種工具都能夠為網(wǎng)頁制作人員提供幫助，使用難度中等，可自動生成HTML代碼，能夠為圖形化設(shè)計界面提供技術(shù)支持[2]。以網(wǎng)頁動畫設(shè)計工具為例，當(dāng)前在動畫設(shè)計領(lǐng)域，應(yīng)用最為廣泛，功能相對完善，代表著技術(shù)尖端水平的工具，有Adobe即將推出的GoLive以及Macromedia的Flash軟件。以圖形圖像設(shè)計工具為例，這類工具能夠完成平面設(shè)計與動畫設(shè)計工作，常用的平面設(shè)計軟件有Adobe的Photo-Shop軟件，這一設(shè)計軟件可勝任二維平面圖形設(shè)計的所有工作，應(yīng)用廣泛。

3結(jié)語

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

參考文獻(xiàn)：

[1]余曉蘭.MOOC平臺基于SPOC的混合教學(xué)模式在高職《網(wǎng)頁設(shè)計與制作》課程中的實踐探索[J].科技經(jīng)濟(jì)市場,2019(04):145~147.

[2]宗月萍.基于清華優(yōu)慕課教學(xué)平臺的線上線下混合式教學(xué)實踐分析———以高職計算機專業(yè)《網(wǎng)頁設(shè)計與制作》課程為例[J].中國新通信,2019,21(07):202~203.

作者：兆晶 王娟 單位：石家莊理工職業(yè)學(xué)院