網(wǎng)頁設計與制作方法應用
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁設計與制作方法應用范文，希望能給你帶來靈感和參考，敬請閱讀。
摘要：網(wǎng)頁設計與制作是一項技術含量較高的工作，對于從業(yè)者有著較高的專業(yè)素養(yǎng)要求。網(wǎng)頁的后臺源代碼基礎為HTML語言，應用HTML語言進行網(wǎng)頁設計與制作，簡單靈活，方便快捷，且語言可拓展性強，受應用平臺的限制少，優(yōu)勢明顯。對于制作人員來說，掌握并且能熟練應用HTML語言是基本要求，而要想制作出創(chuàng)意性網(wǎng)頁，還必須學習應用網(wǎng)頁制作工具、網(wǎng)頁動畫制作工具、圖像設計工具等現(xiàn)代化工具。
關鍵詞：網(wǎng)頁設計與制作；方法；應用
網(wǎng)頁即主頁（Homepage），目前，人們對于網(wǎng)頁設計與制作的認知過于片面和簡單，許多人都認為在網(wǎng)頁制作的過程中，與應用Word文檔簡單地進行文字、圖片、聲音的處理相似，但實際上，網(wǎng)頁制作技術含量極高，其中涉及到很多專業(yè)知識，對于網(wǎng)頁制作人員的專業(yè)素養(yǎng)有著較高要求。
1基于HTML語言的網(wǎng)頁設計與制作概述
網(wǎng)頁的后臺源代碼基礎為HTML語言，這些語言在瀏覽器轉化下呈現(xiàn)為大家所知的網(wǎng)頁，因此，在網(wǎng)頁設計與制作中，HTML語言極為關鍵。所謂HTML語言，就是超級文本標記語言，網(wǎng)頁制作可以使用HTML語言編輯器編寫HTML文檔，再使用標記符號等標記文本、圖片、音頻、視頻等，制作出網(wǎng)頁文件[1]。當用戶登錄網(wǎng)站瀏覽網(wǎng)頁時借助于瀏覽器即可解析所標記的網(wǎng)頁，實現(xiàn)網(wǎng)頁瀏覽。在目前所有的網(wǎng)頁設計中，HTML語言屬于基本標記性語言，基于HTML語言的網(wǎng)頁設計與制作，具有以下特點：（1）簡易性。在應用HTML語言時，通常會采用超集方式，使用起來簡單靈活、方便快捷；（2）可拓展性。HTML語言常常被用于計算機網(wǎng)頁設計和其他程序設計中，而且所采用的子類元素方式，可通過接口設計連接多個系統(tǒng)，具有極強的可拓展性；（3）受應用平臺的限制少。HTML語言應用范圍廣，能夠在PC機等多種平臺上使用。在以前，Hotdog、Netscape的compose等網(wǎng)頁制作工具尚未成熟，要想很好地完成網(wǎng)頁制作工作，制作人員必須掌握HTML語言。不過，如果制作人員無法熟練使用HTML語言，也可以借助Windows附件里的記事本、VBScript或者JavaScript等功能強大的網(wǎng)頁生產工具，這些設計工具可自動生成HTML代碼，呈現(xiàn)動態(tài)化頁面，制作出設計人員預期中的網(wǎng)頁。此外，隨著網(wǎng)頁制作技術的發(fā)展，新型制作工具諸多FrontPage2000、DreamWeaver3、HomeSite4等逐漸出現(xiàn)在大眾視野中，有效解決了傳統(tǒng)網(wǎng)頁制作的難題，讓網(wǎng)頁制作變得更為簡單，且效果更好，能夠很好實現(xiàn)網(wǎng)頁內容編排與藝術性的結合，達到網(wǎng)頁創(chuàng)意設計的標準。
2網(wǎng)頁設計與制作方法
現(xiàn)階段，網(wǎng)頁設計常用工具有Frontpage、Dreamweaver等，而且，photoshop等軟件的引進使得網(wǎng)頁設計主題更為鮮明，美感有所增長。而在網(wǎng)頁設計方法上，人們在常規(guī)編輯方法外，基于網(wǎng)頁設計具體化、形象化的需求，新增了BGM編輯等方法。HTML語言是網(wǎng)頁設計與制作的基礎，制作人員必須熟練掌握HTML網(wǎng)頁設計的基本方法。在設計制作HTML網(wǎng)頁時，制作人員首先應該確定文件結構，確定鏈接、索引代碼等具體信息，然后再設置背景及文字用不同的代碼去傳達不同的意義或者表示不同的元素，再插入背景圖像，如若要在原有頁面上添加圖像，需替換之前的image-URL，再加入網(wǎng)頁鏈接。在網(wǎng)頁設計與制作過程中，制作人員必須明確設計目標，根據(jù)用戶需求來設計網(wǎng)頁尺寸，確定鏈接的繁瑣程度等，細化設計內容，以獲取更好的反響，同時，網(wǎng)頁設計應該秉持著簡潔大方的基本原則，讓用戶能夠在最短時間內尋找到所需內容，優(yōu)化用戶體驗。隨著社會的發(fā)展，網(wǎng)頁設計與制作面臨著新的要求，制作人員除了掌握HTML語言外，還應該掌握網(wǎng)頁制作工具、網(wǎng)頁動畫制作工具、圖像設計工具等，這樣才能夠很好地滿足用戶需求設計出有創(chuàng)意的網(wǎng)頁。以網(wǎng)頁制作工具為例，當前常用的兩種網(wǎng)頁設計工具有Dreamweaver3、FrontPage2000二者各具特色，實踐經驗表明，Dreamweaver3功能完善且冗余代碼少，便于站點管理，在使用過程中可支持多種新技術，優(yōu)勢明顯，所以其應用率遠超F(xiàn)rontPage2000，但實際上，這兩種工具都能夠為網(wǎng)頁制作人員提供幫助，使用難度中等，可自動生成HTML代碼，能夠為圖形化設計界面提供技術支持[2]。以網(wǎng)頁動畫設計工具為例，當前在動畫設計領域，應用最為廣泛，功能相對完善，代表著技術尖端水平的工具，有Adobe即將推出的GoLive以及Macromedia的Flash軟件。以圖形圖像設計工具為例，這類工具能夠完成平面設計與動畫設計工作，常用的平面設計軟件有Adobe的Photo-Shop軟件，這一設計軟件可勝任二維平面圖形設計的所有工作，應用廣泛。
3結語
網(wǎng)頁設計與制作對象主要為網(wǎng)站上的用戶交流界面，其價值在于為用戶提供信息，所以，在網(wǎng)頁制作過程中，應關注用戶體驗，在遵循網(wǎng)頁制作原則的基礎上合理應用現(xiàn)代化網(wǎng)頁制作軟件，使用各種制作技巧，融入個性化創(chuàng)意，設計出滿足用戶需求，同時又符合大眾審美的網(wǎng)頁。
參考文獻：
[1]余曉蘭.MOOC平臺基于SPOC的混合教學模式在高職《網(wǎng)頁設計與制作》課程中的實踐探索[J].科技經濟市場,2019(04):145~147.
[2]宗月萍.基于清華優(yōu)慕課教學平臺的線上線下混合式教學實踐分析———以高職計算機專業(yè)《網(wǎng)頁設計與制作》課程為例[J].中國新通信,2019,21(07):202~203.
作者：兆晶 王娟 單位：石家莊理工職業(yè)學院