插入Flash動(dòng)畫
通過(guò)前面三課的學(xué)習(xí),相信你已經(jīng)能制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)了,很有成就感吧^_^
不過(guò),一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的,而是動(dòng)態(tài)的、多媒體。為了增強(qiáng)網(wǎng)頁(yè)的表現(xiàn)力,豐富文檔的顯示效果,我們可以向其Flash動(dòng)畫、Java小程序、音頻播放插件等多媒體內(nèi)容。
一、插入Flash動(dòng)畫
1、插入Flash
為了合理的安排這一課的頁(yè)面元素,在插入Flash動(dòng)畫之前,讓我們先來(lái)復(fù)習(xí)一下表格布局吧^_^
打開(kāi)03.html,設(shè)置頁(yè)面屬性,在彈出的“頁(yè)面屬性”對(duì)話框中,“外觀”項(xiàng)設(shè)置字體為“宋體”,字號(hào)為16px,文本顏色為#F282A8,背景圖像為img/008.JPG,上邊距為50px、下、左、右的邊距都為0。 “鏈接”項(xiàng)選擇始終無(wú)下劃線,鏈接顏色為#F282A8,已訪問(wèn)鏈接為#F5E458。
現(xiàn)在我們開(kāi)始布局~^_^~
(1)插入一個(gè)1行1列的表格(表格1),表格的寬度為726px,邊框粗細(xì)為0,單元格邊距為0、單元格間距為1,背景顏色為#892321,將表格居中對(duì)齊。
(2) 插入一個(gè)3行2列的表格(表格2),表格的寬度為100%,邊框粗細(xì)為0,單元格邊距和單元格間距都為0,背景顏色#6DCFF6。設(shè)置第一行左邊單元格的寬為173px,高為137px,設(shè)置第二行的高為238px,將第三行的兩個(gè)單元格合并,高度為50px。在第一行左側(cè)單元格插入圖片img/102.gif,在右側(cè)單元格插入圖片img/101.jpg。在第三行將光標(biāo)水平居中,輸入文字“版權(quán)所有©閃客啟航”
(3)在表格2第二行左側(cè)單元格插入一個(gè)6行一列的表格(表格3),表格寬度為95%,邊框和單元格邊距為0,單元格間距為5,將表格居中對(duì)齊。第一行高度為15,其余各行高度都為40。
(4) 在表格2右側(cè)單元格插入一個(gè)1行2列的表格(表格4),表格寬度為550px。邊框、單元格邊距和間距都為0。
好啦~我們完成了頁(yè)面的布局,開(kāi)始插入頁(yè)面元素。
將光標(biāo)放置在表格4右側(cè)單元格中,單擊常用快捷欄中的媒體按鈕,然后在彈出的列表中選擇Flash。彈出“選擇文件”對(duì)話框,選擇swf文件夾中的huaduo.swf文件。單擊“確定”按鈕后,插入的Flash動(dòng)畫并不會(huì)在文檔窗口中顯示內(nèi)容,而是以一個(gè)帶有字母F的灰色框來(lái)表示。
在文檔窗口單擊這個(gè)Flash文件,就可以在屬性面板中設(shè)置它的屬性了。勾選“循環(huán)”復(fù)選框時(shí)影片將連續(xù)播放,否則影片在播放一次后自動(dòng)停止。
通過(guò)勾選“自動(dòng)播放”復(fù)選框后,可以設(shè)定Flash文件是否在頁(yè)面加載時(shí)就播放。
在“品質(zhì)”下拉列表中可以選擇Flash影片的畫質(zhì),以最佳狀態(tài)顯示,就選擇“高品質(zhì)”。
對(duì)齊”下拉列表用來(lái)設(shè)置Flash動(dòng)畫的對(duì)齊方式,
為了使頁(yè)面的背景在Flash下能夠襯托出來(lái),我們可以使Flash的背景變?yōu)橥该。單擊屬性面板中的“參?shù)”按鈕,打開(kāi)“參數(shù)”對(duì)話框,設(shè)置參數(shù)為wmode,值為transparent。這樣在任何背景下,F(xiàn)lash動(dòng)畫都能實(shí)現(xiàn)透明背景的顯示。
2、插入Flash文本
我們將光標(biāo)放置在表格3第二行的單元格中,用Flash文本制作導(dǎo)航欄目。單擊常用快捷欄的媒體按鈕,在列表中選擇Flash文本,彈出“插入Flash文本”對(duì)話框,字體隨意,大小22px,顏色設(shè)置為#F5E458,轉(zhuǎn)滾顏色為#54C994,文本為“圖片素材”,背景顏色#6DCFF6,選擇自己需要的路徑鏈接。同樣方法我們分別在表格3的第3、4、5、6行制作“代碼素材”、“Flash動(dòng)漫”、“精美壁紙”和“音頻視頻”等欄目。
3、插入Flash按鈕
我們?cè)趯⒐鈽?biāo)放置于插入Flash按鈕的位置,單擊常用快捷欄的媒體按鈕,在列表中選擇Flash按鈕,彈出“插入Flash按鈕”對(duì)話框。
“樣式”用來(lái)選擇按鈕的外觀,“按鈕文本”用來(lái)輸入按鈕上的文字,“字體”和“大小”用于設(shè)置按鈕上文字的字體和大小,字號(hào)變大,按鈕并不會(huì)跟著改變。
“鏈接”用于輸入按鈕的鏈接,可以是外部鏈接,也可以是內(nèi)部鏈接!澳繕(biāo)”用來(lái)設(shè)置打開(kāi)的鏈接窗口。
如果需要修改Flash按鈕對(duì)象,可以先選中它,然后在屬性面板中單擊“編輯”按鈕,會(huì)自動(dòng)彈出剛才的“插入Flash按鈕”對(duì)話框,更改它的設(shè)置就可以了。
4、插入FlashPaper
我們還可以在網(wǎng)頁(yè)中插入 Macromedia FlashPaper 文檔。在瀏覽器中打開(kāi)包含 FlashPaper 文檔的頁(yè)面時(shí),瀏覽者能夠?yàn)g覽 FlashPaper 文檔中的所有頁(yè)面,而無(wú)需加載新的 Web 頁(yè)。也可以搜索、打印和縮放該文檔。
在“文檔”窗口中,將光標(biāo)放放在頁(yè)面上想要顯示 FlashPaper 文檔的位置,然后選擇“插入”>“媒體”>“FlashPaper”。
在“插入 FlashPaper”對(duì)話框中,瀏覽到一個(gè) FlashPaper 文檔并將其選定。
如果需要,通過(guò)輸入寬度和高度(以像素為單位)指定 FlashPaper 對(duì)象在網(wǎng)頁(yè)上的尺寸。 FlashPaper 將縮放文檔以適合寬度。
單擊“確定”在頁(yè)面中插入文檔。 由于 FlashPaper 文檔是 Flash 對(duì)象,因此頁(yè)面上將出現(xiàn)一個(gè) Flash 占位符。
如果需要,在屬性檢查器中設(shè)置其他屬性。
5、插入Flash視頻
請(qǐng)參見(jiàn)玉樹(shù)老師的教程(在上面的FlashPaper文檔中)。
考試簡(jiǎn)介報(bào)名條件免試條件考試時(shí)間考試科目報(bào)名時(shí)間考試實(shí)施合格標(biāo)準(zhǔn)考試證書指定教材成績(jī)查詢考試寶典