金立音樂(lè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、山西綜合職業(yè)技術(shù)學(xué)院計(jì)算機(jī)工程系畢業(yè)設(shè)計(jì)論文論文題目： 金立音樂(lè)網(wǎng)站的設(shè)計(jì) 專 業(yè)： 計(jì)算機(jī)應(yīng)用技術(shù) 班 級(jí)： 計(jì)應(yīng)A902姓 名： 指導(dǎo)教師： 2011年 11月 30日山西綜合職業(yè)技術(shù)學(xué)院 計(jì)算機(jī)工程系畢業(yè)設(shè)計(jì)任務(wù)書(shū)設(shè)計(jì)題目： 金立音樂(lè)網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn) 設(shè)計(jì)任務(wù)：金立音樂(lè)網(wǎng)站，提供音樂(lè)試聽(tīng)、下載等功能，進(jìn)行會(huì)員注冊(cè)、搜藏自己喜愛(ài)的音樂(lè)，還可以進(jìn)行后臺(tái)管理。設(shè)計(jì)目的：通過(guò)對(duì)ASP/ASP.Net網(wǎng)站系統(tǒng)的規(guī)劃與設(shè)計(jì)，掌握綜合運(yùn)用所學(xué)知識(shí)分析和解決實(shí)際問(wèn)題的能力，熟練掌握ASP/ASP.Net程序開(kāi)發(fā)語(yǔ)言的應(yīng)用，強(qiáng)化計(jì)算機(jī)應(yīng)用技能訓(xùn)練，為今后走進(jìn)工作崗位，參加大型網(wǎng)站系統(tǒng)規(guī)劃、設(shè)計(jì)和開(kāi)發(fā)打工作

2、下初步的基礎(chǔ)。 設(shè)計(jì)要求：1、采用統(tǒng)一的色調(diào)作為網(wǎng)站整體風(fēng)格2、各頁(yè)面寬度統(tǒng)一為960像素。3、在Photoshop中完成網(wǎng)站首頁(yè)設(shè)計(jì)圖，并精確調(diào)整細(xì)節(jié)部分及整體效果。4、用Flash制作網(wǎng)站頂部動(dòng)畫(huà)效果。5、采用ASP或ASP.Net語(yǔ)言完成整個(gè)網(wǎng)站系統(tǒng)的設(shè)計(jì)工作。、系統(tǒng)應(yīng)包含后臺(tái)數(shù)據(jù)庫(kù)，并包括數(shù)據(jù)庫(kù)操作頁(yè)面（添加、刪除等）以及身份驗(yàn)證功能。設(shè)計(jì)時(shí)間：從2011年 11 月 01 日至2011年 11 月 30 日 共 4 周 設(shè)計(jì)人員： 學(xué) 號(hào)： 指導(dǎo)教師： 2011年 11月 30日目錄內(nèi)容摘要.5關(guān) 鍵 字.5前 言.6第一部分、網(wǎng)頁(yè)網(wǎng)站及發(fā)展前景.6第二部分、網(wǎng)站的開(kāi)發(fā)工具.8第三部

3、分、網(wǎng)站的設(shè)計(jì)實(shí)現(xiàn).15第四部分、網(wǎng)站的系統(tǒng)測(cè)試.22結(jié)論.24致謝.26參考文獻(xiàn).27金立音樂(lè)網(wǎng)內(nèi)容摘要：隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，人們?cè)诶镁W(wǎng)絡(luò)學(xué)習(xí)的同時(shí)，也在享受著網(wǎng)絡(luò)帶來(lái)的各種附帶產(chǎn)品所產(chǎn)生的效應(yīng)，如網(wǎng)絡(luò)游戲，網(wǎng)絡(luò)歌曲。音樂(lè)網(wǎng)站正式在這樣的需求前提下運(yùn)用而生。給人們的日常生活帶來(lái)了極大的樂(lè)趣，讓人們?cè)诜泵ζv的工作之后可以進(jìn)行休閑。金立音樂(lè)網(wǎng)是典型的音樂(lè)下載網(wǎng)站，其開(kāi)發(fā)主要包括后臺(tái)數(shù)據(jù)庫(kù)的建立和維護(hù)以及前端網(wǎng)頁(yè)的設(shè)計(jì)制作方面。對(duì)于前者要求建立起完整的數(shù)據(jù)庫(kù)，還要保證數(shù)據(jù)庫(kù)的安全性好。而后者則要求視覺(jué)上的絢麗多彩、交互性能好、功能強(qiáng)大、能滿足各個(gè)用戶的需求。本網(wǎng)站的開(kāi)發(fā)應(yīng)用到Access數(shù)據(jù)庫(kù)

4、，利用其普遍性及簡(jiǎn)單易用的特點(diǎn)，在短時(shí)間內(nèi)建立起該庫(kù)已足夠。不斷對(duì)該庫(kù)進(jìn)行更新，以達(dá)到更新網(wǎng)頁(yè)的效果，形成用戶滿意的網(wǎng)站。關(guān)鍵字：數(shù)據(jù)庫(kù)、音樂(lè)網(wǎng)、Dreamweamer前言健康是人們生命的本錢，身心健康尤為重要。在當(dāng)今這個(gè)物質(zhì)欲漸脹的社會(huì)，競(jìng)爭(zhēng)力激烈，人們必須要承受來(lái)自各方面的種種壓力，為了讓人們放松心情、減少壓力，開(kāi)心的度過(guò)每一天，我借助這次畢業(yè)設(shè)計(jì)的機(jī)會(huì)，親自動(dòng)手開(kāi)發(fā)了這樣的一個(gè)網(wǎng)站。該網(wǎng)站提供音樂(lè)試聽(tīng)、下載以及歌詞顯示等功能；提供會(huì)員注冊(cè)、搜藏喜愛(ài)音樂(lè)功能；還定期舉辦專題活動(dòng)，有論壇供大家討論。能豐富大家的業(yè)余生活，減輕工作、生活壓力，給很多人帶來(lái)不可言喻的意義。在下面的內(nèi)容中，我將以開(kāi)

