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

QTO磁liiJ畢業(yè)論文（設(shè)計(jì)）論文（設(shè)計(jì)）題目：音樂(lè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)所屬系別 信息工程系專業(yè)班級(jí)X級(jí)大專計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)XX班姓名 XXXXXX 學(xué)號(hào)XXXXXXXXXXXXXXX指導(dǎo)教師 XXXXXXX 撰寫日期XXX年XX月本次音樂(lè)網(wǎng)站的制作與實(shí)現(xiàn)是針對(duì)高等教育網(wǎng)站制作的實(shí)際情況，開發(fā)的小型網(wǎng)站設(shè)計(jì)課題［1］。其目的是在新課改的大環(huán)境下，提高學(xué)生的音樂(lè)素質(zhì)，推動(dòng)學(xué)校教學(xué)、教育改革以及學(xué)生的創(chuàng)新和動(dòng)手操作能力。本文實(shí)際設(shè)計(jì)一個(gè)專題音樂(lè)娛樂(lè)網(wǎng)站，該網(wǎng)站內(nèi)容豐富多彩，包含了音樂(lè)名家、音樂(lè)常識(shí)、音樂(lè)欣賞、視頻音樂(lè)欣賞，并附有專題音樂(lè)網(wǎng)站的簡(jiǎn)介和鏈接。在這個(gè)音樂(lè)網(wǎng)站的系統(tǒng)中我綜合應(yīng)用了Dreamveaver、Photoshop、Flash等知識(shí)。網(wǎng)頁(yè)界面的結(jié)構(gòu)設(shè)計(jì)以實(shí)用性出發(fā)，具有易于操作、簡(jiǎn)介、方便等特點(diǎn)。在設(shè)計(jì)中，首先，運(yùn)用HTML語(yǔ)言對(duì)網(wǎng)站的靜態(tài)頁(yè)面進(jìn)行精細(xì)的加工并且在網(wǎng)站的美工方面取得了良好的效果⑵。其次，對(duì)于網(wǎng)頁(yè)的布局設(shè)計(jì)采用框架集粗略布局和div精細(xì)布局，在此之前努力學(xué)習(xí)和大量實(shí)踐并把這些知識(shí)運(yùn)用到網(wǎng)站的建設(shè)中去。關(guān)鍵詞：Dreamveaver，框架集，HTML，音樂(lè)，專題網(wǎng)站AbstractDesignandaccomplishthismusicwebsiteisaccordingtotheactualsituationofhighereducationwebsiteproduction,smallwebsitedesigntasks.Thepurposeofthenewcurriculumreformoftheenvironment,improvestudents'musicquality,promotetheinnovationofschoolteaching,educationreformandstudentandhands-onability.Inthispaper,thedesignofaspecialmusicentertainmentwebsite,thewebsitecontentrichandcolorful,containsmusicmasters,musicsense,musicappreciation,musicandvideo,accompaniedbyanintroductionandthematicmusicwebsitelink[3].ThesysteminthismusicwebsiteIcomprehensiveapplicationofDreamveaver,Photoshop,Flshknowledge.Structuredesignofwebpageinterfacetopracticality,hasthecharacteristicsofeasyoperation,introduction,convenienceetc..Inthedesign,firstofall,hasobtainedthegoodeffectofartusingthestaticpageHTMLlanguageonthewebsiteofthefineprocessingandinsite.Secondly,thelayoutdesignofwebpageusingframesetroughlayoutanddivfinelayout,beforetryingtolearnandpracticealotandputtheknowledgeintotheconstructionsite[4].Keywords:Dreamveaver,frameset,HTML,music,websiteTOC\o"1-5"\h\z\o"CurrentDocument"1引言 1\o"CurrentDocument"2概述 1\o"CurrentDocument"2.1課題的來(lái)源、目的和意義 1\o"CurrentDocument"2.2網(wǎng)站的建設(shè)目標(biāo) 1\o"CurrentDocument"2.2.1網(wǎng)站的定位 1\o"CurrentDocument"2.2.2網(wǎng)站的目標(biāo) 2\o"CurrentDocument"2.3本系統(tǒng)開發(fā)的環(huán)境 2\o"CurrentDocument"2.3.1硬件環(huán)境 2\o"CurrentDocument"2.3.2軟件環(huán)境 2\o"CurrentDocument"3軟件開發(fā)技術(shù)介紹 2\o"CurrentDocument"Dreamveaver技術(shù) 2\o"CurrentDocument"Photoshop技術(shù) 2\o"CurrentDocument"4總體方案設(shè)計(jì) 3\o"CurrentDocument"4.1功能設(shè)計(jì) 3\o"CurrentDocument"4.1.1總體結(jié)構(gòu)圖 3\o"CurrentDocument"4.1.2總體結(jié)構(gòu)的各部分說(shuō)明 3界面設(shè)計(jì) 4\o"CurrentDocument"4.2.1首頁(yè)界面設(shè)計(jì) 4\o"CurrentDocument"4.2.2音樂(lè)休閑娛樂(lè)子頁(yè)面的設(shè)計(jì) 5\o"CurrentDocument"4.2.3音樂(lè)名家子頁(yè)面設(shè)計(jì) 6\o"CurrentDocument"4.2.4視頻欣賞 7\o"CurrentDocument"4.2.5文章收藏界面圖 7\o"CurrentDocument"5總結(jié) 8\o"CurrentDocument"參考文獻(xiàn) 9\o"CurrentDocument"致謝 10\o"CurrentDocument"附錄 111引言互聯(lián)網(wǎng)的魅力主要在于可以縮短世界的距離，讓互聯(lián)網(wǎng)具有這種神奇功能的元素是網(wǎng)站和網(wǎng)頁(yè)。網(wǎng)站可以被看成信息交流的載體，而網(wǎng)頁(yè)則是人與人之間交流的直接窗口。網(wǎng)站除了在互聯(lián)網(wǎng)中得到廣泛應(yīng)用之外，也可在企業(yè)內(nèi)部被用來(lái)解決內(nèi)部管理與信息交流等問(wèn)題。因此，無(wú)論對(duì)于網(wǎng)站管理專業(yè)人士還是網(wǎng)站建設(shè)愛(ài)好者，都應(yīng)掌握一定的網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作技術(shù)［5］。本課題主要講述音樂(lè)網(wǎng)站的制作與實(shí)現(xiàn)，網(wǎng)站設(shè)計(jì)包括：網(wǎng)頁(yè)設(shè)計(jì)制作、網(wǎng)頁(yè)版面設(shè)計(jì)、用DreamweaverCS4創(chuàng)建基本網(wǎng)頁(yè)、超鏈接、表格、網(wǎng)頁(yè)行為語(yǔ)言一一JavaScript、網(wǎng)頁(yè)表現(xiàn)語(yǔ)言一一CSS、框架、表單、模板與庫(kù)、多媒體對(duì)象、使用Div布局頁(yè)面、網(wǎng)站的整合與測(cè)試發(fā)布。2概述2.1課題的來(lái)源、目的和意義人類早已進(jìn)入計(jì)算機(jī)世界的時(shí)代，我們要通過(guò)電腦來(lái)武裝人腦。我們的目的是要使目前的教學(xué)向真正的數(shù)字化和信息化靠近。真正實(shí)現(xiàn)教育面向世界，面向未來(lái)，面向現(xiàn)代化。Internet在我們的生活中扮演著越來(lái)越重要的角色，同時(shí)計(jì)算機(jī)為教學(xué)提供了多種多樣的輔助手段。從單機(jī)使用到多媒體教學(xué)，從學(xué)校內(nèi)部科室間的局域網(wǎng)到整個(gè)學(xué)校的校園網(wǎng)，最后發(fā)展到整個(gè)校園網(wǎng)同Internet互聯(lián)。從長(zhǎng)遠(yuǎn)來(lái)看，學(xué)校教育教學(xué)網(wǎng)站的建立是十分必要的，主要目的是利用校園網(wǎng)輔助教學(xué)，從互聯(lián)網(wǎng)上獲得大量信息以便加快科研的速度，同時(shí)也豐富了學(xué)生的課余生活，簡(jiǎn)化了教師的工作。利用校園網(wǎng)與Internet的網(wǎng)絡(luò)資源，使學(xué)生能夠通過(guò)與外界的交流更加直觀的掌握知識(shí)，增加音樂(lè)品位和修養(yǎng)［6］。大大提高了學(xué)校的現(xiàn)代化進(jìn)程，使學(xué)校在當(dāng)今激烈的競(jìng)爭(zhēng)中立于不敗之地。本課題介紹個(gè)人網(wǎng)站的制作及發(fā)布過(guò)程，本網(wǎng)站是一個(gè)以音樂(lè)娛樂(lè)為主題的個(gè)人網(wǎng)站，本文將介紹網(wǎng)站材料的組織、網(wǎng)頁(yè)的制作過(guò)程。2.2網(wǎng)站的建設(shè)目標(biāo)2.2.1網(wǎng)站的定位建立一個(gè)較為實(shí)用的小型網(wǎng)站，首先要對(duì)網(wǎng)站進(jìn)行明確的規(guī)劃設(shè)計(jì)，規(guī)劃包括網(wǎng)站的內(nèi)容，面向的用戶群，網(wǎng)站的規(guī)模以及網(wǎng)站的目標(biāo)。本次畢業(yè)設(shè)計(jì)所建立網(wǎng)站的定位內(nèi)容是一個(gè)音樂(lè)娛樂(lè)網(wǎng)站。面向的用戶群是所有喜歡音樂(lè)和對(duì)音樂(lè)感興趣的人。 網(wǎng)站的目的是在休閑娛樂(lè)的大環(huán)境下，提高群眾的音樂(lè)素質(zhì)，推動(dòng)音樂(lè)事業(yè)的發(fā)展。2.2.2網(wǎng)站的目標(biāo)熟練的運(yùn)用HTML語(yǔ)言對(duì)網(wǎng)站的靜態(tài)頁(yè)面進(jìn)行設(shè)計(jì)［7］。盡力做到頁(yè)面的美觀實(shí)用。利用Photoshop技術(shù)盡力做到頁(yè)面的美觀實(shí)用。2.3本系統(tǒng)開發(fā)的環(huán)境2.3.1硬件環(huán)境機(jī)型：586微機(jī)；CPU：IntelPentiumM處理處理器；內(nèi)存：64M；硬盤：60GB。2.3.2軟件環(huán)境操作系統(tǒng)：Windows7操作系統(tǒng)；界面開發(fā)環(huán)境：Dreamveaver。3軟件開發(fā)技術(shù)介紹Dreamveaver技術(shù)Dreamveaver是個(gè)原本由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。它使用所見(jiàn)即所得的接口，亦有HTML編輯的功能。它現(xiàn)在有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購(gòu)后，Adobe也開始計(jì)劃開發(fā)LINUIX版本的Dreamweaver了⑻。Dreamweaver自MX版本開始，使用了Opera的排版引擎”Presto”作為網(wǎng)頁(yè)預(yù)覽。Photoshop技術(shù)AdobePhotoshop，簡(jiǎn)稱“PS"，是一個(gè)由AdobeSystems開發(fā)和發(fā)行的

圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具，可以更有效的進(jìn)行圖片編輯工作。2003年，Adobe將AdobePhotoshop8更名為AdobePhotoshopCS。因此，最新版本AdobePhotoshopCS6是AdobePhotoshop中的第13個(gè)主要版本。4總體方案設(shè)計(jì)4.1功能設(shè)計(jì)4.1.1總體結(jié)構(gòu)圖圖4-1總體結(jié)構(gòu)4.1.2總體結(jié)構(gòu)的各部分說(shuō)明本網(wǎng)站的內(nèi)容表現(xiàn)形式主要以文本、圖像為主。雖然網(wǎng)絡(luò)上可以承載的元素越來(lái)越多，但文字一直是很重要的部分。在同一語(yǔ)言環(huán)境下，文字的傳達(dá)是最準(zhǔn)確的，所以，文字是任何出版物的核心，網(wǎng)頁(yè)也不例外，而且就現(xiàn)在的網(wǎng)絡(luò)環(huán)境下，文字的使用仍是首選。所以，本網(wǎng)站使用大量的文字介紹休閑娛樂(lè)方面的知識(shí)問(wèn)首頁(yè)：網(wǎng)站給人的第一印象就是首頁(yè)，要讓人愿意繼續(xù)欣賞下去。我設(shè)計(jì)的首頁(yè)力求簡(jiǎn)潔明了，色調(diào)屬于暖色，給人明快、輕松的感覺(jué)。頁(yè)面最醒目處是一朵正在開放的花，象征著祖國(guó)的未來(lái)生機(jī)勃勃。背景隱約可見(jiàn)的五條橫線，代表著五線譜，表明了本網(wǎng)站音樂(lè)休閑娛樂(lè)的主題。其中包括音樂(lè)名家、音樂(lè)常識(shí)、音樂(lè)簡(jiǎn)介、音樂(lè)欣賞和主題圖片五項(xiàng)。有我的E-mail以便用戶和我聯(lián)系。音樂(lè)常識(shí)：為了提高多數(shù)人的音樂(lè)修養(yǎng)及素養(yǎng)，我設(shè)計(jì)了這一項(xiàng)內(nèi)容，包括基本知識(shí)、樂(lè)器常識(shí)及戲曲常識(shí)三項(xiàng)，樂(lè)器常識(shí)又分為民族樂(lè)器介紹和西洋樂(lè)器介紹兩部分。音樂(lè)欣賞：主要是給人聽覺(jué)和視覺(jué)上的享受。讓人真正的在音樂(lè)氛圍中有個(gè)輕松、愉悅的好心情。包括3種形式的音樂(lè)欣賞：flash、mp3、文字。4.2界面設(shè)計(jì)4.2.1首頁(yè)界面設(shè)計(jì)網(wǎng)站給人的第一印象就是首頁(yè)，要讓人愿意繼續(xù)欣賞下去。我設(shè)計(jì)的首頁(yè)力求簡(jiǎn)潔明了，色調(diào)屬于暖色，給人明快、輕松的感覺(jué)。頁(yè)面最醒目處是一朵正在開放的花，象征著祖國(guó)的未來(lái)生機(jī)勃勃。背景隱約可見(jiàn)的五條橫線，代表著五線譜，表明了本網(wǎng)站音樂(lè)休閑的主題。首頁(yè)包括音樂(lè)、視頻、簡(jiǎn)介、紫蘭圖片、紫蘭文化和鏈接六項(xiàng)。有我的E-mail以便用戶和我聯(lián)系［1。］網(wǎng)頁(yè)的色彩選擇和搭配是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)之一。用什么色彩才能最好地表達(dá)出網(wǎng)站的內(nèi)涵，吸引瀏覽者的視線，網(wǎng)頁(yè)的色調(diào)、背景、文字、圖標(biāo)、邊框、鏈接應(yīng)該采用什么樣的色彩，應(yīng)該如何搭配，都是網(wǎng)頁(yè)設(shè)計(jì)一開始就必須考慮的問(wèn)題。網(wǎng)頁(yè)的色彩搭配在網(wǎng)頁(yè)的制作中起到非常重要的作用，因?yàn)樗鼘Q定瀏覽者對(duì)你的網(wǎng)頁(yè)的第一印象，好的色彩搭配可以使你的網(wǎng)頁(yè)獨(dú)具魅力，相反則提不起瀏覽者的興趣。所以一定要把握住色彩的搭配。圖4-2為我的首頁(yè)設(shè)計(jì)：圖4-2首頁(yè)界面設(shè)計(jì)4.2.2音樂(lè)休閑娛樂(lè)子頁(yè)面的設(shè)計(jì)這里主要是音樂(lè)休閑娛樂(lè)的園地。分為音樂(lè)、視頻和文章三項(xiàng)。在同一語(yǔ)言環(huán)境下，文字的傳達(dá)是最準(zhǔn)確的，所以，文字是任何出版物的核心，網(wǎng)頁(yè)也不例外，而且就現(xiàn)在的網(wǎng)絡(luò)環(huán)境下，文字的使用仍是首選。所以，本網(wǎng)頁(yè)設(shè)計(jì)使用了大量的文字介紹[11]文本構(gòu)成的因素有字體和字號(hào)，它們都是由漢字軟件自動(dòng)生成的。字體是一種靈活的媒介，根據(jù)對(duì)不同字體的選擇可以表達(dá)感情，語(yǔ)調(diào)以及結(jié)構(gòu)。字體也是網(wǎng)頁(yè)的主要組成部分，是信息的重要載體。正確選擇字體不僅關(guān)系到網(wǎng)頁(yè)的美觀，還對(duì)瀏覽者的閱讀及信息的傳達(dá)有直接的影響。如圖4-3所示：

