學(xué)院網(wǎng)站設(shè)計基于網(wǎng)站的flash設(shè)計畢業(yè)設(shè)計論文(編輯修改稿)
2025-07-21 17:39 本頁面
【文章內(nèi)容簡介】 。如:網(wǎng)頁中的Flash網(wǎng)絡(luò)廣告、Flash形象展示動畫、網(wǎng)站導(dǎo)航欄動畫、圖片展示動畫、Flash交互動畫，及由Flash制作完成的網(wǎng)站注冊、登陸、計算等系統(tǒng)。在靜態(tài)頁面中，如果把這些做成動畫形式的話，無疑能起到生動、裝飾的作用，對瀏覽者具有充分調(diào)動的作用。但是不宜太花、太亂，否則，就會起到反作用，不但使瀏覽者眼花繚亂、煩躁，而且會給企本網(wǎng)站效應(yīng)大打折扣，顯得煩亂，缺乏信任。（2） Flash動畫在整站網(wǎng)頁設(shè)計中的應(yīng)用 前文中提到過，除了采用Flash制作相關(guān)的貞面外，也有一些網(wǎng)站，為了展示自己的個性，使用Flash來制作整個站點。整個站點從概念上就己經(jīng)包括所有視聽元素部分及版式的設(shè)計。網(wǎng)站引導(dǎo)界面的設(shè)計估且不說，由其引導(dǎo)進(jìn)入的內(nèi)頁面這整個系統(tǒng)都是由Flash軟件來制作，就包括上文列舉的視頻、Flash廣告動畫、Flash交互動畫、網(wǎng)站的Flash形象展示動畫、網(wǎng)站各級導(dǎo)航欄、圖片展示、文字、鏈接、色彩、音樂、聲音、游戲及網(wǎng)站注冊、登陸、計算系統(tǒng)等。這樣的Flash動畫網(wǎng)站，感覺都十分炫，具有很強很獨特的個性，基本上能完全調(diào)動瀏覽者的積極性，給人以活躍的心理感受。 為了提高網(wǎng)站的美觀性，和一些廣告廠商的利益獲取性，我們經(jīng)常會看到好多內(nèi)嵌式或漂浮式的廣告，吸引我們的注意。因此，好的動畫，需要有好的設(shè)計，需要我們潛心去研究、思考，既能使網(wǎng)站充分利用其生動活潑的優(yōu)勢，又不會因其一些限制因素，而使瀏覽者產(chǎn)生不好的心理感受，以至于影響到網(wǎng)頁和瀏覽者的互動。3 Flash的設(shè)計制作過程 “電子工程學(xué)院”五個字逐字顯示（1） 打開flash,新建一個動畫圖層，命名為“字體”。（2） 選擇工具欄中的文本工具，在圖層中分別建立文本框，輸入“電子工程學(xué)院”，分別將六個字轉(zhuǎn)換為原件，如圖31。圖31（3） 以15幀為一個單位，在“字體”圖層創(chuàng)建6個關(guān)鍵幀，如圖32。圖32（4） 在每個關(guān)鍵幀后逐字刪除，第一幀后放“電”字原件，第二幀后放“電子” 字原件，第三幀后放“電子工”，以此類推，最后一幀放“電子工程學(xué)院”字原件，然后創(chuàng)建傳統(tǒng)補間動畫，如組圖33。組圖33 關(guān)于學(xué)校的建筑的圖片淡化切換（1） 首先運用firework，對圖片進(jìn)行處理。運用魔術(shù)棒工具將圖片除了所需要的建筑外全部刪除，如圖34。圖34（2） 選擇文件/圖像預(yù)覽，在圖像預(yù)覽界面中的左下角下拉菜單中選擇索引色透明，然后導(dǎo)出圖像預(yù)覽，如圖35。圖35（3） 打開頁眉的flash，新建一個圖層，命名為圖片。將用firework編輯好的圖片導(dǎo)入到flash庫中，如圖36。圖36（4） 將圖片一放置于舞臺的所需位置，并且轉(zhuǎn)換為影音剪輯元件，以15幀為一個單位，依次創(chuàng)建6個關(guān)鍵幀。在第一個關(guān)鍵幀處將影音剪輯元件的透明度效果處理為0%，即右側(cè)的效果框中的色彩效果，樣式的Alpha度選擇為0%，如圖37。圖37（5） 依次在各個關(guān)鍵幀中創(chuàng)建傳統(tǒng)補間動畫，實現(xiàn)效果如組圖38。組圖38 導(dǎo)航字欄的文字鼠標(biāo)懸停變色（1） 在頁眉flash中，單擊“屬性”面板的“編輯”按鈕，彈出“文檔設(shè)置”對話框，設(shè)置“尺寸”為“500像素*400像素”，“背景顏色”為藍(lán)色。“幀頻”為12。（2） 新建一個名稱為“按鈕”的“圖形”元件。（3） 按鈕對象本來就有四個幀組成的（4種不同的狀態(tài)）。分別是彈起（正常），劃過（鼠標(biāo)經(jīng)過），按下（鼠標(biāo)按下），還有個熱點區(qū)的幀（可以不放東西）。（4） 第一個幀（彈起）是放置白色的“網(wǎng)站首頁”，將第一個幀復(fù)制到第二個區(qū)塊（劃過），然后把第二個區(qū)塊的字色修改為黃色，其他不變，如圖39。圖39 導(dǎo)航字欄的透明方塊實現(xiàn)鼠標(biāo)跟隨(1) 要考慮兩方面即： ：會用到鼠標(biāo)移動時把方塊的位置移動，(2) 實例制作：1. 將事先做好的按鈕放置到導(dǎo)航欄的相應(yīng)位置。2. 具體的代碼如下：var sp:Sprite = new Sprite()。//那行網(wǎng)站首頁、院系介紹那欄我們設(shè)為spvar fang:Sprite = new Sprite()。//那個透明方塊var r:Rectangle = new Rectangle(x,y,width,0)。(0xFFCC0)。填充顏色。例:0xFFCC0(x,y,width,height)。//x，y值及長度寬
職業(yè)教育相關(guān)推薦
鄂ICP備17016276號-1