巧用多種網(wǎng)頁(yè)制作工具職教新干線個(gè)人簡(jiǎn)介_(kāi)個(gè)人簡(jiǎn)介網(wǎng)頁(yè)制作

1、巧用多種網(wǎng)頁(yè)制作工具職教新干線個(gè)人簡(jiǎn)介_(kāi)個(gè)人簡(jiǎn)介網(wǎng)頁(yè)制作 摘要：該文介紹了如何運(yùn)用網(wǎng)頁(yè)制作工具來(lái)制作職教新干線個(gè)人簡(jiǎn)介的方法，并給出了一個(gè)實(shí)例來(lái)具體講解這種方法的使用。 關(guān)鍵詞：html代碼；flash；firework；職教新干線 中圖分類號(hào)：tp311文獻(xiàn)標(biāo)識(shí)碼：a文章編號(hào)：1009-3044(x)17-4156-03 隨著中國(guó)網(wǎng)絡(luò)的不斷發(fā)展，計(jì)算機(jī)網(wǎng)絡(luò)的應(yīng)用已經(jīng)越來(lái)越普及到職業(yè)教育的各個(gè)領(lǐng)域了，現(xiàn)在職教新干線網(wǎng)絡(luò)平臺(tái)已經(jīng)慢慢成為職院進(jìn)行各種評(píng)估、教學(xué)交流的基本的平臺(tái)，職業(yè)技術(shù)學(xué)院的教師，每個(gè)人都已經(jīng)擁有了自己的一個(gè)用戶，擁有了美化這個(gè)平臺(tái)的權(quán)限，如何擁有一個(gè)個(gè)性化的個(gè)人簡(jiǎn)歷，是設(shè)計(jì)一個(gè)理

2、想的個(gè)人主頁(yè)的重要組成部分。該文章主要講解了如何使用我們的網(wǎng)頁(yè)制作工具來(lái)美化我們的職教新干線主頁(yè)面制作一個(gè)個(gè)性化的個(gè)人簡(jiǎn)歷的方法。 1需求分析 如何來(lái)美化我們的新干線平臺(tái)的主頁(yè)面，讓瀏覽者第一感覺(jué)就吸引眼球，已經(jīng)成為了當(dāng)前職教教師的一個(gè)重大任務(wù)。很多用戶由于不懂flash技術(shù)或者h(yuǎn)tml代碼，所以不知道如何進(jìn)行比較美觀的文章圖文混排，最多只能到網(wǎng)上下載現(xiàn)成的動(dòng)畫文件點(diǎn)綴主頁(yè)，該文給出了一個(gè)實(shí)例來(lái)具體講解一個(gè)原創(chuàng)個(gè)人簡(jiǎn)歷來(lái)裝飾職教新干線主頁(yè)上應(yīng)用的方法。 2前提條件 在職教新干線擁有自己的一個(gè)賬號(hào)，擁有修改權(quán)限，開(kāi)通空間，準(zhǔn)備好一些圖片素材。 3現(xiàn)在以作者自己的職教新干線空間為例 如圖1所示，制

3、作一個(gè)個(gè)性化的個(gè)人簡(jiǎn)歷，通過(guò)這一動(dòng)畫來(lái)講述通過(guò)網(wǎng)頁(yè)制作工具和html代碼來(lái)在制作一個(gè)動(dòng)態(tài)個(gè)性個(gè)人簡(jiǎn)歷，重點(diǎn)講述以flash制作的方法。主要的制作方法有如下兩種： 第一種方法：通過(guò)flash 8.0軟件的消失動(dòng)畫來(lái)制作動(dòng)態(tài)個(gè)人簡(jiǎn)歷。 圖1 第一步：安裝好flash 8.0甚至更高的版本的flash軟件，準(zhǔn)備好兩張照片和一段自己的個(gè)人簡(jiǎn)介文字。 第二步：布局好照片背景和文字，通過(guò)矩形工具繪制外框，加粗外邊框，在照片放置區(qū)繪制一個(gè)藍(lán)色底紋的矩形。 第三步：照片切換動(dòng)畫的制作：新建圖層，導(dǎo)入照片，如下圖2所示，添加動(dòng)畫補(bǔ)間，在動(dòng)畫補(bǔ)間的屬性中將透明度設(shè)置為0，生成照片的消失動(dòng)畫，再新建圖層導(dǎo)入另一張照

4、片，按照第一張照片的制作方法制作一個(gè)消失和顯示相反的顯示-消失動(dòng)畫。 圖3 第四步：場(chǎng)景、關(guān)鍵幀以及圖層的布置如上圖3所示。適當(dāng)調(diào)節(jié)場(chǎng)景背景的大小，導(dǎo)出為洪鐘.swf文件， 第五步：上傳個(gè)人簡(jiǎn)介動(dòng)畫，獲取動(dòng)畫的源地址代碼：在職教新干線上發(fā)表一篇新的文章，將洪鐘.swf動(dòng)畫文件在附件中上傳到新干線空間，然后打開(kāi)該文件，通過(guò)網(wǎng)頁(yè)顯示的地址欄獲得飛機(jī)動(dòng)畫的源地址。 第六步：輸入html代碼，將飛行動(dòng)畫顯示在新干線的主頁(yè)上：進(jìn)入居民信息管理頁(yè)面，點(diǎn)擊個(gè)人愛(ài)好子頁(yè)面如下圖4所示；由于在職教新干線工具中沒(méi)有css樣式表工具，所以我們只能使用style=“”寫入的方式來(lái)代替css樣式工具。 3小結(jié) 以上我們通過(guò)一個(gè)實(shí)例來(lái)分別詳細(xì)講述了通過(guò)html語(yǔ)言結(jié)合flash動(dòng)畫制作軟件和firework圖片處理軟件來(lái)制作一個(gè)擁有動(dòng)態(tài)圖片切換圖文混排的充滿個(gè)性化的個(gè)人簡(jiǎn)歷，第一種方法主要是利用了補(bǔ)間動(dòng)畫關(guān)鍵幀的alpha屬性制作消失動(dòng)畫來(lái)生成照片漸變切換，第二種方法主要通過(guò)firework的幀的添加和時(shí)間設(shè)置來(lái)形成照片切換，將動(dòng)畫文件放入新干線主頁(yè)中主要通過(guò)style=“”代碼來(lái)產(chǎn)生css樣式，通過(guò)embed代碼來(lái)顯示和控制網(wǎng)頁(yè)動(dòng)畫。gif圖片顯示新干線主頁(yè)主要是通過(guò)img代碼產(chǎn)生。 參考文獻(xiàn)： 1姜楠.dreamweaver 8完美網(wǎng)頁(yè)設(shè)計(jì)與制作m.北京:中國(guó)青年出版社,x. 2張曉景.div+css網(wǎng)