學(xué)院網(wǎng)站設(shè)計(jì)_基于網(wǎng)站的flash設(shè)計(jì)_畢業(yè)設(shè)計(jì)論文-wenkub
2022-09-11 15:26:51 本頁(yè)面
【正文】 信息技術(shù)飛速發(fā)展的今天，人們獲取信息的方式更多是來(lái)源于互聯(lián)網(wǎng)。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。 Adobe Flash Professional CS6為創(chuàng)建數(shù)字動(dòng)畫(huà)、交互式 Web 站點(diǎn)、桌面應(yīng)用程序以及手機(jī)應(yīng)用程序開(kāi)發(fā)提供了功能全面的創(chuàng)作和編輯環(huán)境。 Flash 可以包含簡(jiǎn)單的動(dòng)畫(huà)、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。接下來(lái)，定義如何以及何時(shí)使用各個(gè)元素來(lái)創(chuàng)建設(shè)想中的應(yīng)用程序。舞臺(tái)是在回放過(guò)程中顯示圖形、視頻、按鈕等內(nèi)容的位置。位于較高圖層中的圖形顯示在較低圖層中的圖形的上方。 ActionScript 代碼可用來(lái)向文檔中的媒體元素添加交互式內(nèi)容。 Flash 包含了許多種功能，如預(yù)置的拖放用戶(hù)界面組件，可以輕松地將ActionScript 添加到文檔的內(nèi)置行為，以及可以添加到媒體對(duì)象的特殊效果。然后，就可以使用 FlashPlayer在 Web 瀏覽器中播放 SWF 文件，或者將其作為獨(dú)立的應(yīng)用程序進(jìn)行播放?？梢枣i定最新的 adobe flash player 和 air 運(yùn)行時(shí)以及 android和 ios 設(shè)備平臺(tái) 。 圖 21 菜單欄 菜單欄是最常見(jiàn)的界面要素，它包括【文件】、【編輯】、【視圖】、【插入】、【 修改】、【文本】、【命令】、【控制】、【調(diào)試】、【窗口】和【幫助】等一系列 菜單，根據(jù)不同的功能類(lèi)型，可以快速地找到所要使用的各項(xiàng)功能選項(xiàng)，如圖 22。圖層就像堆疊在一起的多張幻燈片，每個(gè)圖層都有獨(dú)立 的時(shí)間軸。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 9 頁(yè)共 29 頁(yè) 圖 25 調(diào)整圖像亮度和對(duì)比度 面板的內(nèi)容取決于當(dāng)前選定的內(nèi)容，可以顯示當(dāng)前文檔、文本、元件、形狀、位圖、視頻、幀或工具的信息和設(shè)置。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 10 頁(yè)共 29 頁(yè) 圖 26 圖 27 圖 28 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 11 頁(yè)共 29 頁(yè) Flash 動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用 （ 1） Flash 動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的部分應(yīng)用 在網(wǎng)頁(yè)設(shè)計(jì)中， Flash 動(dòng)畫(huà)作品除了以“流式播放動(dòng)畫(huà)”播放以外，如 :Flash動(dòng)畫(huà)短片、 FlashMV，還具有一定交互性特點(diǎn)的形式。 在靜態(tài)頁(yè)面中，如果把這些做成動(dòng)畫(huà)形式的話(huà)，無(wú)疑能起到生動(dòng)、裝飾的作用，對(duì)瀏覽者具有充分調(diào)動(dòng)的作用。 網(wǎng)站引導(dǎo)界面的設(shè)計(jì)估且不說(shuō)，由其引導(dǎo)進(jìn)入的內(nèi)頁(yè)面這整個(gè)系統(tǒng)都是由 Flash 軟件來(lái)制作，就包括上文列舉的視頻、 Flash 廣告動(dòng)畫(huà)、 Flash 交互動(dòng)畫(huà)、網(wǎng)站的 Flash形象展示動(dòng)畫(huà)、網(wǎng)站各級(jí)導(dǎo)航欄、圖片展示、文字、鏈接、色彩、 音樂(lè) 、聲音、游戲及網(wǎng)站注冊(cè)、登陸、計(jì)算系統(tǒng)等。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 12 頁(yè)共 29 頁(yè) 3 Flash 的設(shè)計(jì)制作過(guò)程 “電子工程學(xué)院”五個(gè)字逐 字顯示 （ 1） 打開(kāi) flash,新建一個(gè)動(dòng)畫(huà)圖層，命名為“字體”。 組圖 33 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 14 頁(yè)共 29 頁(yè) 關(guān)于學(xué)校的建筑的圖片淡化切換 （ 1） 首先運(yùn)用 firework，對(duì)圖片進(jìn)行處理。將用 firework 編輯好的圖片導(dǎo)入到 flash 庫(kù)中，如圖 36。 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 16 頁(yè)共 29 頁(yè) 組圖 38 導(dǎo)航字欄的文字鼠標(biāo)懸停變色 （ 1） 在頁(yè)眉 flash 中，單擊“屬性”面板的“編輯”按鈕，彈出“文檔設(shè)置”對(duì)話(huà)框，設(shè)置“尺寸”為“ 500 像素 *400 像素”，“背景顏色”為藍(lán)色。分別是彈起（正常），劃過(guò)（鼠標(biāo)經(jīng)過(guò)），按下（鼠標(biāo)按下），還有個(gè)熱點(diǎn)區(qū)的幀（可以不放東西）。//那行網(wǎng)站首頁(yè)、院系介紹那欄我們?cè)O(shè)為 sp var fang:Sprite = new Sprite()。例 :0xFFCC0 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 18 頁(yè)共 29 頁(yè) (x,y,width,height)。例 :0xFFCC0 (x,y,width,height)。 (,OutFun)。 (false,r)。 實(shí)例制作 (1) 打開(kāi) flash，新建一個(gè) 1002 像素 *200 像素的舞臺(tái)，顏色選擇“灰色”（符合網(wǎng)站整體背景顏色）如 圖 310所示。 圖 312 (5) 在第 1060 幀處設(shè)置關(guān)鍵幀，同時(shí)將元件平行拖入到舞臺(tái)左側(cè)合適位置 ，如圖313 所示。 圖 316 （ 3） 將圖片放置于舞臺(tái)中，充滿(mǎn)整個(gè)舞臺(tái)，如 圖 317所示。 圖 319 揚(yáng)州職業(yè)大學(xué)畢業(yè)設(shè)計(jì)（論文） 第 24 頁(yè)共 29 頁(yè) 結(jié) 論 通過(guò)這個(gè)畢業(yè)設(shè)計(jì)的制作，我感到自己在 flash 制作方面有很多的不足之處。 實(shí)際上，制作 flash 并不需要太多的代碼，也可以制作很炫的動(dòng)畫(huà)效果，不過(guò)要是能吧代碼學(xué)好，再加上自己的畫(huà)畫(huà)功底，最后再加上你的創(chuàng)意，那么，你完全可以制作一部絢麗多彩，豐富多姿的動(dòng)畫(huà)。它讓我掌握了很 FLASH 設(shè)計(jì)的知識(shí)，讓我對(duì)我所學(xué)過(guò)的知識(shí)有所鞏固和提高。而且還要做到穩(wěn)重但 又不失創(chuàng)新，開(kāi)朗但不浮躁，興趣廣泛，思路開(kāi)闊，辦事沉穩(wěn)，團(tuán)結(jié)合作的精神。三年的求學(xué)生涯在師長(zhǎng)、親友的大力支持下，走得辛苦卻也收獲滿(mǎn)囊，在論文即將付梓之際，思緒萬(wàn)千，心情久久不能平靜。 論文得以順利完成，要感謝的人實(shí)在太多了。還有就是我的 FLASH 課程老師黃昱棟老師，要是沒(méi)有朱 老師的幫助和知道， 也沒(méi)有這篇論文的誕生。 揚(yáng)州 職業(yè)技術(shù)學(xué)院，在這里度過(guò)了三年愉快充實(shí)美好的大學(xué)時(shí)光。他們不僅在學(xué)術(shù)上給予我指點(diǎn)，同時(shí)也是我生活中一起同行的人，在交往的過(guò)程中我們建立信任、彼此鼓勵(lì)、互相支持與幫助。無(wú)論 我成功與否，你們總以鼓勵(lì)的言語(yǔ)告訴我很棒，謝謝你們，我會(huì)繼續(xù)努力。感恩之情難以用語(yǔ)言量度， 謹(jǐn)以最樸實(shí)的話(huà)語(yǔ)致以最崇高的敬意。希望自己能夠記取少年時(shí)的夢(mèng)想，永不放棄。 圖 42 實(shí)現(xiàn)效果：照片淡化切換（制作方式同首頁(yè)導(dǎo)航欄建筑圖片的淡化切換） （ 3） 學(xué)生會(huì)圖片展示 ，如圖 43所示。 。 圖 44 實(shí)現(xiàn)效果：照片淡化切換（制作方式同首頁(yè)導(dǎo)航欄建筑圖片的淡化切換） 附錄 2：在 flash 中進(jìn)行鏈接 （ 1） 如果你是要發(fā)到網(wǎng)上，不要寫(xiě)本地地址，其他人收不到，點(diǎn)擊要連接的按鈕元件，打開(kāi)“代碼”欄，直接輸入 on (press) {
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1