摘要:該文介紹了如何運用網(wǎng)頁制作工具來制作職教新干線個人簡介的方法,并給出了一個實例來具體講解這種方法的使用。
關(guān)鍵詞:html代碼;flash;firework;職教新干線
中圖分類號:TP311文獻標識碼:A文章編號:1009-3044(2012)17-4156-03
隨著中國網(wǎng)絡(luò)的不斷發(fā)展,計算機網(wǎng)絡(luò)的應(yīng)用已經(jīng)越來越普及到職業(yè)教育的各個領(lǐng)域了,現(xiàn)在職教新干線網(wǎng)絡(luò)平臺已經(jīng)慢慢成為職院進行各種評估、教學交流的基本的平臺,職業(yè)技術(shù)學院的教師,每個人都已經(jīng)擁有了自己的一個用戶,擁有了美化這個平臺的權(quán)限,如何擁有一個個性化的個人簡歷,是設(shè)計一個理想的個人主頁的重要組成部分。該文章主要講解了如何使用我們的網(wǎng)頁制作工具來美化我們的職教新干線主頁面制作一個個性化的個人簡歷的方法。
1需求分析
如何來美化我們的新干線平臺的主頁面,讓瀏覽者第一感覺就吸引眼球,已經(jīng)成為了當前職教教師的一個重大任務(wù)。很多用戶由于不懂flash技術(shù)或者html代碼,所以不知道如何進行比較美觀的文章圖文混排,最多只能到網(wǎng)上下載現(xiàn)成的動畫文件點綴主頁,該文給出了一個實例來具體講解一個原創(chuàng)個人簡歷來裝飾職教新干線主頁上應(yīng)用的方法。
2前提條件
在職教新干線擁有自己的一個賬號,擁有修改權(quán)限,開通空間,準備好一些圖片素材。
3現(xiàn)在以作者自己的職教新干線空間為例
如圖1所示,制作一個個性化的個人簡歷,通過這一動畫來講述通過網(wǎng)頁制作工具和html代碼來在制作一個動態(tài)個性個人簡歷,重點講述以flash制作的方法。主要的制作方法有如下兩種:
第一種方法:通過flash 8.0軟件的消失動畫來制作動態(tài)個人簡歷。
圖1
第一步:安裝好flash 8.0甚至更高的版本的flash軟件,準備好兩張照片和一段自己的個人簡介文字。
第二步:布局好照片背景和文字,通過矩形工具繪制外框,加粗外邊框,在照片放置區(qū)繪制一個藍色底紋的矩形。
第三步:照片切換動畫的制作:新建圖層,導入照片,如下圖2所示,添加動畫補間,在動畫補間的屬性中將透明度設(shè)置為0,生成照片的消失動畫,再新建圖層導入另一張照片,按照第一張照片的制作方法制作一個消失和顯示相反的顯示-消失動畫。
圖3
第四步:場景、關(guān)鍵幀以及圖層的布置如上圖3所示。適當調(diào)節(jié)場景背景的大小,導出為洪鐘.swf文件,
第五步:上傳個人簡介動畫,獲取動畫的源地址代碼:在職教新干線上發(fā)表一篇新的文章,將洪鐘.swf動畫文件在附件中上傳到新干線空間,然后打開該文件,通過網(wǎng)頁顯示的地址欄獲得飛機動畫的源地址。
第六步:輸入html代碼,將飛行動畫顯示在新干線的主頁上:進入居民信息管理頁面,點擊個人愛好子頁面如下圖4所示;由于在職教新干線工具中沒有css樣式表工具,所以我們只能使用style=“”寫入的方式來代替css樣式工具。
3小結(jié)
以上我們通過一個實例來分別詳細講述了通過html語言結(jié)合flash動畫制作軟件和firework圖片處理軟件來制作一個擁有動態(tài)圖片切換圖文混排的充滿個性化的個人簡歷,第一種方法主要是利用了補間動畫關(guān)鍵幀的alpha屬性制作消失動畫來生成照片漸變切換,第二種方法主要通過firework的幀的添加和時間設(shè)置來形成照片切換,將動畫文件放入新干線主頁中主要通過style=“”代碼來產(chǎn)生css樣式,通過EMBED代碼來顯示和控制網(wǎng)頁動畫。Gif圖片顯示新干線主頁主要是通過img代碼產(chǎn)生。
參考文獻:
[1]姜楠.dreamweaver 8完美網(wǎng)頁設(shè)計與制作[M].北京:中國青年