使用Dreamweaver插件制作網(wǎng)頁(yè)滾動(dòng)布告欄_Dreamweaver教程
假如想要在網(wǎng)頁(yè)里顯示最新信息、新聞、通知、布告等較長(zhǎng)的文字信息,而又不想占用太多的網(wǎng)頁(yè)空間,可以使用滾動(dòng)報(bào)告欄。
滾動(dòng)報(bào)告欄通常是通過利用 Javascript 技術(shù)控制網(wǎng)頁(yè)中的層的滾動(dòng)來(lái)實(shí)現(xiàn)的,然而手工編寫 Javascript 代碼進(jìn)行制作肯定是比較復(fù)雜、困難的事情。使用 Dreamweaver 為用戶提供的Scrollable Area插件可以快速便捷地制作出滾動(dòng)報(bào)告欄。點(diǎn)擊這里下載該插件
1、下載該插件之后假如插件文件已經(jīng)和 Macromedia 的插件治理器建立了文件關(guān)連直接雙擊進(jìn)行安裝,安裝之后啟動(dòng)Dreamweaver mx 2004。或者先啟動(dòng)Dreamweaver之后使用“命令”=>“擴(kuò)展治理”來(lái)安裝也是可以的!
2、選擇插件治理器菜單欄上的【文件】菜單進(jìn)行操作,如下圖所示。

3、設(shè)置 滾動(dòng)布告欄。 安裝完插件后運(yùn)行 Dreamweaver MX 2004 ,打開或者新建一個(gè) web 文檔,按下圖所示的操作:

文字框從上開始的意思:1,活動(dòng)區(qū)域與頁(yè)面頂端的距離。2,活動(dòng)區(qū)域與頁(yè)面左端的距離。3,活動(dòng)區(qū)域的寬度。4,活動(dòng)區(qū)域的高度。
您可以根據(jù)您的頁(yè)面設(shè)計(jì)的需要來(lái)調(diào)整參數(shù),最后的Scroll Speed是設(shè)置滾動(dòng)區(qū)域的滾動(dòng)速度,選擇medium是一個(gè)適中的速度,您也可以選擇高速,以及低速。

Content部分是填充您在滾動(dòng)區(qū)域需要放置的內(nèi)容,您也可以直接填文字,也可以直接填充html代碼。在您使用的時(shí)候,也可以不填充內(nèi)容,最后在頁(yè)面中也是可以修改的。
在您都設(shè)置好以后,點(diǎn)Create創(chuàng)建滾動(dòng)區(qū)域。

打開層面板,開始我們具體的設(shè)置。

子層divContent,就是您在開始時(shí)候設(shè)置的Content部分,你可以重新設(shè)置內(nèi)容,在DW里面可以很輕易的進(jìn)行修改。下面就會(huì)介紹。
DivUpControl層是帶有控制向上方向文字的層
divDownControl層是帶有控制向上方向文字的層
修改滾動(dòng)區(qū)域的在頁(yè)面的位置,以及寬度和高度:通過修改divContainer層的參數(shù),假如你想使用圖片來(lái)代替Scroll up、Scroll down ,可以這樣,直接在文字中間插入圖片,然后刪除多余的文字就可以了,但是注重:切勿把連接中的javascript:;刪除掉,否則就沒有滾動(dòng)的效果了。
怎么樣?你可以自己去嘗試下了��!感謝大家對(duì)本站的支持!
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 在Dreamweaver中如何把握好網(wǎng)頁(yè)表格
- Dreamweaver中加入豎直線的問題
- 用戶注冊(cè)的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- Dreamweaver層使用八定律
- 管理員頁(yè)面的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog全程實(shí)錄
- Dreamweaver制作網(wǎng)頁(yè)技巧20則
- Dreamweaver MX進(jìn)階教程(七)創(chuàng)建基于框架的網(wǎng)頁(yè)
- Dreamweaver MX2004視頻寶典教程 菜單概述
- 用DW中ToolTip代碼改進(jìn)的提示框
- 使用Dreamweaver 8 輕松制作漂亮的Flash像冊(cè)
猜你也喜歡看這些
- Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作完全手冊(cè)
- Dreamweaver 8 大師系列教程- 高級(jí)篇
- 網(wǎng)頁(yè)制作三劍客經(jīng)典實(shí)例Flashmx,Dreamveaver,Fireworks
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- 精通CSS+DIV網(wǎng)頁(yè)樣式與布局配套視頻教程
- 北風(fēng)網(wǎng)資深web講師李炎恢講師Dreamweaver系列課程(已完結(jié)|45課時(shí))陸續(xù)更新中
- DIV.CSS應(yīng)用視頻教程(DIV+CSS)
- 呂聰賢dreamweaver視頻教程下載
- Dreamweaver 8 ASP動(dòng)態(tài)網(wǎng)頁(yè)編程完全自學(xué)手冊(cè)
- 巧學(xué)巧用Dreamweaver制作網(wǎng)頁(yè)習(xí)題精解
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-使用Dreamweaver插件制作網(wǎng)頁(yè)滾動(dòng)布告欄
。