圖4-3音樂(lè)欣賞界面設(shè)計(jì)4.2.3音樂(lè)名家子頁(yè)面設(shè)計(jì)為了提高多數(shù)人的音樂(lè)修養(yǎng)及素養(yǎng)，我設(shè)計(jì)了這一項(xiàng)內(nèi)容，包括謝霆鋒、羅大佑、蘇芮、等8位流行音樂(lè)家的生平介紹和代表作品。除了文本之外，WEB頁(yè)面上最重要的設(shè)計(jì)元素莫過(guò)于圖像了，如果WWW上沒(méi)有圖像，那么它也不會(huì)有今天這樣火暴的局面了。圖像也是傳達(dá)信息的重要方法之一，與文本相比，它顯得更加直觀、生動(dòng)、易于理解和接受。圖像可以把那些文字無(wú)法表達(dá)的信息傳達(dá)出來(lái)。本網(wǎng)站當(dāng)然也恰當(dāng)?shù)氖褂昧藞D像，文字的精確性和圖像的模糊性結(jié)合，就會(huì)使得信息的傳達(dá)更加完美了。如圖4-4所示：紫蘭音樂(lè)欣賞音樂(lè)欣股痛音樂(lè)欣股痛i音呆視頻欣賞網(wǎng)頁(yè)廣告古涂歐詞文章收薰.一半?z酒干用4小三61%不起1趾腱鋤舞S密是M工太軍3hi楠王諾10套馬杯宣蘭囹推L1淄12春品濟(jì)年英隊(duì)：圖4-4音樂(lè)名家子頁(yè)面4.2.4視頻欣賞視頻欣賞主要是為了讓音樂(lè)愛(ài)好者對(duì)音樂(lè)名家有更深刻的了解和認(rèn)識(shí)而宣傳音樂(lè)的一種方式，我所做的本網(wǎng)站主要是通過(guò)插入flsh動(dòng)畫起到宣傳的效果。具體的動(dòng)畫頁(yè)面設(shè)計(jì)如圖4-5所示：圖4-5圖4-5視頻欣賞界面4.2.5文章收藏界面圖文章收藏頁(yè)面主要的設(shè)計(jì)風(fēng)格根據(jù)本音樂(lè)網(wǎng)站為設(shè)計(jì)思想進(jìn)行編寫的，也是為了讓廣大的音樂(lè)愛(ài)好者掌握更多的音樂(lè)知識(shí)，對(duì)音樂(lè)有更多的了解而設(shè)計(jì)的本頁(yè)面。具體的設(shè)計(jì)如圖4-6所示:愛(ài)情與人生摘要：大學(xué)生弱陞解愛(ài)情的木點(diǎn)斧謖套情是一對(duì)男女萋于一定的社會(huì)墓珊幻共同的生活理恩，在各自內(nèi)心形成的相互但并渴里對(duì)方成為自己境生洋侶的一伸強(qiáng)烈蠅真專一的竄情，大學(xué)生要建手戀愛(ài)中的道德和燃范.如菅直人輅平等，言寶承擔(dān)責(zé)任，文明相親相愛(ài)=大學(xué)生要改變戀愛(ài)不良認(rèn)知’合珪遠(yuǎn)擇戀置或機(jī)，學(xué)校要正圍引導(dǎo)大學(xué)生的戀愛(ài)斑：大學(xué)生匝學(xué)會(huì)正浦助理學(xué)習(xí)和恭爰的關(guān)系，以及戀愛(ài)中出現(xiàn)的一些問(wèn)題，如：不能把友情當(dāng)愛(ài)情「不能費(fèi)置愛(ài)情的地位，不能片面的或功利化的對(duì)特戀爰「不能只注重過(guò)程不顧后果。大學(xué)生要明辯壹情與學(xué)業(yè)，學(xué)業(yè)與人生之間的關(guān)系r樹立正確的戀景觀會(huì)促進(jìn)學(xué)業(yè)的發(fā)展，反之明會(huì)阻瑁學(xué)業(yè)戔國(guó)，學(xué)業(yè)良并發(fā)國(guó)會(huì)買定大學(xué)生鼻后的人生境路，1關(guān)鍵詞：愛(ài)情本匣正琦的戀宏觀 戀愛(ài)道嚏要求大學(xué)生是社會(huì)中一個(gè)亙要乾體，是擂可社會(huì)進(jìn)*的一攵重蕓方坦*正適理艘唱與A生的關(guān)系尤為重妾」性耋、理想和貴任是構(gòu)成喪情的三個(gè)基本要素。這三個(gè)基本要素構(gòu)成了竟情的有機(jī)折一整體，它們的完茉始合成就了人世間黃好的愛(ài)情‘住爰的吸引，使愛(ài)情打上了情喪的洛印‘理想的契合，使得愛(ài)喑表現(xiàn)著戀人們對(duì)生活的希望和對(duì)未來(lái)的憧憬=肯任則使得愛(ài)情不是自私的占有對(duì)方的盛情，而是自覺(jué)自廈的為所拳愛(ài)的人付出眉情，擔(dān)當(dāng)黃任。崽正的愛(ài)瑁是生活的有町組成部分r它對(duì)我們售個(gè)大的意義不碰多說(shuō)，當(dāng)我們一遇遍地管宣有人為宏癡情，為黃奉獻(xiàn)r為爰等符，為黃忘我的Et候，舌到有R為黃而神是奕變，為愛(ài)而佛罷疵涌，為愛(ài)而堅(jiān)守一生，為愛(ài)而膠棄一切的時(shí)候r我們都能悻會(huì)大黃清的巨大力量。C這大翔煜為有大會(huì)說(shuō)“生?命譴可炭，胃情價(jià)更高?）人一生的幸福很太一駕分取M愛(ài)節(jié)，對(duì)愛(ài)情的向往和禮雌于撕倔-個(gè)瞬妃校園生的愛(ài)幗燃美始街頭.焯予的白發(fā)荏蒼的老粽illBT；LA a.j4>Tb±1辭B小>4圖4-6文章收藏的子頁(yè)面5總結(jié)在這個(gè)音樂(lè)網(wǎng)站的系統(tǒng)中我綜合應(yīng)用了DreamveaveRPhotoshopFlsh等知識(shí)。網(wǎng)頁(yè)界面的結(jié)構(gòu)設(shè)計(jì)以實(shí)用性出發(fā)，具有易于操作、簡(jiǎn)介、方便等特點(diǎn)。在設(shè)計(jì)中，首先，運(yùn)用HTML語(yǔ)言對(duì)網(wǎng)站的靜態(tài)頁(yè)面進(jìn)行精細(xì)的加工并且在網(wǎng)站的美工方面取得了良好的效果。其次，對(duì)于網(wǎng)頁(yè)的布局設(shè)計(jì)采用框架集粗略布局和Div精細(xì)布局，在此之前努力學(xué)習(xí)和大量實(shí)踐并把這些知識(shí)運(yùn)用到網(wǎng)站的建設(shè)中去。本次音樂(lè)網(wǎng)站的制作與實(shí)現(xiàn)是針對(duì)高等教育網(wǎng)站制作的實(shí)際情況，開發(fā)的小型網(wǎng)站設(shè)計(jì)課題。其目的是在新課改的大環(huán)境下，提高學(xué)生的音樂(lè)素質(zhì)，推動(dòng)學(xué)校教學(xué)、教育改革以及學(xué)生的創(chuàng)新和動(dòng)手操作能力。本文實(shí)際設(shè)計(jì)個(gè)專題音樂(lè)娛樂(lè)網(wǎng)站，該網(wǎng)站內(nèi)容豐富多彩，包含了音樂(lè)名家、音樂(lè)常識(shí)、音樂(lè)欣賞、視頻音樂(lè)欣賞，并附有專題音樂(lè)網(wǎng)站的簡(jiǎn)介和鏈接。參考文獻(xiàn)鄭阿奇.《Asp實(shí)用教程》[M].電子工業(yè)出版社,2003.9彭蘭.《網(wǎng)絡(luò)主頁(yè)制作課程設(shè)計(jì)》[M].中央廣播電視大學(xué)出版社,2004.2ThomasConnollyCarolynBegg.DatabaseSystems[M].北京：電子工業(yè)出版社，2004.7RogerBate,SandyShrum,CMMIntegrationFramework[J],CMU/SEISpotlight1998.9任新見(jiàn).《ASP動(dòng)態(tài)網(wǎng)站快速開發(fā)實(shí)務(wù)》[M].電子工業(yè)出版社,2004年9月閻靜.《DreamweaverMx2004與ASP動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)與范例》[M].機(jī)械工業(yè)出版社,2004.9月孫良軍《中文版Frontpage2003實(shí)用基礎(chǔ)教程》[M].科學(xué)出版社,2003.12前沿電腦圖像工作室.《巧學(xué)巧用Dreamweaver、Fireworks、Flash制作網(wǎng)頁(yè)》[M].北京.人民郵電出版社，2003.12攀孝忠.龔元明.《計(jì)算機(jī)應(yīng)用基礎(chǔ)》[M].北京理工大學(xué)出版社，2008.12林信成.王道榮.《HTML與ASP實(shí)務(wù)》[M].清華大學(xué)出版社,2001.12李曉黎.張巍《ASP+SQLSever網(wǎng)絡(luò)應(yīng)用系統(tǒng)開始與實(shí)例》[M].人民郵電出版社,2005.12致謝在本次畢業(yè)設(shè)計(jì)中，我通過(guò)自己動(dòng)手設(shè)計(jì)了一個(gè)音樂(lè)休閑娛樂(lè)網(wǎng)站。在設(shè)計(jì)過(guò)程中，我通過(guò)查閱大量有關(guān)資料、與同學(xué)交流經(jīng)驗(yàn)、自學(xué)、并向老師請(qǐng)教等方式使自己學(xué)到了不少有關(guān)知識(shí)，并大大地提高了動(dòng)手能力。使我充分體會(huì)到了在創(chuàng)造過(guò)程中探索的艱辛和成功的喜悅。雖然該網(wǎng)站的功能還不是很完善，但是在設(shè)計(jì)過(guò)程中所學(xué)到的東西是這次畢業(yè)設(shè)計(jì)的最大收獲和財(cái)富，使我終身受益。感謝XXX老師給我的精心指導(dǎo)！還要感謝我的家人、同事和同學(xué)，是他們給我提供了充足的時(shí)間，來(lái)完成畢業(yè)設(shè)計(jì)。附錄主要文件列表shouye.html 紫蘭音樂(lè)網(wǎng)站的主頁(yè)面；index.html 音樂(lè)欣賞的主顯頁(yè)面/框架集主頁(yè)面；Untitled-1.html視頻主顯頁(yè)面；Untitled-2.html紫蘭文化的主顯頁(yè)面；Untitled-3.html紫蘭圖片的主顯頁(yè)面；Untitled-4.html鏈接的主顯頁(yè)面；Untitled-5.html散文的主顯頁(yè)面；Untitled-6.html詩(shī)歌的主顯頁(yè)面；Untitled-7.html音樂(lè)播放的主顯頁(yè)面；Untitled-8.html視頻播放的主顯頁(yè)面。重要代碼<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN〃"/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>無(wú)標(biāo)題文檔</title><styletype="text/css"><!--.STYLE5(font-size:36px;color:#FFFFFF;}--></style></head><body><table width="350" height="56" border="0" align="center”bgcolor=〃#9900FF〃><tr><tdbgcolor="#9900FF"><divalign="center"><spanclass="STYLE5">紫蘭音樂(lè)欣賞</span></div></td></tr></table><tablewidth="0"height="8"border="0"align="center”〉<tr><td><divalign="center"><imgsrc="圖片/8.jpg"width="1100"height="8"/></div></td></tr></table></body></html><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>無(wú)標(biāo)題文檔</title><styletype="text/css"><!--.STYLE1(color:#FF0000).STYLE2(color:#FFFFFF}.STYLE3(font-size:18px;color:#990099;font-family:〃宋體〃；}.STYLE10(font-size:xx-large;color:#663300;}.STYLE12(font-size:xx-large;color:#3300CC;}.STYLE14(color:#000000;font-size:24px;}.STYLE17(font-size:24px}.STYLE18(font-size:36px}.STYLE19(color:#000000;font-size:16px;}.STYLE20(color:#FF00FF;font-size:18px;}.STYLE21(color:#000000}.STYLE22(color:#000000;font-size:14px;}.STYLE23(color:#0000FF;font-size:18px;}--></style></head><body><tablewidth="950"height="200"border="0"align="center”background=〃圖片/標(biāo)題1.jpg">

