資源描述：
《frontpage制作網(wǎng)頁(yè)動(dòng)態(tài)效果》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、FrontPage制作網(wǎng)頁(yè)的動(dòng)態(tài)效果(上)http://www.sina.com.cn2001/04/23?14:09中國(guó)電腦教育報(bào)寧芳 在網(wǎng)頁(yè)的頁(yè)面中添加一定的動(dòng)態(tài)效果會(huì)給網(wǎng)頁(yè)增加許多的色彩?，F(xiàn)在網(wǎng)頁(yè)的動(dòng)態(tài)效果制作的方法很多，有些需要你學(xué)習(xí)一些相關(guān)的語(yǔ)言。FrontPage是網(wǎng)頁(yè)制作工具中的一個(gè)多功能的工具，它為我們提供了全中文的界面，其中的對(duì)網(wǎng)頁(yè)添加一些動(dòng)態(tài)效果用起來(lái)方便、簡(jiǎn)單?！ ∫?、為網(wǎng)頁(yè)中的元素添加動(dòng)畫(huà)效果在瀏覽網(wǎng)頁(yè)時(shí)你是否看到當(dāng)網(wǎng)頁(yè)打開(kāi)時(shí)有一段文字從屏幕的右方飛入，或是當(dāng)你把鼠標(biāo)放圖片上
2、時(shí)，圖片就會(huì)發(fā)生改變。如果你也想讓你的網(wǎng)頁(yè)動(dòng)起來(lái)，就可使用FrontPage中的“動(dòng)態(tài)HTML效果”?！ ?、點(diǎn)擊“格式”菜單中的“動(dòng)態(tài)HTML效果”，這時(shí)在窗口中就會(huì)出現(xiàn)“動(dòng)態(tài)HTML效果”的工具欄(圖1)。圖1 2、選擇相應(yīng)的元素，在“開(kāi)啟”對(duì)話框的下拉菜單中選擇引發(fā)動(dòng)畫(huà)的事件。共有四種引發(fā)動(dòng)畫(huà)的事件：“單擊”，指當(dāng)鼠標(biāo)單擊時(shí)引發(fā)動(dòng)態(tài)效果；“雙擊”，鼠標(biāo)在雙擊時(shí)引發(fā)動(dòng)態(tài)效果；“鼠標(biāo)懸?！?，鼠標(biāo)放在網(wǎng)頁(yè)的元素上時(shí)引發(fā)動(dòng)態(tài)效果；“網(wǎng)頁(yè)加載”，指引發(fā)動(dòng)畫(huà)效果是在網(wǎng)頁(yè)被開(kāi)啟時(shí)產(chǎn)生?？梢愿鶕?jù)不同的要求進(jìn)行
3、引發(fā)事件的選擇?！ ?、在“啟用”框中的下拉菜單中可以選擇動(dòng)畫(huà)效果的類(lèi)型。這些類(lèi)型是根據(jù)選擇的元素與引發(fā)動(dòng)畫(huà)的事件的不同而不同?！帮w出”，指網(wǎng)頁(yè)中的字體或圖片在特定的事件下從屏幕上飛出；“格式”，用于網(wǎng)頁(yè)元素的外觀設(shè)置；“交換圖片”，用于圖片動(dòng)畫(huà)的交換；在選擇鼠標(biāo)懸停為引發(fā)事件時(shí)，還會(huì)有如“飛入”、“跳躍”、“波動(dòng)”等一系列的動(dòng)態(tài)效果。 4、在“選擇設(shè)置”框的下拉菜單中選擇效果的設(shè)置。“對(duì)飛出的設(shè)置”，可以對(duì)方向式移動(dòng)類(lèi)型做出選擇；“對(duì)格式進(jìn)行設(shè)置”，可以對(duì)字體的顏色、大小、效果、間距等進(jìn)行設(shè)置；“
4、對(duì)邊框進(jìn)行設(shè)置”，可以更改邊框或底紋格式等；“交換圖片的效果”，在選擇對(duì)圖片的效果中，可以更改圖片?！ ∵@樣動(dòng)態(tài)的HTML效果就設(shè)置完成了，我們還可以對(duì)同一個(gè)元素應(yīng)用多重效果，如在網(wǎng)頁(yè)加載時(shí)進(jìn)行波動(dòng)，在單擊鼠標(biāo)時(shí)更換圖片，在雙擊鼠標(biāo)時(shí)出現(xiàn)文本框?！ 《?、向超級(jí)鏈接添加字體效果當(dāng)來(lái)訪者把鼠標(biāo)放置在超級(jí)鏈接上時(shí)，字體就會(huì)發(fā)生相應(yīng)的變化，這樣就能很好地區(qū)分普通字體與超級(jí)鏈接。我們可以對(duì)超級(jí)鏈接的效果做出改變?！ ?、在網(wǎng)頁(yè)視圖模式下，在網(wǎng)頁(yè)的空白處單擊鼠標(biāo)右鍵，在出現(xiàn)的快捷菜單中選擇“網(wǎng)頁(yè)屬性”項(xiàng)，然后選中
5、“背景”選項(xiàng)(圖2)。圖2 2、選中“啟用超級(jí)鏈接翻轉(zhuǎn)效果”點(diǎn)擊“翻轉(zhuǎn)樣式”選項(xiàng)。FrontPage制作網(wǎng)頁(yè)的動(dòng)態(tài)效果(下)http://www.sina.com.cn2001/04/23?14:13中國(guó)電腦教育報(bào)寧芳 3、超鏈接樣式的設(shè)置(圖3)，可以對(duì)字體的大小、顏色、效果等進(jìn)行設(shè)置，對(duì)字間距進(jìn)行設(shè)置。圖3 設(shè)置完成后，點(diǎn)擊預(yù)覽窗口，把鼠標(biāo)放置到超級(jí)鏈接的文字上，就會(huì)出現(xiàn)設(shè)置后的效果。通過(guò)這項(xiàng)設(shè)置可以對(duì)全部的超鏈接進(jìn)行設(shè)置，也可以對(duì)單獨(dú)的鏈接進(jìn)行設(shè)置。對(duì)單獨(dú)的鏈接進(jìn)行設(shè)置時(shí)就選中此鏈接，如在
6、整個(gè)頁(yè)面中點(diǎn)擊鼠標(biāo)右鍵進(jìn)行的設(shè)置，則是對(duì)整個(gè)頁(yè)面的設(shè)置?！ ∪?、為網(wǎng)頁(yè)創(chuàng)建過(guò)渡效果當(dāng)瀏覽者進(jìn)入或是退出網(wǎng)頁(yè)時(shí)，就會(huì)出現(xiàn)特殊的效果，如進(jìn)入到網(wǎng)頁(yè)時(shí)網(wǎng)頁(yè)的顯示會(huì)從中央向兩邊擴(kuò)展。現(xiàn)在進(jìn)行網(wǎng)頁(yè)過(guò)渡效果的設(shè)置： 1、進(jìn)入到網(wǎng)頁(yè)視圖模式內(nèi)，點(diǎn)擊“格式”菜單上的“網(wǎng)頁(yè)過(guò)渡”項(xiàng)(圖4)。圖4 2、對(duì)網(wǎng)頁(yè)過(guò)渡的各項(xiàng)進(jìn)行設(shè)置。在“事件”框內(nèi)，選擇引發(fā)過(guò)渡效果的事件。在“過(guò)渡效果”的下拉菜單內(nèi)選擇不同的過(guò)渡效果，各種效果都可以在創(chuàng)建過(guò)程中進(jìn)行預(yù)覽，從而選擇你最滿意的效果。對(duì)過(guò)渡時(shí)間的選擇，在“周期”框內(nèi)，輸入過(guò)渡效果
7、所進(jìn)行的時(shí)間(單位為秒)。 經(jīng)過(guò)以上的設(shè)置，你的網(wǎng)頁(yè)立刻動(dòng)感十足，你不想試一試嗎？