5、發(fā)愛(ài)聽(tīng)音樂(lè)網(wǎng)站為例，談?wù)勂溟_(kāi)發(fā)的過(guò)程以及遇到的問(wèn)題和解決方法。第一部分 網(wǎng)頁(yè)網(wǎng)站及發(fā)展前景一、 網(wǎng)站定義網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式，是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開(kāi)網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被成為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。二、 網(wǎng)頁(yè)設(shè)計(jì)注意原則Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象的、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑。在設(shè)計(jì)規(guī)劃時(shí)我們要考慮以下問(wèn)題：1. 建設(shè)網(wǎng)站的目的是什么？2. 為誰(shuí)提供服務(wù)和產(chǎn)品？3. 企業(yè)能提供什么樣的產(chǎn)品和服

6、務(wù)？4. 網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？5. 企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式？三、 網(wǎng)頁(yè)設(shè)計(jì)發(fā)展前景近幾年來(lái)，網(wǎng)站建設(shè)業(yè)務(wù)一直呈快速上升勢(shì)頭，行業(yè)市場(chǎng)越來(lái)越大。就國(guó)內(nèi)情況而言，沿海發(fā)達(dá)城市比中西部省市市場(chǎng)需求要大，業(yè)務(wù)普及工作也很到位，許多行業(yè)形成了競(jìng)相建設(shè)企業(yè)網(wǎng)站，開(kāi)展網(wǎng)絡(luò)營(yíng)銷的局面。新技術(shù)的應(yīng)用將促進(jìn)企業(yè)網(wǎng)站建設(shè)更具魅力。隨著技術(shù)融合與發(fā)展，許多在其他行業(yè)熱門應(yīng)用的技術(shù)如視頻、三維動(dòng)畫(huà)、虛擬現(xiàn)實(shí)等技術(shù)都已經(jīng)實(shí)現(xiàn)向互聯(lián)網(wǎng)上移植，未來(lái)的不久，他們就會(huì)出現(xiàn)在企業(yè)客戶網(wǎng)站上面；新的網(wǎng)絡(luò)編程語(yǔ)言（.net技術(shù)）和服務(wù)器CDN（內(nèi)容發(fā)布網(wǎng)絡(luò)）技術(shù)也將使網(wǎng)站結(jié)構(gòu)更緊密，訪問(wèn)更流暢，更能適應(yīng)新的

7、要求。網(wǎng)絡(luò)營(yíng)銷服務(wù)將同網(wǎng)站建設(shè)融為一體，提供一體化服務(wù)。企業(yè)客戶現(xiàn)在已不再滿足于做一個(gè)網(wǎng)站，然后自己開(kāi)展網(wǎng)絡(luò)營(yíng)銷活動(dòng)，網(wǎng)絡(luò)公司還要為客戶制定具有針對(duì)性的網(wǎng)絡(luò)營(yíng)銷策略并實(shí)施，讓企業(yè)網(wǎng)站真正發(fā)揮作用，為客戶帶來(lái)實(shí)在的效果。這對(duì)網(wǎng)絡(luò)公司提出了更高的要求，網(wǎng)站建設(shè)從業(yè)者必須要加強(qiáng)自我學(xué)習(xí)和提高，才能適應(yīng)這一要求。個(gè)性化的個(gè)人網(wǎng)站、面向個(gè)人的主題網(wǎng)站等多種形式的個(gè)人網(wǎng)站建設(shè)服務(wù)現(xiàn)在已經(jīng)初露端倪，個(gè)人網(wǎng)站建設(shè)服務(wù)將成為新的業(yè)務(wù)增長(zhǎng)點(diǎn)。第二分 網(wǎng)站的開(kāi)發(fā)工具 本次畢業(yè)設(shè)計(jì)的項(xiàng)目采用微軟的ASP結(jié)合Dreamweaver來(lái)構(gòu)建。數(shù)據(jù)庫(kù)部分，使用的是適合小型Web應(yīng)用開(kāi)發(fā)的Access數(shù)據(jù)庫(kù)。一、 開(kāi)發(fā)思想通過(guò)

8、網(wǎng)頁(yè)和數(shù)據(jù)庫(kù)的連接，及時(shí)更新數(shù)據(jù)庫(kù)，達(dá)到網(wǎng)頁(yè)更新的效果，從而使人們能夠及時(shí)聽(tīng)到和下載自己喜愛(ài)的歌曲。本網(wǎng)站的開(kāi)發(fā)設(shè)計(jì)思想為：1. 明確建立網(wǎng)站的目的和用戶需求，做出切實(shí)可行的設(shè)計(jì)計(jì)劃，根據(jù)消費(fèi)者的需求、市場(chǎng)的狀況等進(jìn)行綜合分析，以消費(fèi)者為中心，美術(shù)、視覺(jué)效果為輔進(jìn)行設(shè)計(jì)規(guī)劃。2. 網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明，對(duì)網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。針對(duì)服務(wù)對(duì)象的不同而具有不同的形式，我們按照客戶的需求，以簡(jiǎn)單明確的語(yǔ)言和絢麗的畫(huà)面體現(xiàn)站點(diǎn)的主題。二、 開(kāi)發(fā)工具與技術(shù)1. ASP的概述ASP是服務(wù)器端腳本編寫(xiě)環(huán)境，使用它可以創(chuàng)建和運(yùn)行動(dòng)態(tài)、交互的web服務(wù)器應(yīng)用程序。使用ASP組合HT

