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