- 相關(guān)推薦
職稱計算機2017Dreamwaver教程:插入Flash動畫
導語:Dreamweaver是由Macromedia公司開發(fā)的網(wǎng)頁制作工具。功能非常強大。其中一項就是插入Flash動畫,下面大家跟著小編一起來看看相關(guān)的考試內(nèi)容吧。
1、插入Flash
為了合理的安排這一課的頁面元素,在插入Flash動畫之前,讓我們先來復習一下表格布局吧^_^
打開03.html,設(shè)置頁面屬性,在彈出的“頁面屬性”對話框中,“外觀”項設(shè)置字體為“宋體”,字號為16px,文本顏色為#F282A8,背景圖像為img/008.JPG,上邊距為50px、下、左、右的邊距都為0。 “鏈接”項選擇始終無下劃線,鏈接顏色為#F282A8,已訪問鏈接為#F5E458。
現(xiàn)在我們開始布局~^_^~
(1)插入一個1行1列的表格(表格1),表格的寬度為726px,邊框粗細為0,單元格邊距為0、單元格間距為1,背景顏色為#892321,將表格居中對齊。
(2) 插入一個3行2列的表格(表格2),表格的寬度為100%,邊框粗細為0,單元格邊距和單元格間距都為0,背景顏色#6DCFF6。設(shè)置第一行左邊單元格的寬為173px,高為137px,設(shè)置第二行的高為238px,將第三行的兩個單元格合并,高度為50px。在第一行左側(cè)單元格插入圖片img/102.gif,在右側(cè)單元格插入圖片img/101.jpg。在第三行將光標水平居中,輸入文字“版權(quán)所有©閃客啟航”
(3)在表格2第二行左側(cè)單元格插入一個6行一列的表格(表格3),表格寬度為95%,邊框和單元格邊距為0,單元格間距為5,將表格居中對齊。第一行高度為15,其余各行高度都為40。
(4) 在表格2右側(cè)單元格插入一個1行2列的表格(表格4),表格寬度為550px。邊框、單元格邊距和間距都為0。
好啦~我們完成了頁面的布局,開始插入頁面元素。
將光標放置在表格4右側(cè)單元格中,單擊常用快捷欄中的媒體按鈕,然后在彈出的列表中選擇Flash。
彈出“選擇文件”對話框,選擇swf文件夾中的huaduo.swf文件。單擊“確定”按鈕后,插入的Flash動畫并不會在文檔窗口中顯示內(nèi)容,而是以一個帶有字母F的灰色框來表示。
在文檔窗口單擊這個Flash文件,就可以在屬性面板中設(shè)置它的屬性了。
勾選“循環(huán)”復選框時影片將連續(xù)播放,否則影片在播放一次后自動停止。
通過勾選“自動播放”復選框后,可以設(shè)定Flash文件是否在頁面加載時就播放。
在“品質(zhì)”下拉列表中可以選擇Flash影片的畫質(zhì),以最佳狀態(tài)顯示,就選擇“高品質(zhì)”。
“對齊”下拉列表用來設(shè)置Flash動畫的對齊方式,
為了使頁面的背景在Flash下能夠襯托出來,我們可以使Flash的背景變?yōu)橥该鳌螕魧傩悦姘逯械?ldquo;參數(shù)”按鈕,打開“參數(shù)”對話框,設(shè)置參數(shù)為wmode,值為transparent。
這樣在任何背景下,F(xiàn)lash動畫都能實現(xiàn)透明背景的顯示。
2、插入Flash文本
我們將光標放置在表格3第二行的單元格中,用Flash文本制作導航欄目。單擊常用快捷欄的媒體按鈕,在列表中選擇Flash文本,彈出“插入Flash文本”對話框,字體隨意,大小22px,顏色設(shè)置為#F5E458,轉(zhuǎn)滾顏色為#54C994,文本為“圖片素材”,背景顏色#6DCFF6,選擇自己需要的路徑鏈接。同樣方法我們分別在表格3的第3、4、5、6行制作“代碼素材”、“Flash動漫”、“精美壁紙”和“音頻視頻”等欄目。
3、插入Flash按鈕
我們在將光標放置于插入Flash按鈕的位置,單擊常用快捷欄的媒體按鈕,在列表中選擇Flash按鈕,彈出“插入Flash按鈕”對話框。
“樣式”用來選擇按鈕的外觀,“按鈕文本”用來輸入按鈕上的文字,“字體”和“大小”用于設(shè)置按鈕上文字的字體和大小,字號變大,按鈕并不會跟著改變。
“鏈接”用于輸入按鈕的鏈接,可以是外部鏈接,也可以是內(nèi)部鏈接。“目標”用來設(shè)置打開的鏈接窗口。
如果需要修改Flash按鈕對象,可以先選中它,然后在屬性面板中單擊“編輯”按鈕,會自動彈出剛才的“插入Flash按鈕”對話框,更改它的設(shè)置就可以了。
4、插入FlashPaper
我們還可以在網(wǎng)頁中插入 Macromedia FlashPaper 文檔。在瀏覽器中打開包含 FlashPaper 文檔的頁面時,瀏覽者能夠瀏覽 FlashPaper 文檔中的所有頁面,而無需加載新的 Web 頁。也可以搜索、打印和縮放該文檔。
在“文檔”窗口中,將光標放放在頁面上想要顯示 FlashPaper 文檔的位置,然后選擇“插入”>“媒體”>“FlashPaper”。
在“插入 FlashPaper”對話框中,瀏覽到一個 FlashPaper 文檔并將其選定。
如果需要,通過輸入寬度和高度(以像素為單位)指定 FlashPaper 對象在網(wǎng)頁上的尺寸。 FlashPaper 將縮放文檔以適合寬度。
單擊“確定”在頁面中插入文檔。 由于 FlashPaper 文檔是 Flash 對象,因此頁面上將出現(xiàn)一個 Flash 占位符。
如果需要,在屬性檢查器中設(shè)置其他屬性。
5、插入Flash視頻
請參見玉樹老師的教程(在上面的FlashPaper文檔中)。
【職稱計算機Dreamwaver教程:插入Flash動畫】相關(guān)文章:
職稱計算機Dreamwaver教程:文本的插入與編輯11-05
職稱計算機Dreamwaver使用教程:文本的插入與編輯08-20