9、ML頁(yè)、腳本命令和ActiveX組件可以創(chuàng)建交互的web頁(yè)和基于web的功能強(qiáng)大的應(yīng)用程序。由于腳本在服務(wù)器上而不是在客戶端運(yùn)行，傳送到瀏覽器上的web頁(yè)是在web服務(wù)器上生成的；因此不必?fù)?dān)心瀏覽器能否處理腳本；web服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的HTML傳輸?shù)綖g覽器。由于只有腳本的結(jié)果反回到瀏覽器，因此服務(wù)器腳本不易復(fù)制，瀏覽者看不到正在瀏覽的網(wǎng)頁(yè)的腳本命令。ASP在HTML文件內(nèi)直接嵌入簡(jiǎn)單的腳本就可以輕易地將靜態(tài)web頁(yè)面升級(jí)為動(dòng)態(tài)的web頁(yè)面應(yīng)用程序，因此，使用ASP命令是開(kāi)始建立交互式web頁(yè)面最簡(jiǎn)易的方法。ASP技術(shù)作為動(dòng)態(tài)網(wǎng)站設(shè)計(jì)的主要工具具有以下幾個(gè)特點(diǎn)。（1） 無(wú)

10、需編譯ASP腳本集成于HTML當(dāng)中，容易生成，無(wú)需編譯或鏈接即可直接解釋執(zhí)行。（2） 易于生成使用常規(guī)文本編輯器（如記事本），即可進(jìn)行*.asp頁(yè)面的設(shè)計(jì)。若從工作效率來(lái)考慮，不妨選用具有可視化編輯功能的visual InterDev.(3) 獨(dú)立于瀏覽器用戶端只要使用可解釋常規(guī)HTML碼的瀏覽器，即可瀏覽使用ASP技術(shù)設(shè)計(jì)的網(wǎng)頁(yè)。ASP腳本是在站點(diǎn)服務(wù)器端執(zhí)行的，用戶端瀏覽器不需要支持它，因此，若不通過(guò)從服務(wù)器下載來(lái)觀察*.asp頁(yè)面，在瀏覽器端見(jiàn)不到正確的頁(yè)面內(nèi)容。（4） 面向?qū)ο笤贏SP腳本中可以方便地引用系統(tǒng)組件和ASP的內(nèi)置組件，還可以通過(guò)定制ActiveX服務(wù)器組件來(lái)擴(kuò)同功能。（5

11、） 與任何ActiveX scripting語(yǔ)言兼容除了可使用Vbscript和Javascript語(yǔ)言進(jìn)行設(shè)計(jì)外，還可以通過(guò)plug-in的方式使用由第三方所提供的其他scripting語(yǔ)言。（6） 源代碼不會(huì)泄漏ASP腳本在服務(wù)器上執(zhí)行，傳到用戶瀏覽器的只是ASP執(zhí)行結(jié)果所生成的常規(guī)HTML碼，這樣可以保證辛辛苦苦編寫(xiě)出來(lái)的程序代碼不會(huì)被他人盜取。2. 關(guān)系數(shù)據(jù)庫(kù)的概述關(guān)系數(shù)據(jù)庫(kù)Access本身具有強(qiáng)大的向?qū)C(jī)制，可以幫助用戶迅速建立新的數(shù)據(jù)庫(kù)、表、查詢和窗體等，以完成對(duì)數(shù)據(jù)庫(kù)的常用操作。同時(shí)Microsoft Office系列為所有的Office成員提供了一種內(nèi)置編程語(yǔ)言visual b

12、asic for applications(VBA),Access可以通過(guò)VBA代碼實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的操作管理，從而發(fā)出功能更為強(qiáng)大的應(yīng)用程序。3. Access數(shù)據(jù)庫(kù)的簡(jiǎn)介一個(gè)全面的Access應(yīng)用至少會(huì)設(shè)計(jì)到以下3種基本Access對(duì)象類型。表用于存儲(chǔ)用戶向數(shù)據(jù)庫(kù)中添加的數(shù)據(jù)。窗體用于顯示和輸入數(shù)據(jù)，控制其他窗體的打開(kāi)和關(guān)閉，以及打印報(bào)表。報(bào)表打印表中的細(xì)節(jié)信息，總結(jié)信息或?qū)烧叨歼M(jìn)行打印。大多數(shù)Access應(yīng)用程序還使用查詢對(duì)象來(lái)篩選、排序和組合數(shù)據(jù)，用模塊對(duì)象存儲(chǔ)VBA代碼?？梢杂煤昊蚰K自動(dòng)完成任務(wù)和創(chuàng)建面向用戶的應(yīng)用程序，所創(chuàng)建的應(yīng)用程序同其他編程語(yǔ)言所創(chuàng)建的應(yīng)用程序功能一樣強(qiáng)大，包含

13、按鈕、菜單和對(duì)話框等控件。所有組成應(yīng)用程序的對(duì)象都存儲(chǔ)在一個(gè)稱為數(shù)據(jù)庫(kù)對(duì)象的容器中，該對(duì)象是一個(gè)以.mdb為擴(kuò)展名的單獨(dú)文件，例如northwind.mdb。Access的獨(dú)特性在于它將整個(gè)數(shù)據(jù)庫(kù)應(yīng)用程序存儲(chǔ)在一個(gè)單獨(dú)的文件之中。而其他桌面數(shù)據(jù)庫(kù)，例如Microsoft Foxpro，需要使用多個(gè)文件來(lái)存儲(chǔ)他們的對(duì)象。Access不只是一個(gè)本地?cái)?shù)據(jù)庫(kù)管理系統(tǒng)。作為一個(gè)關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)，Access窗體、報(bào)表和數(shù)據(jù)訪問(wèn)頁(yè)面中同時(shí)訪問(wèn)來(lái)自多個(gè)數(shù)據(jù)庫(kù)的數(shù)據(jù)。它還能夠鏈接來(lái)自其他Microsoft Access數(shù)據(jù)庫(kù)、Microsoft Excel電子表格、ODBC數(shù)據(jù)源、Microsoft SQL

14、 server數(shù)據(jù)庫(kù)以及其他數(shù)據(jù)庫(kù)資源的表格，甚至能夠把數(shù)據(jù)庫(kù)表連接起來(lái)創(chuàng)建一個(gè)新表。然后，就可以創(chuàng)建窗體或報(bào)表來(lái)使用其中的信息了，這樣極大減少了數(shù)據(jù)的復(fù)雜性并能夠使工作更容易完成。ADO組件是操作數(shù)據(jù)庫(kù)的重要手段。ADB即active data objevt,是一種訪問(wèn)各種數(shù)據(jù)庫(kù)類型的連接機(jī)制，通過(guò)ODBC方法與數(shù)據(jù)庫(kù)接口相連。連接對(duì)象connection對(duì)象后，ASP網(wǎng)頁(yè)才可以使用Recordset對(duì)象和command對(duì)象對(duì)數(shù)據(jù)庫(kù)源進(jìn)行操作。建立一個(gè)connection對(duì)象通常調(diào)用server對(duì)象的createobject方法，如下所示：Set cn=Server.CreateObject

15、(ADODB.connection)4. Dreamweaver技術(shù)介紹Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集成網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，他是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用他可以輕而易舉的制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。（1） 卓越的可視化環(huán)境-簡(jiǎn)單易用使用macromedia的可視化開(kāi)發(fā)環(huán)境，你只需要通過(guò)簡(jiǎn)單的拖拉技術(shù)（drag drop），將objects窗口中的對(duì)象拖到“document window”即可，例如：web開(kāi)發(fā)人員想在網(wǎng)頁(yè)中加入一個(gè)table,只需將“table”從“object”窗

16、體中拖放到舞臺(tái)中，dreamweaver將自動(dòng)生成一個(gè)表格，然后通過(guò)“properties”（屬性）窗體來(lái)進(jìn)行格式的修改和調(diào)整。（2） 所見(jiàn)即所得的強(qiáng)大功能Dreamweaver具有所見(jiàn)即所得的強(qiáng)大功能，你可以在“properties”（屬性）窗體中調(diào)整參數(shù)，即刻在“documentwindow”窗體中看到他的改變，如果你按下“F12”，Dreamweaver會(huì)自動(dòng)生成HTML文件格式，供預(yù)覽，以便開(kāi)發(fā)人員進(jìn)一步調(diào)整。（3） 方便快速的文本編輯與“word”相似，具有強(qiáng)大的文本編輯能力，你可以在“l(fā)ayer”、“table”、“frame”或直接在“document window”窗體中輸入文

17、字，通過(guò)快捷的右鍵，選擇例如“font”（字體）類的選項(xiàng)進(jìn)行編輯，也可以利用“text”菜單進(jìn)行更為細(xì)致的排版編輯。（4） 專業(yè)的HTML編輯-roundtrip HTML Dreamweaver與現(xiàn)存的網(wǎng)頁(yè)有著極好的兼容性，不會(huì)更改任何其他編輯器生成的頁(yè)面。這將大幅度降低了由于HTML源代碼的變更而給設(shè)計(jì)者帶來(lái)的困惑。（5） 高質(zhì)量的HTML生成方式由Dreamweaver生成的HTML源代碼保持了很好的可讀性。代碼結(jié)構(gòu)基本上同手工生成的代碼相同，這使得設(shè)計(jì)者可以輕易掌握代碼全局并加以修改。（6） 實(shí)時(shí)的HTML控制設(shè)計(jì)者可以在可視化或者文本這兩種方式下進(jìn)行頁(yè)面的設(shè)計(jì)，并且可以實(shí)時(shí)的監(jiān)控HT

18、ML源代碼。當(dāng)設(shè)計(jì)者對(duì)代碼做出任何改動(dòng)時(shí)，結(jié)果將立刻顯示出來(lái)。（7） 與流行的文本HTML代碼編輯器之間的協(xié)調(diào)工作Dreamweaver可以與目前流行的HTML代碼編輯器（如BBEdit、HomeSite等）全面協(xié)調(diào)工作。已經(jīng)習(xí)慣于使用這些純文本編輯器的設(shè)計(jì)者將在不改變他們?cè)泄ぷ髁?xí)慣的基礎(chǔ)上，充分享受到Dreamweaver帶來(lái)的更多功能。設(shè)計(jì)者可以使用文本編輯器直接編輯HTML，同時(shí)使用Dreamweaver生成較為復(fù)雜的動(dòng)畫(huà)、表格、frame、javascript等。（Dreamweaver分別為Windows用戶以及macintosh用戶提供了完全版的homesite及bbedit這兩

19、個(gè)目前最流行的代碼編輯器）。（8） 強(qiáng)大的DHTML支持動(dòng)態(tài)HTML是4.0瀏覽器支持的新功能，將在未來(lái)廣泛應(yīng)用于網(wǎng)絡(luò)。這項(xiàng)技術(shù)可以增強(qiáng)頁(yè)面的交互性、提高下載速度、使頁(yè)面更美觀更易于設(shè)計(jì)且富有動(dòng)感。Dreamweaver對(duì)DHTML完全支持，并提供了與之相關(guān)聯(lián)的四大功能。而其他的可視化網(wǎng)頁(yè)編輯工具幾乎不提供或只小部分提供動(dòng)態(tài)HTML的制作。（9） 重復(fù)元素庫(kù)在Dreamweaver中定義的一個(gè)站點(diǎn)內(nèi)，設(shè)計(jì)者可以將重復(fù)使用的內(nèi)容（例如header、footer等）獨(dú)立定義。這樣設(shè)計(jì)者在需要這些內(nèi)容的地方只需做一個(gè)簡(jiǎn)單的插入就可以了。而且當(dāng)元素庫(kù)中定義的內(nèi)容被修改后，整個(gè)站點(diǎn)中設(shè)計(jì)同樣內(nèi)容的地方將

