dw編寫完代碼運行方法:dw使用基礎教程

滾動字幕會讓很多人感到興奮,特別是第一次使用滾動字幕時,會愛不釋手。現在做一個詳細的方案,讓你更全面地了解一下。

滾動字幕在FrontPage的組件里有,但是FrontPage這個軟件只能支持單行文字,一出現多行文字它就無能為力了,而且它只能支持一行滾動!(如果出現只能滾動一行的情況,解決辦法是把這段代碼嵌入到JavaScript的document.write裡面,請看下面例的詳細說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強烈建議用記事本打開網頁源代碼來編輯。

1.建立第一個滾動字幕。代碼:



以下是引用片段:

<marquee scrollAmount=2 width=300>滾動字幕</marquee>

2.各參數詳解:

a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認為6,建議設為1~3比較好。

b)width和height,表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。

c)direction。表示滾動的方向,默認為從右向左:←←←。可選的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,這也是用來控制速度的,默認為90,值越大,速度越慢。通常scrollDelay是不需要設置的。

e)behavior。用它來控制屬性,默認為循環滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然後停止滾動)

3.實例:

a)如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上

以下是引用片段:

<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央電視台</a></marquee>

點擊中央電視台就可以進入了:

中央電視台

b)如何製作當鼠標停留在文字上,文字停止滾動?

代碼如:

以下是引用片段:<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字內容</marquee>

c)交替效果。代碼如:

以下是引用片段:

<marquee scrollAmount=2 width=99 behavior=alternate>文字內容</marquee>

d)多行文本向上滾動。代碼如:

以下是引用片段:

<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空氣好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央電視台</a></marquee>

·注意:如果你的網頁經過了FrontPage編輯,保存之後,只能滾動一行,這時候你發現你原來的代碼順序已經變了,My god!解決的辦法是,找出原來的代碼,把它嵌入到JavaScript的document.write中即可,上述代碼寫為:

以下是引用片段:

<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空氣好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央電視台</a></marquee>

由上可以看出,HTML代碼是可以隨意組合的,功能強大!

如何用Dw製作字幕及添加背景音樂和音樂

在Dreamweaver為網頁添加背景音樂播放器,是豐富頁面活動的重要內容。本篇教程將就Dreamweaver網頁背景音樂播放器的添加進行詳細講解。

1、首先在在站點中新建HTML項目(如圖1所示)。

如何用Dw製作字幕及添加背景音樂和音樂

2、選擇Dreamweaver的“設計”窗口,插入—布局對象—Div標籤。在隨後跳出的“插入div標籤”對話框中直接點擊“確定”按鈕(如圖3所示)。

如何用Dw製作字幕及添加背景音樂和音樂
如何用Dw製作字幕及添加背景音樂和音樂

3、刪除div標籤中的文字內容,再次進行:插入—媒體—插件操作。

如何用Dw製作字幕及添加背景音樂和音樂

4、你可以將音樂文件放如你已經創建好的站點中,選擇你要插入的音樂文件,點擊“確定”(如圖5所示)。彈出提示窗口後同樣選擇“確定”(如圖6所示)。

如何用Dw製作字幕及添加背景音樂和音樂
如何用Dw製作字幕及添加背景音樂和音樂

5、成功插入後,選中音樂插件,在頁面下方的屬性欄中進行設置,如寬度和高度等(如圖7所示)。

如何用Dw製作字幕及添加背景音樂和音樂

6、設置屬性完成後可以對網頁進行預覽了,點擊頁面上方球形按鈕,選擇在IE中進行預覽,並根據提示將網頁保存到站點中(如圖9、10所示)。

如何用Dw製作字幕及添加背景音樂和音樂
如何用Dw製作字幕及添加背景音樂和音樂
如何用Dw製作字幕及添加背景音樂和音樂

7、在IE中選擇“允許阻止的內容”,並選擇運行活動內容(如圖11、12所示)。

如何用Dw製作字幕及添加背景音樂和音樂
如何用Dw製作字幕及添加背景音樂和音樂

8、可以看到IE中顯示的播放器,經過測試,可以正常播放(如圖13所示)。

如何用Dw製作字幕及添加背景音樂和音樂
如何用Dw製作字幕及添加背景音樂和音樂

在製作個人網站時,很多人喜歡在網頁中插入自己喜歡的背景音樂,今天小編就為大家介紹一下如何使用Dreamweaver插入背景音樂。

其實很簡單,打開你需要插入背景音樂的網頁,並且將此頁面顯示在代碼窗口。

在中插入如下代碼:

如何用Dw製作字幕及添加背景音樂和音樂

其中songs/newalert.wav是存放音樂文件的路徑,loop=“-1”說明循環播放該音樂,如果你只需要播放一次就可以改成loop=“1”,以此類推。

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/224953.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-09 14:41
下一篇 2024-12-09 14:41

相關推薦

發表回復

登錄後才能評論