計算機信息管理畢業(yè)論文計算機信息管理班級展示平臺的設計與實現(xiàn)(編輯修改稿)

　

【文章內(nèi)容簡介】 廣告創(chuàng)意，圖像輸入與輸出于一體 。 Photoshop 的應用領域很廣泛，在圖像、圖形、文字、視頻、出版各方面都有涉及。 所用技術(shù) 本網(wǎng)站實現(xiàn)除了大量應用了 Flash 對其主要框架以及效果的構(gòu)造制作，以及 Photoshop對網(wǎng)站圖片的制作修改外，還使用了 XML 在 Flash 中的載入、讀取和解析。 當使用 HTML 顯示數(shù)據(jù)時，數(shù)據(jù)將被存儲在 HTML 中。通過 XML，數(shù)據(jù)可以被單獨儲存在 XML 文件中。通過這種方法，你就可以一心一意地使用 HTML 對數(shù)據(jù)進行排版和顯示， 對基本數(shù)據(jù)的改變并不需要對 HTML 做出任何改變。 通過使用 XML，可以使用普通的文本文件儲存數(shù)據(jù)。 XML 可以在文件或數(shù)據(jù) 庫中儲存數(shù)據(jù)。應用軟件可以從已存儲的數(shù)據(jù)中儲存、獲取信息。一般的應用軟件可以用于顯示數(shù)據(jù)。 蘇州大學本科生畢業(yè)論文（設計） 5 第三章 網(wǎng)站規(guī)劃 網(wǎng)站結(jié)構(gòu)圖 Flash 網(wǎng)站區(qū)別的普通的靜態(tài)網(wǎng)站，所以在結(jié)構(gòu)上小有所區(qū)別。但在在外觀上，區(qū)別于大多數(shù)靜態(tài)網(wǎng)站的規(guī)則布局。以獨特的樣式顯示，這樣可以使每一個游覽者可以更好的去感受網(wǎng)站 所要表達的信息。本網(wǎng)站的結(jié)構(gòu)圖如圖 31 所示： 圖 31 Flash 網(wǎng)站的基本結(jié)構(gòu) 網(wǎng)站內(nèi)容 本 Flash 網(wǎng)站共有 3 個 Flash 界面，主要內(nèi)容有：關(guān)于我們、照片、聯(lián)系我們這 3 個模塊，整個網(wǎng)站的內(nèi)容結(jié)構(gòu)如圖 32 所示 圖 32 內(nèi)容規(guī)劃結(jié)構(gòu)圖 網(wǎng)站 效果圖 主頁（照片展示） 關(guān)于我們 照片 聯(lián)系我們 引導頁 加載數(shù)據(jù) 主頁顯示 導航條 照片顯示 音樂控制 蘇州大學本科生畢業(yè)論文（設計） 6 圖 33為引導頁面，游覽者在欣賞完一段小動畫后自動進入網(wǎng)站。 該動畫模仿鼠標點擊的樣式，從一開始就給瀏覽者了一種視覺 的沖擊，這樣可以使瀏覽者對接下瀏覽產(chǎn)生很強的興趣。 圖 33 引導頁面 圖 34 為主頁面。該頁面以一個相冊的形式呈現(xiàn)在瀏覽者的面前，不同于以往普通的靜態(tài)網(wǎng)站的格調(diào)布局，這種新鮮感的創(chuàng)新，不僅 呈現(xiàn)了網(wǎng)站所要表達的主題，也將 Flash網(wǎng)站的視覺沖擊展露無遺。而且，此時再配以背景音樂的渲染，使得效果更加完美。 圖 34 主頁面 圖 35 關(guān)于我們頁面， 照片固然直觀，但是，卻比不上文字的細膩，所以，在介紹班 蘇州大學本科生畢業(yè)論文（設計） 7 級同學的這一塊，作者選擇了使用文字來進行表達，瀏覽者在瀏覽的時候，可以拖動文字旁邊的滾動條來 瀏覽相關(guān)的內(nèi)容。 圖 35 關(guān)于我們頁面 圖 36 為相冊頁面， 前面也說到了，照片總是給人以最直觀的感受，所以 ，除了主頁面上的照片的外，這里是一個照片的詳細查看。瀏覽者不僅可以點擊主頁面上的照片進入到相應的照片內(nèi)容，也可以進入相冊模塊，來進行照片的瀏覽。 圖 36 照片頁面 圖 37 為聯(lián)系我們頁面， 一個網(wǎng)站，必須要有一個聯(lián)系的方式，這樣既有利于網(wǎng)站今后的維護與發(fā)展，也有利于了解瀏覽者的建議以及意見。本 Flash 網(wǎng)站的聯(lián)系模塊是讓瀏 蘇州大學本科生畢業(yè)論文（設計） 8 覽者輸入瀏覽者的相關(guān)聯(lián)系方式和對網(wǎng)站的建議意見，或其他留言，然后通 過發(fā)送到作者的郵箱來實現(xiàn)的。 圖 37 聯(lián)系我們頁面 蘇州大學本科生畢業(yè)論文（設計） 9 第四章 網(wǎng)站程序?qū)崿F(xiàn) 整體設計 本 Flash 網(wǎng)站的主題是對班級的回憶以及展示，介于 Flash 網(wǎng)站它不受限于傳統(tǒng)靜態(tài)網(wǎng)站的 布局格式。本網(wǎng)站采取了一個以晾曬照片為主要背景的一種方式。設計新穎，瀏覽者可以在初次進入網(wǎng)站就有種眼前一亮的感覺。而照片總是可以給人以最直觀的感受，再輔以背景音樂，可以使瀏覽者切身體會到作者班級的氛圍，仿佛置身于當年的學生時代。這種設計將本網(wǎng)站所要表達的信息可以很好的表達出來。當然了，在直觀的照片給予瀏覽者一定的 了解后，文字部分可以讓瀏覽者了解更多有關(guān)作者班級的信息。最后的一個聯(lián)系途徑，可以讓瀏覽者留下自己的聯(lián)系發(fā)與作者的郵箱，便于今后的交流。 網(wǎng)站 設計 引導頁 設計 引導頁的作用： Flash 動畫 能帶來視覺的沖擊！本網(wǎng)站的引導動畫實為一個逐幀動 畫 ，模仿鼠標點擊，打開網(wǎng)頁的效果！ 。 大致的設計 步驟如下： Flash 文檔，命名為 。 766 750 的背景，將背景圖片（ ）導入到庫中，將圖片放與舞臺中央 。 ，命名為 mouse，制作一個鼠 標的樣子和鼠標經(jīng)過的時候殘影的圖樣，在第 28 幀和第 87 幀 間每一幀定義為關(guān)鍵幀，在此區(qū)間定義鼠標從背景右下角移動至中間的每一個位置。 在每一幀做相應的設計即可。 導航的 設計 導航的作用：一個網(wǎng)站必須需要一個導航條，這樣才能方便瀏覽者去查看想查看的內(nèi)容， Flash 網(wǎng)站雖然在外觀形式上不拘一格，但是， 依舊需要一個 導航條。 本 Flash 網(wǎng)站的導航條 為 一個 逐幀動畫，三個導航按鈕，依次出來 。 每個 按鈕 分配有 蘇州大學本科生畢業(yè)論文（設計） 10 鼠標交互功能，即點擊，并放開鼠標后，出現(xiàn)的交互動畫！點擊后，要 進入相應的頁面，大致的設計 步驟如下 ： 1 制作一個菜單的元件（ menu2），里面分別添加三個按鈕的圖層（ item item item3），制作后如圖 41 所示： 圖 41 添加圖層 2 給這三個按鈕分別寫入相應的代碼，這里以關(guān)于我們?yōu)槔▓D 42）： (s1)。 // 主時間軸跳轉(zhuǎn)到 s1 分別給三個參數(shù)（在主時間軸第一幀已經(jīng)定于并且賦值） = pages1。 // 傳遞參數(shù)，對應庫里的標志符為 pages1的電影剪輯（ MC），即主時間軸attachMovie 電影剪輯 pages1到主舞臺！ = 140。 = 200。 //此兩變量，當 pages賦值到 舞臺后（ _root），設置其 x和 y坐標 圖 42 關(guān)于我們按鈕的代碼 滾動條的 設計 滾動條的作用：關(guān)于我們的頁面中，在對班級同學進行介紹的時候，一個小小的頁面加載那么多字數(shù)的文本后，難以查閱，這對瀏覽者來說是一個不方便地方。所以，一個文本的滾動條在這里就顯得尤為重要。滾動條的 設計 過程如下： 1. 創(chuàng)建動態(tài)文本框，命名為 abouttxt.（圖 43） 蘇州大學本科生畢業(yè)論文（設計） 11 圖 43 動態(tài)文本框 abouttxt xml 文件命名為 ，并在 影片剪輯 關(guān)于我們 2 的圖層 2 幀 1 上寫 下如下 代碼： activity = new XML ()。 ()。 = true。 = function (success) { if (success){ var news:XMLNode = 。 =[0]。 =1000。 } } 3． 打開 ，并設置動態(tài)文本框 abouttxt的 html里面的 Text內(nèi)容為 文件中第一個節(jié)點的內(nèi)容。 abouttxt，然后打開組件面板，將 窗口 — 組件 — Interface 里面的UIScrollBar 組件 （圖 45） 拖動到動態(tài)文本框 abouttxt 上，然后調(diào)整 UIScrollBar 的位置 即可 。 圖 45 UIScrollBar 組件 XML 外部載 入實現(xiàn) XML 外部導入的作用：對于一個網(wǎng)站，里面肯定有著許多的信息， 無論圖片還是文字， 而 對于 ，最好的數(shù)據(jù)處理就是 xml，本 Flash 網(wǎng)站，也是利用 xml 數(shù)據(jù)格式。為 蘇州大學本科生畢業(yè)論文（設計） 12 了 便于修改，用了 txt 文本裝載。大致的 設計步驟 如下： 1． 先編輯好 xml 樹結(jié)構(gòu)， 如下所示： ?xml version= encoding=UTF8? gallery images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images about url1=images/ url2=images/ url3=images//about contact url1=images//contact /gallery 2 數(shù)據(jù)處理 部分 （ 1） 建立一個 xml 對象，并且忽視空白（即不將 xml 里的空格鍵當成數(shù)據(jù)加載） ， 下載幀 1 動作里面，具體代碼如下所示： var photoxml = new XML()。 = true。 ()。 = function(done) { if (done) { dataset()。 = true。 } else { trace(lost)。 } }。 （ 2） 通過自定義 dataset()函數(shù)處理數(shù)據(jù)，本 Flash 網(wǎng)站的 xml 只采取一個層級，所以，只需用到一個 for 循環(huán)，即可將所有數(shù)據(jù)讀取并且裝載到相應的數(shù)組 ，相關(guān)代碼如下： function dataset() { var list = 。 listlen