20、統(tǒng)一發(fā)生變化而無(wú)需再一個(gè)一個(gè)的修改。（10） 基于目標(biāo)瀏覽器的檢測(cè)目前瀏覽器更新?lián)Q代很快，從2.0到4.0層出不窮。同時(shí)又有IE和Netscape兩大陣營(yíng)競(jìng)爭(zhēng)。設(shè)計(jì)者制作出的網(wǎng)頁(yè)必須面向功能不同的瀏覽器并保持其正確性。這是一項(xiàng)比較困難的工作。而Dreamweaver不僅在設(shè)計(jì)時(shí)可以基于不同的目標(biāo)瀏覽器進(jìn)行不同的設(shè)計(jì)，而且在頁(yè)面制作完成之后，Dreamweaver可以基于目標(biāo)瀏覽器對(duì)頁(yè)面進(jìn)行檢測(cè)并給出報(bào)告。在報(bào)告中將顯示出被檢測(cè)頁(yè)的兼容性以及在不同瀏覽器中頁(yè)面的區(qū)別，同時(shí)還將指出頁(yè)面中HTML的句法。5.FLASH 用于制作網(wǎng)頁(yè)頭部動(dòng)畫(huà)效果，是網(wǎng)頁(yè)需要畫(huà)面流動(dòng)時(shí)的首選擇。6.PhotoShop用

21、于處理網(wǎng)頁(yè)需要的一些圖片，是一款很強(qiáng)大的工具。第三部分 網(wǎng)站的設(shè)計(jì)實(shí)現(xiàn)網(wǎng)站的整體設(shè)計(jì)實(shí)現(xiàn)過(guò)程大致可分為前期準(zhǔn)備、策劃、設(shè)計(jì)、制作、運(yùn)行維護(hù)五個(gè)階段，其中采用多種新型技術(shù)，并重點(diǎn)介紹了ASP技術(shù)在過(guò)程中的運(yùn)用。ASP是一個(gè)WEB服務(wù)器端的開(kāi)發(fā)環(huán)境，利用它可以產(chǎn)生和運(yùn)行動(dòng)態(tài)的、交互的、高性能的WEB服務(wù)應(yīng)用程序，能夠?yàn)槌绦蜷_(kāi)發(fā)人員提供實(shí)現(xiàn)應(yīng)用程序的編制與自帶組件設(shè)計(jì)網(wǎng)頁(yè)從邏輯上分離的技術(shù)，特別適合建立WEB站點(diǎn)、網(wǎng)上訪問(wèn)數(shù)據(jù)的開(kāi)發(fā)工具，使網(wǎng)站建設(shè)與發(fā)展變得較為簡(jiǎn)單與快捷。為音樂(lè)網(wǎng)站的規(guī)劃和建設(shè)提出一些建議性的建議。可以使設(shè)計(jì)過(guò)程盡可能滿足音樂(lè)愛(ài)好者的需求。一、 前期準(zhǔn)備前期準(zhǔn)備工作主要是域名的注冊(cè)

22、和開(kāi)通。域名是一切網(wǎng)絡(luò)活動(dòng)的開(kāi)始。一個(gè)網(wǎng)站的域名代表了這個(gè)網(wǎng)站的無(wú)形資產(chǎn)，是企業(yè)的網(wǎng)上“商標(biāo)”。域名在全世界具有唯一性，而同時(shí)域名的資源又比較有限，誰(shuí)先注冊(cè)，誰(shuí)就有權(quán)使用。定義域名除了要根據(jù)公司的性質(zhì)或信息內(nèi)容的性質(zhì)來(lái)選擇之外，還要做到易記、標(biāo)識(shí)性強(qiáng)，或具有一定的內(nèi)涵，因?yàn)橛蛎粌H是訪問(wèn)者的必有之路，而且像品牌、商標(biāo)一樣具有重要的標(biāo)識(shí)作用。域名注冊(cè)分為國(guó)際域名注冊(cè)和國(guó)內(nèi)域名注冊(cè)兩種。注冊(cè)時(shí)須出示營(yíng)業(yè)執(zhí)照復(fù)印件，然后填寫(xiě)在線訂單。國(guó)內(nèi)域名注冊(cè)須三天完成，國(guó)際域名注冊(cè)只需24小時(shí)即可完成。二、 網(wǎng)站的策劃階段首先要確定網(wǎng)站的主題與名稱，然后網(wǎng)站的視覺(jué)形象。確定出網(wǎng)站的整體大框、色彩分布和網(wǎng)站的標(biāo)準(zhǔn)

23、字體，使網(wǎng)站的整體形象給瀏覽者一種清新、整潔的感覺(jué)。三、 網(wǎng)站的內(nèi)容、結(jié)構(gòu)設(shè)計(jì) 1.網(wǎng)站內(nèi)容的設(shè)計(jì)確定網(wǎng)站所要傳播的信息內(nèi)容，并將這些信息分類。比如預(yù)測(cè)有哪些人會(huì)瀏覽自己的網(wǎng)站，準(zhǔn)備提供給訪問(wèn)者哪些信息等。2.網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)完全基于網(wǎng)站的目標(biāo)、內(nèi)容和功能，后者是結(jié)構(gòu)設(shè)計(jì)的決定因素。此外，頁(yè)面風(fēng)格、方便瀏覽等因素也對(duì)網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)有一定的影響。目錄結(jié)構(gòu)是一個(gè)容易忽略的問(wèn)題，目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的維護(hù)、內(nèi)容的更新、未來(lái)的擴(kuò)充和移植有著重要的影響。網(wǎng)站的邏輯鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)，它建立在目錄結(jié)構(gòu)基礎(chǔ)之上。四、 網(wǎng)頁(yè)制作網(wǎng)頁(yè)制作

