愛好音樂網站設計規劃分析

盧振元 徐一楠

引言：本文運用Dreamweaver軟件和ASP（Active Server Pages）技術和相應的網站開發軟件，闡述了網站前臺設計，并對其功能進行了論述，實現了整個網站功能的使用。通過對整個網站的設計，說明了在制作過程中遇到常見問題的解決方法。

一、網頁需求分析

愛好音樂網是一個供音樂愛好者學習交流的網站，此網站從視覺角度講，顏色單一，風格沒有新意，LOGO與Banner讓人有偷工減料的感覺，字體顏色單調，網頁中的圖像制作也過于簡陋；從技術角度講，網站的LOGO和Banner只是單純的圖片，沒有運用Flash制作動畫效果；從功能角度講，網站只支持會員注冊和留言板功能，大大降低了網站的瀏覽率；從模塊設計角度講，網站板塊只有首頁、日志、招生信息等幾個專題，在網頁里模塊位置雜亂無章，不凸顯主題，也看不出網站的著重點在哪里。

針對愛好音樂網的多出缺陷，發現了這樣一個事實，一個用戶在訪問一個網站時一般來講只對該網站的部分內容感性趣，而且這種興趣會持續一段時間。這是一個很好的切入點，如果能根據用戶的喜好著重顯示該用戶感興趣的內容，將為用戶節約大量的檢索時間，而且這樣的網頁顯然是更具有吸引力的。一些站點已經在這方面作出了一定的嘗試，通常采用的方法是，在用戶登陸時為其提供一系列的選項，使用戶能夠對站點進行一些自主的設置。網站首頁可以說是網站的門面，大家瀏覽你的網站首先看到的就是網站首頁，所以首頁不僅要做得美觀，引人瀏覽，還要有豐富的內容。

二、市場定位分析

隨著經濟的不斷發展，人們越來越注重高品質生活，不僅僅是要活著，還要活得有質量，有品味。家長在充實孩子文化知識的同時，也全面培養孩子的藝術天分；青年人為了追求生活情調，都會學一件或幾件樂器，陶冶情操；老年人為了讓老年生活更加豐富，也會走進藝術的世界，彈彈琴唱唱曲，增加生活樂趣。

目前，學習電子琴的風潮已經非常普遍，電子琴屬于電子產品，音色節奏繁多，專業人士很喜歡用電子琴伴奏及演奏，而業余人士便希望自己能夠用電子琴演繹幾首自己喜歡的歌曲，從學習和演奏中享受電子琴帶給自己的樂趣。

本次的網站設計便是面對更廣的消費群體做更好的宣傳，讓人們從知道到了解并決定深入學習電子琴。

三、規劃策略

（一）基本構建

（1）網站名稱及主題

本網站的名稱為愛好音樂網，域名：www.gqzj.net。愛好音樂網以網絡視頻教學和二手鋼琴銷售為主，向網民提供與音樂、樂器相關的新聞和文章，對內部學員提供歌曲曲譜。

（2）網站風格

背景為花紋深藍色，前景運用灰色與白色相結合，顯現出簡約大方、深沉穩重的感覺。

（3）網站的Logo與Banner

Logo采用文字圖片組合形式，而Banner是運用Flash制作的動畫，運用鮮明的顏色，和文字漸變效果，突出主題。

（4）網站特色

愛好音樂網顏色豐富，功能完善，網頁采用復合框架，上框架為導航和Banner，左框架是會員注冊和客服中心，而右框架體現網站的基本模塊，最下方是版權信息及友情鏈接。 （二）網站實現功能

本網站給客戶提供一個了解音樂的平臺，客戶可以與企業及時地交換意見，產生互動，企業也可以及時對網站進行更新維護。

1 前臺客戶系統功能：

（1） 網站可以實現會員注冊。

（2） 用戶可以瀏覽關于網站的一些基本的信息。

（3） 用戶可以瀏覽關于音樂的新聞及教學日志。

（4） 用戶可以在線欣賞教學視頻及學員視頻。

（5） 用戶可以下載樂譜。

（6） 用戶可以瀏覽留言板的帖子并發表自己的言論。

2 后臺管理系統功能：

（1） 增加、刪除視頻及樂譜

（2） 增加、修改、刪除網站的新聞及教學日志。

（3） 修改、刪除留言板帖子。

（4） 瀏覽、刪除二手鋼琴的產品信息。

（5） 增加、刪除、管理注冊會員。

（6） 修改網頁的前臺效果。

網頁結構圖構想

四、網頁測試

（一）IIS配置

當IIS被成功安裝后，將在計算機C：＼Inetpub＼wwwroot下新建一個默認網站，通過修改默認網站配置可以建立自己的站點。如自己的網頁放在D：＼Wy目錄下，首頁文件名為Index.asp，其具體步驟如下：

第一步：在“默認Web站點”上單擊右鍵，選“屬性”，以進入名為“默認Web站點屬性”設置界面。

第二步：轉到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網頁所在的“D：＼Wy”目錄。

第三步：轉到“文檔”窗口，再按“添加”按鈕，根據提示在“默認文檔名”后輸入自己網頁的首頁文件名“Index.asp”。

第四步：在“默認Web站點”上單擊右鍵，選“新建→虛擬目錄”，依次在“別名”處輸入“test”，在“目錄”處輸入“D：＼Wy”后再按提示操作。

（二）數據源（ODBC）配置

第一步：選擇控制面板中的管理工具打開數據源（ODBC）。

第二步：在選項卡系統DNS中添加Microsoft Access Driver（*.mdb）驅動并指定數據源為網站的數據庫文件。

參考文獻

[1]薛凱，康亞雄.Dreamweaver CS3 入門提高精通.機械工業出版社，2011 33-36.

[2]甘登岱.網頁設計三合一.清華大學出版社，2012 22-27.

[3]王龍，黃峰.ASP管理信息系統項目開發實踐.科學出版社，2013 55-62.

（作者單位：齊齊哈爾工程學院電子商務專業）

指導教師 徐一楠