關于網頁設計與制作方法與應用的探討

石家莊理工職業學院 兆晶 王娟

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

1 基于HTML語言的網頁設計與制作概述

網頁的后臺源代碼基礎為HTML語言，這些語言在瀏覽器轉化下呈現為大家所知的網頁，因此，在網頁設計與制作中，HTML語言極為關鍵。所謂HTML語言，就是超級文本標記語言，網頁制作可以使用HTML語言編輯器編寫HTML文檔，再使用標記符號等標記文本、圖片、音頻、視頻等，制作出網頁文件[1]。當用戶登錄網站瀏覽網頁時借助于瀏覽器即可解析所標記的網頁，實現網頁瀏覽。

在目前所有的網頁設計中，HTML語言屬于基本標記性語言，基于HTML語言的網頁設計與制作，具有以下特點：（1）簡易性。在應用HTML語言時，通常會采用超集方式，使用起來簡單靈活、方便快捷；（2）可拓展性。HTML語言常常被用于計算機網頁設計和其他程序設計中，而且所采用的子類元素方式，可通過接口設計連接多個系統，具有極強的可拓展性；（3）受應用平臺的限制少。HTML語言應用范圍廣，能夠在PC機等多種平臺上使用。

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

2 網頁設計與制作方法

現階段，網頁設計常用工具有Frontpage、Dreamweaver等，而且，photoshop等軟件的引進使得網頁設計主題更為鮮明，美感有所增長。而在網頁設計方法上，人們在常規編輯方法外，基于網頁設計具體化、形象化的需求，新增了BGM編輯等方法。

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

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

3 結語

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