【正文】 鄭州交通職業(yè)學(xué)院 畢 業(yè) 論 文（設(shè) 計 ） 論文（設(shè)計）題目 ： 音樂網(wǎng)站的設(shè)計與實(shí)現(xiàn) 所屬系別 信息工程系 專業(yè)班級 X級大專計算機(jī)網(wǎng)絡(luò)技術(shù) XX班 姓 名 X X XXXX 學(xué) 號 XXXXXXXXXXXXXXX 指導(dǎo)教師 XXXXXXX 撰寫日期 XXX 年 XX 月 摘 要 本次音樂網(wǎng)站的制作與實(shí)現(xiàn)是針對高等教育網(wǎng)站制作的實(shí)際情況，開發(fā)的小型網(wǎng)站設(shè)計課題 [1]。其目的是在新課改的大環(huán)境下， 提高學(xué)生的音樂素質(zhì)，推動學(xué)校教學(xué)、教育改革以及學(xué)生的創(chuàng)新和動手操作能力。本文實(shí)際設(shè)計一個專題音樂娛樂網(wǎng)站，該網(wǎng)站內(nèi)容豐富多彩，包含了音樂名家、音樂常識、音樂欣賞、視頻音樂欣賞，并附有專題音樂網(wǎng)站的簡介和鏈接。 在這個音樂網(wǎng)站的系統(tǒng)中我綜合應(yīng)用了 Dreamveaver、 Photoshop、 Flash 等知識。網(wǎng)頁界面的結(jié)構(gòu)設(shè)計以實(shí)用性出發(fā)，具有易于操作、簡介、方便等特點(diǎn)。在設(shè)計中，首先，運(yùn)用 HTML語言對網(wǎng)站的靜態(tài)頁面進(jìn)行精細(xì)的加工并且在網(wǎng)站的美工方面取得了良好的效果 [2]。其次，對于網(wǎng)頁的布局設(shè)計采用框架集 粗略布局和 div精細(xì)布局，在此之前努力學(xué)習(xí)和大量實(shí)踐并把這些知識運(yùn)用到網(wǎng)站的建設(shè)中去。 關(guān)鍵詞 ： Dreamveaver，框架集， HTML，音樂，專題網(wǎng)站 Abstract Design and acplish this music website is according to the actual situation of higher education website production, small website design tasks. The purpose of the new curriculum reform of the environment, improve students39。 music quality, promote the innovation of school teaching, education reform and student and handson ability. In this paper, the design of a special music entertainment website, the website content rich and colorful, contains music masters, music sense, music appreciation, music and video, acpanied by an introduction and thematic music website link[3]. The system in this music website I prehensive application of Dreamveaver, Photoshop, Flsh knowledge. Structure design of webpage interface to practicality, has the characteristics of easy operation, introduction, convenience etc.. In the design, first of all, has obtained the good effect of art using the static page HTML language on the website of the fine processing and in site. Secondly, the layout design of webpage using frameset rough layout and div fine layout, before trying to learn and practice a lot and put the knowledge into the construction site[4]. Keywords: Dreamveaver, frame set, HTML, music, web site 目 錄 1 引 言 ........................................................ 1 2 概述 .......................................................... 1 課題的來源、目的和意義 ....................................... 1 網(wǎng)站的建設(shè)目標(biāo) ............................................. 1 網(wǎng)站的定位 .............................................. 1 網(wǎng)站的目標(biāo) .............................................. 2 本系統(tǒng)開發(fā)的環(huán)境 ........................................... 2 硬件環(huán)境 ............................................... 2 軟件環(huán)境 ................................................ 2 3 軟件開發(fā)技術(shù)介紹 .............................................. 2 Dreamveaver技術(shù) ............................................ 2 Photoshop 技術(shù) ............................................. 2 4 總體方案設(shè)計 .................................................. 3 功能設(shè)計 ................................................... 3 總體結(jié)構(gòu)圖 .............................................. 3 總體結(jié)構(gòu)的 各部分說明 ..................................... 3 界面設(shè)計 .................................................. 4 首頁界面設(shè)計 ........................................... 4 音樂休閑娛樂子頁面的設(shè)計 ................................. 5 音樂名家子頁面設(shè)計 ....................................... 5 視頻欣賞 .............................................. 6 文章收藏界面圖 .......................................... 7 5 總結(jié) .......................................................... 7 參考文獻(xiàn) ........................................................ 8 致 謝 .......................................................... 9 附錄 ........................................................... 10 1 1 引 言 互聯(lián)網(wǎng)的魅力主要在于可以縮短世界的距離，讓互聯(lián)網(wǎng)具有這種神奇功能的元素是網(wǎng)站和網(wǎng)頁。網(wǎng)站可以被看成信息交流的載體，而網(wǎng)頁則是人與人之間交流的直接窗口。網(wǎng)站除了在互聯(lián)網(wǎng)中得到廣泛應(yīng)用之外，也可在企業(yè)內(nèi)部被 用來解決內(nèi)部管理與信息交流等問題。因此，無論對于網(wǎng)站管理專業(yè)人士還是網(wǎng)站建設(shè)愛好者，都應(yīng)掌握一定的網(wǎng)站建設(shè)與網(wǎng)頁制作技術(shù) [5]。 本課題主要講述音樂網(wǎng)站的制作與實(shí)現(xiàn)，網(wǎng)站設(shè)計包括：網(wǎng)頁設(shè)計制作、網(wǎng)頁版面設(shè)計、用 DreamweaverCS4 創(chuàng)建基本網(wǎng)頁、超鏈接、表格、網(wǎng)頁行為語言 —— JavaScript、網(wǎng)頁表現(xiàn)語言 —— CSS、框架、表單、模板與庫、多媒體對象、使用 Div 布局頁面、網(wǎng)站的整合與測試發(fā)布。 2 概述 課題的來源、目的和意義 人類早已進(jìn)入計算機(jī)世界的時代，我們要通過電腦來武裝人腦。我們的目 的是要使目前的教學(xué)向真正的數(shù)字化和信息化靠近。真正實(shí)現(xiàn)教育面向世界，面向未來，面向現(xiàn)代化。 Inter 在我們的生活中扮演著越來越重要的角色，同時計算機(jī)為教學(xué)提供了多種多樣的輔助手段。從單機(jī)使用到多媒體教學(xué)，從學(xué)校內(nèi)部科室間的局域網(wǎng)到整個學(xué)校的校園網(wǎng)，最后發(fā)展到整個校園網(wǎng)同 Inter 互聯(lián)。從長遠(yuǎn)來看，學(xué)校教育教學(xué)網(wǎng)站的建立是十分必要的，主要目的是利用校園網(wǎng)輔助教學(xué)，從互聯(lián)網(wǎng)上獲得大量信息以便加快科研的速度，同時也豐富了學(xué)生的課余生活，簡化了教師的工作。利用校園網(wǎng)與 Inter的網(wǎng)絡(luò)資源，使學(xué)生能 夠通過與外界的交流更加直觀的掌握知識，增加音樂品位和修養(yǎng) [6]。大大提高了學(xué)校的現(xiàn)代化進(jìn)程，使學(xué)校在當(dāng)今激烈的競爭中立于不敗之地。 本課題介紹個人網(wǎng)站的制作及發(fā)布過程，本網(wǎng)站是一個以音樂娛樂為主題的個人網(wǎng)站，本文將介紹網(wǎng)站材料的組織、網(wǎng)頁的制作過程。 網(wǎng)站的建設(shè)目標(biāo) 網(wǎng)站的定位 建立一個較為實(shí)用的小型網(wǎng)站，首先要對網(wǎng)站進(jìn)行明確的規(guī)劃設(shè)計，規(guī)劃包括網(wǎng)站的內(nèi)容，面向的用戶群，網(wǎng)站的規(guī)模以及網(wǎng)站的目標(biāo)。 本次畢業(yè)設(shè)計所建立網(wǎng)站的定位內(nèi)容是 一個音樂娛樂網(wǎng)站 。面向的用戶群是所 2 有喜歡音樂和對音樂感 興趣的人。 網(wǎng)站的目的是在休閑娛樂的大環(huán)境下，提高群眾的音樂素質(zhì)，推動音樂事業(yè)的發(fā)展。 網(wǎng)站的目標(biāo) HTML 語言對網(wǎng)站的靜態(tài)頁面進(jìn)行設(shè)計 [7]。盡力做到頁面的美觀實(shí)用。 Photoshop 技術(shù)盡力做到頁面的美觀實(shí)用。 本系統(tǒng)開發(fā)的環(huán)境 硬件環(huán)境 機(jī)型： 586微機(jī)； CPU： Intel Pentium M 處理處理器； 內(nèi)存： 64M； 硬盤： 60GB。 軟件環(huán)境 操作系統(tǒng)： Windows 7 操作系統(tǒng)； 界面開發(fā)環(huán)境： Dreamveaver。 3 軟 件開發(fā)技術(shù)介紹 Dreamveaver 技術(shù) Dreamveaver 是個原本由 Macromedia 公司所開發(fā)的