盧振元 徐一楠
引言:本文運用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.
(作者單位:齊齊哈爾工程學院電子商務專業)
指導教師 徐一楠