24、是網(wǎng)站建設(shè)的基礎(chǔ)。網(wǎng)頁(yè)是信息的載體，網(wǎng)頁(yè)制作成功與否直接關(guān)系到信息的條理性、快捷性易記用戶界面的美觀。1. ASP技術(shù)簡(jiǎn)介ASP技術(shù)與傳統(tǒng)的“靜態(tài)網(wǎng)頁(yè)”技術(shù)有著本質(zhì)的區(qū)別。對(duì)“靜態(tài)網(wǎng)頁(yè)”而言，訪問(wèn)者只能被動(dòng)地接受HTML文檔，訪問(wèn)統(tǒng)一文檔的用戶所看到的頁(yè)面完全相同。而利用ASP技術(shù)開(kāi)發(fā)的WEB站點(diǎn)，則能根據(jù)用戶需求，動(dòng)態(tài)的為用戶提供服務(wù)（從技術(shù)觀點(diǎn)看，ASP為瀏覽器與WEB服務(wù)器的實(shí)時(shí)交互提供了一條途徑）。網(wǎng)絡(luò)搜索引擎就是一個(gè)典型“動(dòng)態(tài)站點(diǎn)”。這種“站點(diǎn)”能夠很好的滿足人民對(duì)于網(wǎng)絡(luò)住處的不同需求。ASP既不是語(yǔ)言，也不是一種開(kāi)發(fā)工具，而是一種技術(shù)框架，其主要功能是把腳本、HTML、組件和WEB

25、數(shù)據(jù)庫(kù)訪問(wèn)功能結(jié)合在一起，形成一個(gè)能在服務(wù)器端運(yùn)行的應(yīng)用程序，該應(yīng)用程序或根據(jù)來(lái)自瀏覽器端的請(qǐng)求生成HTML文檔并回送給瀏覽器。2. 利用ASP制作網(wǎng)頁(yè)的特點(diǎn)ASP技術(shù)制作網(wǎng)頁(yè)的特點(diǎn)：（1）使用Microsoft的ActiveX技術(shù)，封裝對(duì)象，簡(jiǎn)化編程，同時(shí)ASP本身封裝了一些常用組件，有關(guān)軟件公司開(kāi)發(fā)了許多使用組件。只要在服務(wù)器上安裝這些組件，通過(guò)訪問(wèn)這些組件，就可以方便的建立奇跡的WWW應(yīng)用程序。（2）ASP運(yùn)行在服務(wù)器端，這樣就不必?fù)?dān)心瀏覽器是否支持ASP所使用的編程語(yǔ)言。（3）無(wú)需編譯。ASP是一種解釋性的腳本語(yǔ)言環(huán)境而無(wú)需編譯，在腳本代碼中做的任何一個(gè)改動(dòng)，在瀏覽器上都會(huì)立刻體現(xiàn)出來(lái)

