萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> dreamweaver教程 >> 在Dreamweaver中設置網頁狀態欄信息

在Dreamweaver中設置網頁狀態欄信息

  網頁浏覽器的狀態欄位於浏覽器的下方,可以通過浏覽器菜單欄上的【查看】 / 【狀態欄】選項將其打開或關閉。網頁的狀態欄顧名思義就是顯示網頁的下載進度等網頁狀態信息。本例將用 Dreamweaver MX 2004 自定義狀態欄信息。

  效果說明

  在網頁狀態欄裡顯示自定義的一行文字信息,實際效果可浏覽隨書光盤中【源文件】 | 【實例 58 】 | 【 sample.htm 】文件。

  創作思想

  利用 Dreamweaver 的行為功能產生相關的 Javascript 代碼,再利用 Javascript 動態產生狀態欄文字信息。

  操作步驟

  ( 1 )打開【設置狀態欄文本】的設置窗口。運行 Dreamweaver MX 2004 後打開或者新建一個網頁文檔,執行如圖 58-1 所示的操作,打開行為面板。

在Dreamweaver中設置網頁狀態欄信息  三聯

  ( 2 )經過上面的操作後,將打開如圖 58-2 所示的【設置狀態欄文本】窗口。

在Dreamweaver中設置網頁狀態欄信息

  ( 3 )狀態欄文字效果。單擊【確定】按鈕後,單擊菜單欄中的【文件】 / 【在浏覽器中預覽】 / 【 IE 浏覽器】命令,或者直接按快捷鍵 F12 ,就可以預覽到如圖 58-3 所示的狀態欄文字效果了。

  至此,本實例介紹完畢。在狀態欄上,可以給自己的網站做廣告,也可以放置其他的宣傳信息。

        :更多精彩教程請關注三聯網頁設計教程 欄目,

copyright © 萬盛學電腦網 all rights reserved