<tr><td> </td></tr></table><tablewidth="950"height="30"border="0"align="center”〉<trbgcolor="#993300”><td><divalign="center"class="STYLE2”><ahref="shouye.html">首頁(yè)</a></div></td><td><divalign="center"class="STYLE2”><ahref="index.html">^樂(lè)</a></div></td><td><divalign="center"class="STYLE2”><ahref="index.html”>視頻</a></div></td><td><divalign="center"class<td><divalign="center"class="STYLE2”><ahref="Untitled-2.html">簡(jiǎn)介</a></div></td><td><divalign="center"class="STYLE2"><a<td><divalign="center"class="STYLE2"><ahref="Untitled-3.html”>紫蘭圖片</a></div></td><td><divalign="center"class="STYLE2"><a<td><divalign="center"class="STYLE2"><ahref="Untitled-4.html”>紫蘭文化</a></div></td><td><divalign="center"class="STYLE2"><a<td><divalign="center"class="STYLE2"><ahref="Untitled-5.html">鏈接</a></div></td></tr></table>"center"><tablewidth="936"height="996"border="0"align="center"><tr><tdwidth="173"height="126"align="center"valign="top"bgcolor="#CCCCCC"><divalign="justify">文化賀卡.jpg”<palign="center"><imgsrc="圖片/文化賀卡.jpg”width="129"height="92"/></p><palign="center"class="STYLE1"><a<palign="center"class="STYLE1"><ahref="/">紫蘭音樂(lè)網(wǎng)站的logo</a></p></div></td><tdwidth=〃767〃><tablewidth="777"height="126"border=〃0〃><tr><td><imgsrc="圖片/11.jpg"width="194"height="126"/></td><td><imgsrc="圖片/13.jpg"width="194"height="126"/></td><td><imgsrc="圖片/15.jpg"width="194"height="126"/></td><td><imgsrc="圖片/3.jpg"width="194"height="126"/></td></tr></table></td></tr><tr><tdheight="214" align="center" valign="top"bgcolor="#CCCCCC"><pclass="STYLE3">江山如畫</p><p><imgsrc="圖片/4.jpg"width="113"height="162"/></p></td><tdrowspan="2"valign="top"><tablewidth="793"height="640"border="0"><tr><tdheight="30"colspan="3" bgcolor="#99FF00"><divalign="center"class="STYLE10">詩(shī)中有畫，畫中有詩(shī)</div></td></tr><tr><tdwidth="256"height="300"><imgsrc="圖片/2.jpg"width="256"height="300"/></td><tdwidth="3"height="300"rowspan="2"> </td><tdwidth="520"height="300"><imgsrc="圖片/0.jpg"width="519"height="298"/></td></tr><trbgcolor="#CC00FF"><tdheight="300"align="left" valign="top"><pclass="STYLE12">  <spanclass="STYLE18">音樂(lè)之聲</span></p><p>    <spanclass="STYLE17”>古代山水畫</span></p><pclass=〃STYLE14〃>  梅花斗寒圖</p><pclass=〃STYLE14〃>  大鵬展翅圖</p></td><tdheight=〃300〃><imgsrc=〃圖片/10.jpg"width="519”height="298”/></td></tr></table><tablewidth="796"height="195"border=”0”><trbgcolor="#CC00FF"><tdheight="191”><spanclass="STYLE23”>音樂(lè)之聲：(TheSoundofMusic)是一部改編自瑪麗亞?馮?崔普的著作《崔普家庭演唱團(tuán)》的戲劇作品，最初以音樂(lè)劇的形式于百老匯上演，之后被改編成電影，其主題曲與電影同名。同時(shí)，<atarget="_blank”href="/view/27853.htm">中央人民廣播電臺(tái)</a>和<&target="_blank"hre