26、。（4）ASP在客戶端返回的是標(biāo)準(zhǔn)的HTML頁(yè)面，正常的瀏覽器中顯示，瀏覽者看不到ASP程序代碼，防止別人抄襲程序。3. 網(wǎng)絡(luò)編程方案的確定ASP是一種功能較為齊全的網(wǎng)關(guān)接口技術(shù)，繼承了大部分VB的語(yǔ)法規(guī)則并有大量的內(nèi)建對(duì)象，使得一些常用的功能以模塊的形式直接調(diào)用。ASP可以用來(lái)處理一般表單，會(huì)員管理，數(shù)據(jù)存取，還可以用來(lái)編寫(xiě)B(tài)BS程序，聊天室等。因此可以充分利用ASP實(shí)現(xiàn)來(lái)訪者與網(wǎng)站進(jìn)行互動(dòng)交流，如不同歌曲的搜索等。用戶密碼認(rèn)證窗體的實(shí)現(xiàn)：本窗體是為了讓注冊(cè)用戶按照用戶名和密碼進(jìn)行登錄，并且根據(jù)用戶名檢查權(quán)限，用戶登錄網(wǎng)站后，才能享受到網(wǎng)站所提供的各種服務(wù)。username=trim(req

27、uest(“username”)password= trim(request(“password”)if username=”or password=”then errmsg=errmsg”+”+”用戶名和密碼不能為空！” founder=trueelseset rs=Server.CreateObject(“adodb.RecordSet”) sql=”select*from user where username=”&username&.” rs.open sql.secondconn,3,3 if rs.eof then errmsg=errmdg+”+”用戶名不存在！“” founde

28、rr+true else if password=rs(“password”) thenSession(“username”)=rs(“username”)else errmsg=errmsg+”+”密碼錯(cuò)誤！ founderr=true end ifrs.closeset rs=nothingend ifif founderr=true then response.Write errmsgelse response.Write username+”O(jiān)K.”end if4. 網(wǎng)頁(yè)制作的頁(yè)面要求作為國(guó)際互聯(lián)網(wǎng)的站點(diǎn)，每個(gè)不同的網(wǎng)站將滿足網(wǎng)絡(luò)用戶的不同需求。網(wǎng)站建設(shè)的需求基本上是某一網(wǎng)站的對(duì)象的需

29、求。但總的來(lái)說(shuō)，應(yīng)滿足一下幾個(gè)方面：（1）網(wǎng)頁(yè)頁(yè)面的風(fēng)格如無(wú)特殊原因，應(yīng)保持一致?？梢詼p少以后的維護(hù)量，一種很好的方法就是使用層疊樣式表（CSS）。不同的風(fēng)格使用不同的樣式表，多個(gè)頁(yè)面都要使用同一個(gè)樣式，使之鏈接到一個(gè)外部的樣式表，這樣當(dāng)改變樣式表時(shí)，文字片的樣式就得到了改變。（2）把握文字的風(fēng)格，主體文字的大小，一般取為9pt或10pt，字體采用最常用的，或默認(rèn)的，例如中文用宋體，英文用Time New Rome字體。（3）選取的圖片要集美觀和傳訊于一身，但不適宜在網(wǎng)頁(yè)上插入過(guò)多的圖片。選取的圖片要小，插入大的圖片，可以采用分割的技術(shù)，將其變?yōu)槿舾尚D片，利用表格拼合成一個(gè)大圖片。（4）把握

30、良好的排版，不僅要美觀，而且要利于訪問(wèn)者迅速找到內(nèi)容。注意歸類的使用權(quán)用，要層次清晰，一目了然。同時(shí)要易于提供的信息不應(yīng)埋藏在叢叢疊疊的頁(yè)面之下。在所有的版面之下，要特別注意主頁(yè)，主頁(yè)的排版要精，其好壞直接決定著訪問(wèn)者對(duì)該網(wǎng)站的評(píng)判。五、 網(wǎng)站的運(yùn)行維護(hù)網(wǎng)站維護(hù)是為了讓網(wǎng)站能夠長(zhǎng)期穩(wěn)定地運(yùn)行在Internet上，及時(shí)地調(diào)整和更新網(wǎng)站內(nèi)容，在瞬息萬(wàn)變的信息社會(huì)中抓住更多的網(wǎng)絡(luò)商機(jī)。內(nèi)容包含以下幾點(diǎn)：1.服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問(wèn)題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間；服務(wù)器的軟硬件維護(hù)包括服務(wù)器、操作系統(tǒng)、和Internet聯(lián)接線路等等，以確保網(wǎng)站的24小時(shí)不間斷正常運(yùn)行。網(wǎng)站內(nèi)容的更新一個(gè)好的

31、網(wǎng)站需要定期或不定期地更新內(nèi)容，才能不斷地吸引更多的瀏覽者，增加訪問(wèn)量。2.數(shù)據(jù)庫(kù)維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫(kù)的維護(hù)要受到重視； 3.內(nèi)容的更新、調(diào)整等；建站容易維護(hù)難。對(duì)于網(wǎng)站來(lái)說(shuō)，只有不斷地更新內(nèi)容，才能保證網(wǎng)站的生命力，否則網(wǎng)站不僅不能起到應(yīng)有的作用，反而會(huì)對(duì)企業(yè)自身形象造成不良影響。如何快捷方便地更新網(wǎng)頁(yè)，提高更新效率，是很多網(wǎng)站面臨的難題?，F(xiàn)在網(wǎng)頁(yè)制作工具不少，但為了更新信息而日復(fù)一日地編輯網(wǎng)頁(yè)，對(duì)信息維護(hù)人員來(lái)說(shuō)，疲于應(yīng)付是普遍存在的問(wèn)題。4.制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化； 5.做好網(wǎng)站安全管理，防范黑客入侵網(wǎng)站，檢查網(wǎng)站各個(gè)功能，鏈接是

32、否有錯(cuò)。隨著黑客人數(shù)日益增長(zhǎng)和一些入侵軟件昌盛，網(wǎng)站的安全日益遭到挑戰(zhàn)，像SQL注入、跨站腳本、文本上傳漏洞等，而網(wǎng)站安全維護(hù)也成日益重視的模塊。而網(wǎng)站安全的隱患主要是源于網(wǎng)站的漏洞存在，而世界上不存在沒(méi)有漏洞網(wǎng)站，所以網(wǎng)站安全維護(hù)關(guān)鍵在于早發(fā)現(xiàn)漏洞和及時(shí)修補(bǔ)漏洞。而網(wǎng)上也有專門的網(wǎng)站漏洞掃描工具，如億思網(wǎng)站安全檢測(cè)平臺(tái)，而發(fā)現(xiàn)漏洞要及時(shí)修補(bǔ)，特別采用一些開(kāi)放源碼的網(wǎng)站。第四部分 系統(tǒng)測(cè)試一、系統(tǒng)測(cè)試類型本次測(cè)試主要用于對(duì)網(wǎng)站的出錯(cuò)進(jìn)行測(cè)試，測(cè)試項(xiàng)目包括用戶注冊(cè)、用戶登錄、主題發(fā)布、主題回復(fù)、專輯列表查看、歌曲列表查看、加入收藏、聯(lián)系我們。測(cè)試類型測(cè)試內(nèi)容測(cè)試目的所用的測(cè)試工具和方法功能測(cè)試1

33、.用戶個(gè)人前臺(tái)：注冊(cè)新用戶、登錄系統(tǒng)，瀏覽網(wǎng)頁(yè)，發(fā)表留言，試聽(tīng)歌曲，下載歌曲，收藏自己喜歡的歌曲。2.管理后臺(tái)：管理員注冊(cè)系統(tǒng)，管理員登錄系統(tǒng)，音樂(lè)添加、修改、上傳，會(huì)員管理、評(píng)論管理。核實(shí)所有功能均已正常實(shí)現(xiàn)流程檢驗(yàn)：各個(gè)業(yè)務(wù)流程符合常規(guī)邏輯，用戶使用時(shí)不會(huì)產(chǎn)生疑問(wèn)。數(shù)據(jù)精確：各數(shù)據(jù)類型的輸入輸出時(shí)統(tǒng)計(jì)精確。采用黑盒測(cè)試，使用邊界值測(cè)試、等價(jià)類劃分、數(shù)據(jù)驅(qū)動(dòng)等測(cè)試方法，進(jìn)行手工測(cè)試。用戶界面（UI）測(cè)試導(dǎo)航、鏈接、頁(yè)面結(jié)構(gòu)包括菜單、背景、顏色、字體、按鈕名稱、TITLE、提示信息的一致性等。友好性、易用性、合理性、一致性、正確性等。核實(shí)各個(gè)窗口風(fēng)格（包括顏色、字體、提示信息、圖標(biāo)、TITLE

34、等等）都與基準(zhǔn)版本保持一致，或符合可接受標(biāo)準(zhǔn)，能夠保證用戶界面的友好性、易操作性，而且符合用戶操作習(xí)慣。WEB測(cè)試通用方法，手工測(cè)試。安全性和訪問(wèn)控制測(cè)試密碼：登錄、個(gè)人用戶、管理員用戶；權(quán)限設(shè)置；通過(guò)修改URL非法訪問(wèn)；登錄超時(shí)限制等等。應(yīng)用程序級(jí)別的安全性：核實(shí)用戶只能操作其所擁有權(quán)限能操作的功能系統(tǒng)級(jí)別的安全性：核實(shí)只有具備系統(tǒng)訪問(wèn)權(quán)限的用戶才能訪問(wèn)系統(tǒng)。黑盒測(cè)試、手工測(cè)試性能測(cè)試最大并發(fā)數(shù)；查詢最新發(fā)布音樂(lè)，注冊(cè)新用戶時(shí)及時(shí)登錄時(shí)系統(tǒng)的相應(yīng)時(shí)間；核實(shí)系統(tǒng)在大流量的數(shù)據(jù)與多用戶操作時(shí)軟件性能的穩(wěn)定性，測(cè)試項(xiàng)目測(cè)試情況用戶注冊(cè)正常用戶登錄正常主題發(fā)布正常主題回復(fù)正常專輯列表查看正常歌曲列表

35、查看正常加入收藏正常聯(lián)系我們正常三、 系統(tǒng)測(cè)試總結(jié)本次測(cè)試主要用于對(duì)系統(tǒng)的出錯(cuò)進(jìn)行測(cè)試，測(cè)試項(xiàng)目包括用戶登錄、用戶注冊(cè)、留言板、論壇等方面。在本次測(cè)試中發(fā)現(xiàn)了多出錯(cuò)誤，經(jīng)過(guò)修改，已對(duì)錯(cuò)誤進(jìn)行了更正。由于是邊做邊改，有些錯(cuò)誤印象不是很深。以下是改的時(shí)間比較長(zhǎng)的問(wèn)題：1. 播放器歌曲路徑問(wèn)題。mkList(“歌曲路徑”，“歌曲名”)；這個(gè)是播放器的歌曲列表代碼，但用的是JS代碼，偏偏這網(wǎng)站主要用的是Vbs，試了好久才試出用VB代碼替換歌曲路徑和歌曲名。2. 布局錯(cuò)亂。這個(gè)問(wèn)題很讓人糾結(jié)，幾乎每次做重復(fù)區(qū)域都要亂一下。3. URL參數(shù)傳遞。如a href=”tit.asp?在個(gè)別網(wǎng)頁(yè)中，同樣的連接，

36、照著打就不行，把Server.HTMLEncode(MM_keepNone)&MM_joinChar(MM_keepNone)&刪掉之后就又行了。 通過(guò)本次測(cè)試，對(duì)一些語(yǔ)句的出錯(cuò)原因已經(jīng)有了一定的了解，希望在以后的網(wǎng)站開(kāi)發(fā)中能夠避免再犯類似錯(cuò)誤。結(jié)論本系統(tǒng)采用的是交互式ASP語(yǔ)言，并結(jié)合Access數(shù)據(jù)庫(kù)環(huán)境，與其他開(kāi)發(fā)語(yǔ)言相比，ASP語(yǔ)言簡(jiǎn)單、功能強(qiáng)大并容易掌握，其腳本語(yǔ)言有VBScript和JavaScript。而Access是一個(gè)非常優(yōu)秀的小型數(shù)據(jù)庫(kù)管理軟件，方便使用、性能穩(wěn)定。從而客戶端只要使用可執(zhí)行HTML代碼的瀏覽器就可以瀏覽ASP網(wǎng)頁(yè)內(nèi)容，此外ASP源程序不會(huì)傳到用戶的瀏覽器上，

37、可以有效的保護(hù)源程序。系統(tǒng)支持在線播放與下載功能，有較清晰的界面及穩(wěn)定的資源。雖然時(shí)間短做不出什么較華麗的東西，但主要功能已基本完善。在開(kāi)發(fā)此系統(tǒng)期間，遇到了許多困難，但在自己的努力和強(qiáng)大的互聯(lián)網(wǎng)支持下克服了。在這次設(shè)計(jì)中，我學(xué)到了很多專業(yè)知識(shí)。雖然這個(gè)網(wǎng)站做的還不夠完善，但在日后的學(xué)習(xí)過(guò)程中會(huì)使他更加完善。致謝本課題在選題及研究過(guò)程中得到康老師的親切關(guān)懷和悉心指導(dǎo)。楊老師多次詢問(wèn)研究進(jìn)程，并為我指點(diǎn)迷津，幫助我開(kāi)拓研究思路，精心點(diǎn)撥、熱誠(chéng)鼓勵(lì)。楊老師嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神，精益求精的工作作風(fēng)，深深地感染和激勵(lì)著我。楊老師循循善誘的教導(dǎo)和不拘一格的思路給予我無(wú)盡的啟迪。無(wú)論在理論上還是在實(shí)踐上，都給予我很大的幫助，使我在知識(shí)水平和解決實(shí)際問(wèn)題的能力上有了很大的提高，這對(duì)于我以后的工作和學(xué)習(xí)都是一種巨大的幫助。對(duì)楊老師的感激之情是無(wú)法用言語(yǔ)表達(dá)的。在即將畢業(yè)之際，我的心情無(wú)法平靜，從開(kāi)始進(jìn)入課題到論文的順利完成，有多少可敬的師長(zhǎng)、同學(xué)、朋友給了我無(wú)言的關(guān)心和幫助，在這里請(qǐng)接受我誠(chéng)摯的謝意！最后我還要感謝培養(yǎng)我長(zhǎng)大的含辛茹苦的父母和一直默默支持我的親人和朋友，謝謝你們！感謝我的導(dǎo)師楊老師，也感謝計(jì)算機(jī)工程系各位老師三年來(lái)的培養(yǎng)和同學(xué)三年的照顧。正是由于你們的幫助和支持，我才能克服一個(gè)又一個(gè)的困難和疑惑，直至本文的順利完成。參考文獻(xiàn)1 Adobe公司.Adobe Dreamweave