如何在網(wǎng)頁設(shè)計中添加視頻？工具材料：Dreamweaver CS3操作方法01打開軟件后，在新建中點擊“HTML”，將新建一個空白的html網(wǎng)頁文件。02在“常用”工具標簽下，點擊“媒體”下拉菜單。0

如何在網(wǎng)頁設(shè)計中添加視頻？

工具材料：

Dreamweaver CS3

操作方法

01

打開軟件后，在新建中點擊“HTML”，將新建一個空白的html網(wǎng)頁文件。

02

在“常用”工具標簽下，點擊“媒體”下拉菜單。

03

在下拉菜單中選擇“flash視頻”，之后會彈出一個保存提示框，我們點“確定”按鈕。

04

“確定”后會進入保存窗口，我們選擇合適的路徑后進行“保存”。

05

在“插入視頻窗口”中，“URL”后的編輯框中輸入視頻地址，或者點擊后面的“瀏覽”在本地插入視頻。

06

設(shè)置視頻在網(wǎng)頁中的顯示寬度和高度，建議將后面的“限制高寬比”的對勾打上，否則容易發(fā)生視頻變形。設(shè)置無誤后點確定按鈕。

07

就這樣，視頻被插入了這個新建的網(wǎng)頁中。點擊工具欄中的“調(diào)試”按鈕來看下效果。

08

插入的視頻可以正常的顯示到網(wǎng)頁中了，你會了嗎？

特別提示

注意步驟，一步步仔細看就能學(xué)會，很容易

網(wǎng)頁設(shè)計，如何制作在點擊一個按鈕之后，才在一個div框中顯示文字圖片？

對按鈕添加個onclick事件就行了，下面是個案例。<div id="box"></div><button onclick="addContent()">按鈕</button><script>function addContent(){var oDiv=document.getElementById("box")oDiv.innerHTML="這是添加的文字"http://oDiv.innerHTML="<img src="https://img.kmw.com1.min.jpg"/>" //添加圖片}</script>