盧振元 徐一楠

引言：本文運(yùn)用Dreamweaver軟件和ASP（Active Server Pages）技術(shù)和相應(yīng)的網(wǎng)站開發(fā)軟件，闡述了網(wǎng)站前臺(tái)設(shè)計(jì)，并對(duì)其功能進(jìn)行了論述，實(shí)現(xiàn)了整個(gè)網(wǎng)站功能的使用。通過(guò)對(duì)整個(gè)網(wǎng)站的設(shè)計(jì)，說(shuō)明了在制作過(guò)程中遇到常見(jiàn)問(wèn)題的解決方法。

一、網(wǎng)頁(yè)需求分析

愛(ài)好音樂(lè)網(wǎng)是一個(gè)供音樂(lè)愛(ài)好者學(xué)習(xí)交流的網(wǎng)站，此網(wǎng)站從視覺(jué)角度講，顏色單一，風(fēng)格沒(méi)有新意，LOGO與Banner讓人有偷工減料的感覺(jué)，字體顏色單調(diào)，網(wǎng)頁(yè)中的圖像制作也過(guò)于簡(jiǎn)陋；從技術(shù)角度講，網(wǎng)站的LOGO和Banner只是單純的圖片，沒(méi)有運(yùn)用Flash制作動(dòng)畫效果；從功能角度講，網(wǎng)站只支持會(huì)員注冊(cè)和留言板功能，大大降低了網(wǎng)站的瀏覽率；從模塊設(shè)計(jì)角度講，網(wǎng)站板塊只有首頁(yè)、日志、招生信息等幾個(gè)專題，在網(wǎng)頁(yè)里模塊位置雜亂無(wú)章，不凸顯主題，也看不出網(wǎng)站的著重點(diǎn)在哪里。

針對(duì)愛(ài)好音樂(lè)網(wǎng)的多出缺陷，發(fā)現(xiàn)了這樣一個(gè)事實(shí)，一個(gè)用戶在訪問(wèn)一個(gè)網(wǎng)站時(shí)一般來(lái)講只對(duì)該網(wǎng)站的部分內(nèi)容感性趣，而且這種興趣會(huì)持續(xù)一段時(shí)間。這是一個(gè)很好的切入點(diǎn)，如果能根據(jù)用戶的喜好著重顯示該用戶感興趣的內(nèi)容，將為用戶節(jié)約大量的檢索時(shí)間，而且這樣的網(wǎng)頁(yè)顯然是更具有吸引力的。一些站點(diǎn)已經(jīng)在這方面作出了一定的嘗試，通常采用的方法是，在用戶登陸時(shí)為其提供一系列的選項(xiàng)，使用戶能夠?qū)φ军c(diǎn)進(jìn)行一些自主的設(shè)置。網(wǎng)站首頁(yè)可以說(shuō)是網(wǎng)站的門面，大家瀏覽你的網(wǎng)站首先看到的就是網(wǎng)站首頁(yè)，所以首頁(yè)不僅要做得美觀，引人瀏覽，還要有豐富的內(nèi)容。

二、市場(chǎng)定位分析

隨著經(jīng)濟(jì)的不斷發(fā)展，人們?cè)絹?lái)越注重高品質(zhì)生活，不僅僅是要活著，還要活得有質(zhì)量，有品味。家長(zhǎng)在充實(shí)孩子文化知識(shí)的同時(shí)，也全面培養(yǎng)孩子的藝術(shù)天分；青年人為了追求生活情調(diào)，都會(huì)學(xué)一件或幾件樂(lè)器，陶冶情操；老年人為了讓老年生活更加豐富，也會(huì)走進(jìn)藝術(shù)的世界，彈彈琴唱唱曲，增加生活樂(lè)趣。

目前，學(xué)習(xí)電子琴的風(fēng)潮已經(jīng)非常普遍，電子琴屬于電子產(chǎn)品，音色節(jié)奏繁多，專業(yè)人士很喜歡用電子琴伴奏及演奏，而業(yè)余人士便希望自己能夠用電子琴演繹幾首自己喜歡的歌曲，從學(xué)習(xí)和演奏中享受電子琴帶給自己的樂(lè)趣。

本次的網(wǎng)站設(shè)計(jì)便是面對(duì)更廣的消費(fèi)群體做更好的宣傳，讓人們從知道到了解并決定深入學(xué)習(xí)電子琴。

