隨著網頁制作熱潮的興起,Dreamweaver 的威名也到處傳播。Dreamweaver 是由 Macromedia 出品的優秀 可視化網頁制作工具,制作網頁非常輕松,並且容易上手。內置的多項強大功能,讓你很輕松地做出各種交互 式的網頁和動態效果。目前已經漸漸成為眾多網頁設計師的首選工具。
在制作網頁過程中,筆者積累了一些經驗技巧,特列舉如下:
一、將網站主頁添加至收藏夾 在需要建立超級鏈接處使用: javascript:window.external.AddFavorite('替換www.webjx.com/','網頁教學網') 代碼,點擊後便會將你的主頁添加至收藏夾中了。
二、將主頁設為浏覽器的默認首頁 可以使用如下代碼:<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('替換www.webjx.com/')>將本站設為首頁</a>
三、讓背景圖像不隨網頁滾動 使用代碼:<BODY Background="bgound.gif" Bgproperties="fixed"> 便可使背景圖像不會隨著頁面滾動 。
四、設置命令來關閉窗口 代碼:<a href="javascript:window.close()">關閉窗口</a>
五、水平線的設置 如何在 Dreamweaver 中將水平線設置成為一根紅色的、並且沒有陰影的細線條呢?只要在源代碼中,將默認的代碼改為 <hr color="#ff0000" size="1" noshade> 即可。
六、制作鼠標指到表格,表格背景變色的特效 這個特效用的是表格樣式表,要達到此效果你只需在<td>代碼中加入
onmouseout="this.style.backgroundColor='' "
onmouseover="this.style.backgroundColor='#FFcccc'"
其中"#ffccc"是你鼠標指到表格上要變的顏色,你可根據需要設置其他的顏色。
七、制作電子郵件的超級鏈接 使用代碼:
<a href="mailto:web@webjx.com?Subject=申請友情鏈接&CC=web@webjx.com&BCC=tslxg@hotmail.com&body=想與“網頁教學網”建立網站的友情鏈接!">友情鏈接申請</a>
其中:
Subject:郵件的標題
CC:抄送地址
BCC:密件抄送地址
body:郵件內容
請看特效:友情鏈接申請
八、將 Dreamweaver 集成至 Internet Explorer 浏覽器 Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表,使它與 IE 集成。就象Frontpage 和 Notepad 一樣,通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
1.新建一個Drw.reg的文本文件,文件內容為:
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
將文件的最後一行改為 Dreamweaver 安裝路徑,雙擊它將信息添加到注冊表,並打開 IE 的“Internet 選 項”,在程序標簽指定"HTML 編輯器"即可。
九、制作會移動的文字 基本代碼:<marquee>需要移動的文字</marquee>
其中使用的各種參數如下:
1. direction=" " 文字移動的方向
"up":向上移動;"down":向下移動;"right":向右移動;"left":向左移動
2. bihavior=" " 文字移動的動作
"scroll":循環移動;"slide":僅移動一次;"alternate":來回不停地移動
3. loop=" " 指定文字移動次數
4. scrollamount=" " 加快移動速度
scrolldelay=" " 減慢移動速度
5. bgcolor=" " 移動文字16進制背景色,如"#ff0000"、"#0066cc"
6. onMouseOver=this.stop() 鼠標移至停止移動
onMouseOut=this.start() 鼠標離開繼續移動
還可定義文字的樣式、對齊方式、超鏈接等各種特效。
十、編輯頁面的跳轉
在 Dreamweaver 制作的超級鏈接處,鍵入CTRL+鼠標雙擊,便可跳轉至該鏈接的編輯頁面,非常快捷。