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

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

工具材料：

Dreamweaver CS3

操作方法

01

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

02

在“常用”工具標(biāo)簽下，點(diǎn)擊“媒體”下拉菜單。

03

在下拉菜單中選擇“flash視頻”，之后會(huì)彈出一個(gè)保存提示框，我們點(diǎn)“確定”按鈕。

04

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

05

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

06

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

07

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

08

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

特別提示

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

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

對(duì)按鈕添加個(gè)onclick事件就行了，下面是個(gè)案例。<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>