三、規(guī)劃策略

（一）基本構(gòu)建

（1）網(wǎng)站名稱及主題

本網(wǎng)站的名稱為愛(ài)好音樂(lè)網(wǎng)，域名：www.gqzj.net。愛(ài)好音樂(lè)網(wǎng)以網(wǎng)絡(luò)視頻教學(xué)和二手鋼琴銷售為主，向網(wǎng)民提供與音樂(lè)、樂(lè)器相關(guān)的新聞和文章，對(duì)內(nèi)部學(xué)員提供歌曲曲譜。

（2）網(wǎng)站風(fēng)格

背景為花紋深藍(lán)色，前景運(yùn)用灰色與白色相結(jié)合，顯現(xiàn)出簡(jiǎn)約大方、深沉穩(wěn)重的感覺(jué)。

（3）網(wǎng)站的Logo與Banner

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

（4）網(wǎng)站特色

愛(ài)好音樂(lè)網(wǎng)顏色豐富，功能完善，網(wǎng)頁(yè)采用復(fù)合框架，上框架為導(dǎo)航和Banner，左框架是會(huì)員注冊(cè)和客服中心，而右框架體現(xiàn)網(wǎng)站的基本模塊，最下方是版權(quán)信息及友情鏈接。 （二）網(wǎng)站實(shí)現(xiàn)功能

本網(wǎng)站給客戶提供一個(gè)了解音樂(lè)的平臺(tái)，客戶可以與企業(yè)及時(shí)地交換意見(jiàn)，產(chǎn)生互動(dòng)，企業(yè)也可以及時(shí)對(duì)網(wǎng)站進(jìn)行更新維護(hù)。

1 前臺(tái)客戶系統(tǒng)功能：

（1） 網(wǎng)站可以實(shí)現(xiàn)會(huì)員注冊(cè)。

（2） 用戶可以瀏覽關(guān)于網(wǎng)站的一些基本的信息。

（3） 用戶可以瀏覽關(guān)于音樂(lè)的新聞及教學(xué)日志。

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

（5） 用戶可以下載樂(lè)譜。

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

2 后臺(tái)管理系統(tǒng)功能：

（1） 增加、刪除視頻及樂(lè)譜

（2） 增加、修改、刪除網(wǎng)站的新聞及教學(xué)日志。

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

（4） 瀏覽、刪除二手鋼琴的產(chǎn)品信息。

（5） 增加、刪除、管理注冊(cè)會(huì)員。

（6） 修改網(wǎng)頁(yè)的前臺(tái)效果。

網(wǎng)頁(yè)結(jié)構(gòu)圖構(gòu)想

四、網(wǎng)頁(yè)測(cè)試

（一）IIS配置

當(dāng)IIS被成功安裝后，將在計(jì)算機(jī)C：＼Inetpub＼wwwroot下新建一個(gè)默認(rèn)網(wǎng)站，通過(guò)修改默認(rèn)網(wǎng)站配置可以建立自己的站點(diǎn)。如自己的網(wǎng)頁(yè)放在D：＼Wy目錄下，首頁(yè)文件名為Index.asp，其具體步驟如下：

第一步：在“默認(rèn)Web站點(diǎn)”上單擊右鍵，選“屬性”，以進(jìn)入名為“默認(rèn)Web站點(diǎn)屬性”設(shè)置界面。

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

第三步：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”后輸入自己網(wǎng)頁(yè)的首頁(yè)文件名“Index.asp”。

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

（二）數(shù)據(jù)源（ODBC）配置

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

第二步：在選項(xiàng)卡系統(tǒng)DNS中添加Microsoft Access Driver（*.mdb）驅(qū)動(dòng)并指定數(shù)據(jù)源為網(wǎng)站的數(shù)據(jù)庫(kù)文件。

參考文獻(xiàn)

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

[2]甘登岱.網(wǎng)頁(yè)設(shè)計(jì)三合一.清華大學(xué)出版社，2012 22-27.

[3]王龍，黃峰.ASP管理信息系統(tǒng)項(xiàng)目開發(fā)實(shí)踐.科學(xué)出版社，2013 55-62.

（作者單位：齊齊哈爾工程學(xué)院電子商務(wù)專業(yè)）

指導(dǎo)教師 徐一楠