【文章內(nèi)容簡介】 格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組， Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得 Dreamweaver 成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給 Thirdparty 廠商，包含 ASP， Apache， BroadVision， Cold Fusion， iCAT， Tango 與自行發(fā)展的應(yīng)用軟 件。 9 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 2 概要 設(shè)計(jì) 課題分析 本人 的課題是 “ 九江非物 質(zhì)文化遺產(chǎn)資源平臺 建設(shè) 與研究”，所以本人首先要確定 資源平臺要如何設(shè)計(jì)，需要實(shí)現(xiàn)哪些功能，如何去實(shí) 現(xiàn)這些功能，實(shí)現(xiàn)功能的過程中要運(yùn)用到哪些工具和軟件，要做哪些工作，以及最后能達(dá)到什么效果等等。 通過導(dǎo)師的指導(dǎo)以及與老師的探討，然后在網(wǎng)上查找與 課題類似的資料和信息，最后加上自己的一些想法并與實(shí)際情況相結(jié)合，最終 基本明確了資源平臺的設(shè)計(jì)與開發(fā)步驟。此 資源平臺是區(qū)別于傳統(tǒng)的網(wǎng)站，在網(wǎng)站中嵌入 3D 和用 Flash 制作的動畫 ，使瀏覽平臺有一定的觀賞性和樂趣。而資源平臺所表現(xiàn)的信息和內(nèi)容是九江非物質(zhì)文化遺產(chǎn)，這更是課題的意義與價(jià)值所在。中國的非物質(zhì)文化多如繁星，但對非物質(zhì)文化的保護(hù)卻不盡人意。全國只有約一半不到的省份 和直轄市建立了非物質(zhì)文化遺產(chǎn)網(wǎng)，江西也還沒有建立類似的網(wǎng)站。所以用一些古典的設(shè)計(jì)和模型來表現(xiàn)九江非物質(zhì)文化是本課題所要達(dá)到的目的。 系統(tǒng) 的總體設(shè)計(jì) 規(guī)劃 本 資源平臺系統(tǒng)主要 考慮幾個(gè)問題： （ 1） 界面設(shè)計(jì)和布局。根據(jù)資源平臺所需的功能和結(jié)構(gòu)分為八 個(gè)菜單選項(xiàng)，其中包括首頁。 另外 ， 進(jìn)入平臺前設(shè)計(jì)了一個(gè)跳轉(zhuǎn)頁，點(diǎn)擊跳轉(zhuǎn)頁中的“進(jìn)入網(wǎng)站”就能鏈接到平臺的首頁 。實(shí)現(xiàn)平臺的基本框架功能，可以在各選項(xiàng)之間跳轉(zhuǎn)瀏覽。 （ 2） 交互性設(shè)計(jì)。在跳轉(zhuǎn)頁和首頁中，都需要用戶手動點(diǎn)擊相應(yīng)鏈接和按鈕之后才會出現(xiàn)后續(xù)或者新的內(nèi)容和信息， 加強(qiáng)了用戶瀏覽網(wǎng)站時(shí)的積極性和用戶與網(wǎng)站的交互性，也增強(qiáng)了平臺的樂趣性和吸引力。 （ 3） 實(shí)用性與合理 性設(shè)計(jì)。將平臺功能盡量設(shè)計(jì)得操作簡便直觀，適用于 10 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 大眾用戶。同時(shí)，其內(nèi)容與界面設(shè)計(jì)業(yè)要與實(shí)際相符合，讓人易于接受。 平臺的 框架設(shè)計(jì) 根據(jù)平臺的總體設(shè)計(jì)，以及參考了“蘇州非物質(zhì)文化遺產(chǎn)網(wǎng)”，“浙江非物質(zhì)文化遺產(chǎn)網(wǎng)”，“河北非物質(zhì)文化遺產(chǎn)網(wǎng)”等網(wǎng)站，再結(jié)合自己的想法和設(shè)計(jì)，我 首先制作一個(gè)跳轉(zhuǎn)頁，實(shí)現(xiàn)跳轉(zhuǎn)到首頁的功能。然后進(jìn)入平臺后有八個(gè)選項(xiàng)，并且每個(gè)選項(xiàng)都是由 3D 制作的場景來表示。 其框架圖如圖 21 所示。 圖 21 平臺 框架圖 首先，進(jìn)入平臺前出現(xiàn)一個(gè)跳轉(zhuǎn)頁，其背景為廬山的山水圖片，然后 響起古琴演奏的《高山流水》古典背景音樂，在山水圖片間會有一幅幅九江非物質(zhì)文化遺產(chǎn)的圖片依次劃過，頁面下方有進(jìn)入網(wǎng)站的鏈接。如圖 22 所示。 標(biāo)題以及背景圖片 頁面背景設(shè)為古 樸典雅的圖文 九江市的地圖 并標(biāo)注每個(gè)非物質(zhì)文化遺產(chǎn)的所在地， 每個(gè)地方設(shè)置一塊區(qū)域，并且設(shè)置鏈接 首頁 政策法規(guī) 新聞動態(tài) 重大活動 傳承人 潯陽風(fēng)情 保護(hù)名錄 管理員或傳承人登錄 聯(lián)系方式 版權(quán)所有 11 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 進(jìn)入平臺后，八個(gè)選項(xiàng)分別為首頁、政策法規(guī)、新聞動態(tài)、重大活動、傳承人、潯陽風(fēng)情、保護(hù)名錄、管理員或傳承人登錄。其顯示信息的背景都是用3Dmax 制作的三維場景 。 點(diǎn)擊首頁中的九江地圖時(shí)會鏈接到一個(gè)書桌場景來顯示相關(guān)非物質(zhì)文化遺產(chǎn)的信息與資料。 首頁 如圖 23 所示。 其余場景和書桌場景如圖 24 所示。 圖 22 跳轉(zhuǎn)頁 圖 23 首頁中的九江地圖 12 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 政策法規(guī)中的古鐘場景 新聞動態(tài)中的折扇場景 潯陽風(fēng)情中的花燈場景 保護(hù)名錄中的古畫場景 傳承人中的屏風(fēng)場景 傳承人或管理員登陸場景 書桌相片場景 圖 24 各 場景圖 13 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 3 詳細(xì)設(shè)計(jì) 九江非物質(zhì)文化遺產(chǎn)資源平臺建設(shè)與研究的開發(fā)流程圖如圖 31 所示。 圖 31 流程圖 資源平臺的詳細(xì)設(shè)計(jì)主要包括以下幾個(gè)階段： （ 1）信息與資料的收集。包括九江非物質(zhì)文化遺產(chǎn)的文字信息，以及在九江的分布情況和相關(guān)的圖片，還有論文和系統(tǒng)所要用到的資料信息。 信息與資料收集 構(gòu)建平臺 3ds Max 場景和模型制作 跳轉(zhuǎn)頁制作 平臺框架構(gòu)建 制作攝像機(jī)動畫 導(dǎo)入 Flash 處理 Flash 導(dǎo)入平臺 連接后臺數(shù)據(jù)庫 測試平臺功能和維護(hù) 14 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 （ 2）平臺構(gòu)建。建造平臺的框架與基本功能，以便于后面嵌入 Flash 動畫。 （ 3） 3ds Max 模型制作。這個(gè)階段的工作根據(jù)框架設(shè)計(jì)中構(gòu)想的要求，使用 3ds Max 進(jìn)行場景和物品的建模。 （ 4） Flash 動畫效果制作。在 3ds Max 制作出來的場景中使用攝像機(jī)動畫渲染出圖片，再導(dǎo)入 Flash 中進(jìn)行后期處 理，添加按鈕和效果等。 （ 5） Flash 導(dǎo)入網(wǎng)頁。將 Flash 中完成的動畫導(dǎo)入到平臺當(dāng)中，實(shí)現(xiàn)能在平臺中觀看到 Flash 動畫效果。 （ 6）后臺數(shù)據(jù)庫連接。最后平臺連接數(shù)據(jù)庫，能實(shí)現(xiàn)傳承人或管理員登陸和上傳文字或圖片資料。 信息與資料的收集 信息與資料的收集是制作平臺的準(zhǔn)備工作，也是比較重要的起始階段工作，為此我在網(wǎng)上查找了大量九江非物質(zhì)文化遺產(chǎn)的相關(guān)資料和圖片，以便于建模和平臺的制作。比如九江共有 15 種非物質(zhì)文化遺產(chǎn)被國家收錄和保護(hù)，其又分為民俗，傳統(tǒng)戲劇，民間音樂，傳統(tǒng)手工技藝 等等類別。 收集每種非物 質(zhì)文化遺產(chǎn)的詳細(xì)資料，包括非物質(zhì)文化遺產(chǎn)的淵源歷史，發(fā)展歷程，傳承人和其個(gè)人資料和事跡，文化遺產(chǎn)的圖片和視頻信息。另外還查找與收集九江非物質(zhì)文化遺產(chǎn)相關(guān)的新聞資料以及活動節(jié)日，為展示非物質(zhì)文化遺產(chǎn)做準(zhǔn)備。 通過上網(wǎng)收集的建模參考圖片和平臺制作要用到的圖片有許多不足之處 。網(wǎng)上的許多圖片都是帶有水印或者效果不是很好， 有的圖片其大小和清晰度不符合制作要求， 所以收集來的圖片都在 Photoshop 中 處理后才能拿來用。如跳轉(zhuǎn)頁中的背景圖片中帶有 商標(biāo) 水印， 而且圖片過于清晰， 效果不是設(shè)計(jì)中 所要求的。 將圖片 在 Photoshop 中 打開，然后選擇印章工具，調(diào)節(jié)印章大小為 10 左右按住 Alt 鍵點(diǎn)擊商標(biāo)水印附近的樹葉處，然后按住左鍵拖動鼠標(biāo)將文字抹去。用快速選擇工具選擇遠(yuǎn)處山嶺位置，然后使用高斯模糊工具使山嶺處變得模糊，最后修改邊緣部分 。 處理前后的照片 如圖 32 所示。 15 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 圖 32 Photoshop 處理圖片前后對比 平臺構(gòu)建 平臺的構(gòu)建分為跳轉(zhuǎn)頁和框架兩個(gè)部分。 跳轉(zhuǎn)頁的制作 首先建立平臺的站點(diǎn)，將所用到的圖片、音樂和文字等信息放入到根目錄 16 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 下 的文件夾中，這樣設(shè)置相對路徑才能避免圖片等信息在網(wǎng)站中顯示不出 。 制作跳轉(zhuǎn)頁時(shí) 首先是背景圖片的設(shè)置， 在廬山飄渺朦朧的山水間飄過一幅幅九江非物質(zhì)文化遺產(chǎn)的圖片 。在 Dreamweaver 中只需在屬性面板的頁面屬性中添加背景即可。然后制作標(biāo)題 ，利用代碼將標(biāo)題文字進(jìn) 行修飾，如跳轉(zhuǎn)頁中的標(biāo)題“九江非物質(zhì)文化遺產(chǎn)資源平臺歡迎您”， 在這里著重突出了“非物質(zhì)”三個(gè)字，所以設(shè)置大小比其他文字更大，字體是華文行楷，文字顏色也設(shè)為更顯眼突出的紅色。 跳轉(zhuǎn)頁中的圖片劃過效果是跳轉(zhuǎn)頁的最重要部分，代表各個(gè)九江非物質(zhì)文化遺產(chǎn)的 圖片作為劃過的圖片。 圖片向左滾動，并且滑過的距離正好是圖片的寬度，這樣 使得每次劃過一張圖片。每張圖片滑動后會停止兩秒鐘，讓用戶可以觀看圖片。當(dāng)用戶想仔細(xì)觀看一張圖片時(shí)可以將鼠標(biāo)光標(biāo)拖到圖片上，這時(shí)圖片就會停止滑動，而光標(biāo)移開圖片上時(shí)，圖片又會繼續(xù)向左滑動。并且所有圖片劃過后，圖片又會循環(huán)滑動。 其代碼如下： if(%nImgWidth == 0){ += step。 //每一張圖片 滑動到此 就停留 step = 0。 (set(2), 2021)。//圖片停留兩秒 } if ( = 0){ = 。 } else { += step。 //若圖片寬度大于設(shè)置滑動的距離，則 圖片滑動到左邊界與設(shè)置的邊界重合 } } var MyMarquee = setInterval(Marquee, speed)。 17 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 = function(){clearInterval(MyMarquee) }。 =function(){MyMarquee=setInterval(Marquee,speed)}。 //當(dāng)鼠標(biāo)放于圖片上時(shí)，停止滑動，當(dāng)鼠 標(biāo)移出圖片時(shí)，繼續(xù)滑動 function set(i){ i = parseInt(i)。 step = i。 } 然后在跳轉(zhuǎn)頁中添加 背景音樂古琴演奏《高山流水》，讓用戶在聽著優(yōu)美的古典音樂中欣賞九江非物 質(zhì)文化遺產(chǎn)的圖片。最后在 頁面下面添加“進(jìn)入首頁”，并且設(shè)置鏈接，點(diǎn)擊后可以進(jìn)入首頁。 平臺框架構(gòu)建 進(jìn)入平臺后 ，用 古樸文雅的圖片作為平臺的背景圖片，然后標(biāo) 題背景設(shè)置為廬山的風(fēng)景圖，因?yàn)閺]山是九江最具代表性的名字，所以 在平臺中多次用到關(guān)于廬山的圖片，以突出表現(xiàn)九江的代表性。標(biāo)題下面是平臺的功能選項(xiàng)，分別為首頁、 政策法規(guī) 、 新聞動態(tài) 、 重大活動 、 傳承人 、 潯陽風(fēng)情 、 保護(hù)名錄 、管理員或傳承人登錄 。選項(xiàng)下面是平臺顯示內(nèi)容的區(qū)域，根據(jù)不同的選項(xiàng)，其顯示方式也不相同 。 首頁中的標(biāo)題為“九江非物質(zhì)文化遺產(chǎn)資源平臺”， 其顯示為一個(gè)文字 顏色變化的 Flash 動畫效果。 將背景圖片在 Photoshop 中從清晰到模糊處理，并且得到逐漸變化過程中的十張圖片，將圖片導(dǎo)入 Flash 中。在圖層上新建一個(gè)圖層，輸入“九江非物質(zhì)文化遺產(chǎn)資源平臺”文本，設(shè)置“非物質(zhì)”三個(gè)字為紅色，58 號大小，字體為楷體，其他文字為藍(lán)色， 36 號大小，字體為宋體。復(fù)制文字，新建圖層，在新圖層中將文字粘貼到當(dāng)前位置，與原來文字重疊。再新建圖層，拖動到兩個(gè)文字圖層中間，鎖定兩個(gè)文字圖層，在新圖層中選擇顏色為線性漸變，兩端為紅色，中間為白色，繪制一個(gè)矩形，旋轉(zhuǎn)一定角度 ， 放在文字左端 。 18 信息科學(xué)與技術(shù)學(xué)院學(xué)士學(xué)位論文 此圖層中，在 10 幀位置按 F6 插入關(guān)鍵幀，兩個(gè)文字圖層的 10 幀位置按 F5 插入幀，然后將矩形 復(fù)制到 10 幀中，拖動到文字右端，選擇第一幀，左擊選擇創(chuàng)建補(bǔ)間動畫。將矩形圖層上方的文字圖層轉(zhuǎn)化為遮罩層，然后預(yù)覽動畫效果，可以看到“九江非物質(zhì)文化遺產(chǎn)資源平臺”的文字有紅白絲帶劃過的效果，并且背景圖片由模糊到清晰。如圖 33 所示。 圖 33 文字效果圖 首頁中顯示信息處， 制作一個(gè)九江的地圖，然后鼠標(biāo)放于地圖不同的縣區(qū)位置時(shí)，會出現(xiàn)一個(gè)提示框顯示所在地區(qū)的非物質(zhì)文化遺產(chǎn)。并且地圖上的區(qū)域位置的顏色也會 隨著鼠標(biāo)