DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver 網頁制作集錦
Dreamweaver 網頁制作集錦
編輯:Dreamweaver相關     
  隨著網頁制作熱潮的興起,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+鼠標雙擊,便可跳轉至該鏈接的編輯頁面,非常快捷。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved