DreamWeaver經典50問(三)-ＩＴ浪潮-北方網

新聞 | 天津 | 民生 | 廣電 | 津抖雲 | 微視 | 讀圖 | 文娛 | 體育 | 圖事 | 理論 | 志願 | 專題 | 工作室 | 不良信息舉報

教育 | 健康 | 財經 | 地產 | 天津通 | 旅游 | 時尚 | 購物 | 汽車 | IT | 親子 | 會計 | 訪談 | 場景秀 | 發布系統

"津雲"客戶端

您當前的位置：北方網 > ＩＴ浪潮 > 北方學院 > 軟件文庫 > 圖文處理

關鍵詞:

DreamWeaver經典50問(三)

http://www.enorth.com.cn　 2001-11-05 10:30

21> 如何更改瀏覽器中鼠標的"形狀"?

　　一般情況下，鼠標在瀏覽器中以『箭頭』的樣式出現，那麼我們能不能把它更改為自己喜歡的其他樣式類型呢？

　　改變鼠標形狀在DW中是通過『CSS樣式表』來實現的。

　　菜單『文字（Text）』-『CSS樣式表（CSS Style）』-『Edit style sheet』，彈出樣式表的編輯窗口，也可以單擊快速啟動板中的CSS Style按鈕找到，如下

　　單擊『New』按鈕，選擇默認的『Make custom style』，同時在下面的Define中使該樣式只應用到當前網頁文檔，『This document only』。

　　在『樣式定義』窗口的左邊列表項中選擇『Extensing』（擴展項），相應右邊設置如圖

　　在『Cursor』（鼠標）中，下拉選擇合適的形狀即可，確定後返回，按F12在瀏覽器中觀察效果，不滿意的話，還可以對樣式進行修改。

22>如何去除掉鏈接文字下面的下劃線？

　　在我們完成鏈接制作後，鏈接文字內容往往被自動在下面添加一條下劃線，用來標示該內容包含超級鏈接。當一個網頁中鏈接比較多時，就顯得有些雜亂的感覺了，其實我們可以很方便的把它去掉。

　　同樣進入『Edit style sheet』窗口，單擊『New』確立新樣式，如下

　　這裡的Type（類型）中，需要選擇的是『Redefine HTML Tag』，同時在具體的標記Tag中選中代表超級鏈接的『a』，單擊OK。

　　編輯該樣式，左邊列表中選『Type』，如下

　　勾取『Decoration』（修飾）中的『None』復選框，這時所有網頁中的鏈接文字下劃線都被清除掉了。

23> 怎樣讓鼠標在鏈接文字上方『懸停』時，產生變色，變形等效果？

　　訪問網站時，我們遇到的最平常不過的一種效果就是『鼠標懸停響應』了，所謂的『鼠標懸停響應』表現在鏈接文字上，就包括改變顏色，修飾效果（下劃線，中劃線）等多種選擇。

　　由於這種效果很好的起到了對目標內容的強調作用，因此無論是個人網站還是一些大的商業網站（如新浪，搜狐，網易等）都有應用。

　　在上個問題中，你已經知道了去除掉鏈接下劃線的方法，這裡不再贅述。下面的問題將是如何添加鼠標響應事件的過程。

　　同樣進入『Edit style sheet』窗口，單擊『New』確立新樣式，不同的是現在的Type類型中選擇最後的一項-『Use CSS selector』，『Selector』選單中選擇『a:hover』如下

　　OK，進入編輯樣式窗口，設定『Type』項中的文字顏色為『紅色』，當然你還可以添加鼠標懸停時出現下劃線的效果。

24>如何讓網頁的背景圖片不跟隨內容滾動？

　　背景圖片是很多網頁設計者經常添加的東西，當網頁內容超出一屏時，拉動滾動條背景圖片會與內容相對靜止的一起滾動，那麼能否鎖定背景不跟隨滾動呢？當然可以進入『Edit style sheet』窗口，單擊『New』確立新樣式，在TYpe中選擇『Redefine HTML Tag』，同時Tag選單選中『Body』，在左邊列表中選擇『Background』。如下

　　設定『Attachment』（附件）為『fixed』。其中scroll代表默認使用的滾動顯示。

25> 背景音樂你一定知道吧，怎麼添加呢？

　　在微軟的網頁工具-Frontpage中，有關於背景音樂的設置功能，那麼DW顯然沒有作到這點，因此要使用的話，只能在源代碼中手動添加了。

　　在使用前，提醒大家一點，使用背景音樂一定要注意網頁文件的大小，不能顧此失彼。

代碼如下：

　　其中src指定音樂文件的位置，autostart為音樂文件上傳後的動作，true表示自動開始播放，false不播放（默認值）。

26> 如何利用水平線制作一條寬度為1的細線？

水平線法

　　1.在 Dreamweaver 中新建一個文檔，插入一條水平線，雙擊水平線，調出屬性面板。

　　2.在水平線的屬性面板上設置高度 H = 0 pixel。

　　3.Copy 此條水平線，在屬性面板中把 Shade 的勾點掉。

　　4.按 F12 進行預覽，請對比下面的（1）（2）源代碼及效果。

(1)

源代碼：<hr size="0" color="#3366FF"

noshade>

(2)

源代碼： <hr size="0" color="#3366FF">

　　5.另外制作兩條 H = 1 pixels 的水平線，分別有 Shade 和沒 Shade。

(1)

源代碼：<hr size="1" color="#3366FF"

noshade>

(2)

源代碼： <hr size="1" color="#3366FF">

　　6.制作兩條 H = 2 pixels 的水平線，並定義顏色，分別有 Shade 和沒

Shade。

(1)

源代碼：<hr size="2" color="#3366FF"

noshade>

(2)

源代碼：<hr size="2" color="#3366FF">

　　7.制作兩條 H = 2 pixels 的水平線，顏色為缺省值，分別有 Shade 和沒

Shade。

(1)

源代碼： <hr size="2" noshade>

(2)

源代碼： <hr size="2">

　　看了上面的幾種水平線效果，我們發現，當水平線的高度 H 設為『0 pixel』和『1 pixel』時，無論水平線有沒有Shade (陰影)，它在IE瀏覽器中都顯示為 1 pixel 的細線。在論壇中曾經發現有些網友把高度H設置為小數數值，如：0.1之類的，以求達到1 pixel 的細線的效果，實質上，在 Dreamweaver 網頁編輯器裡，屬性面板是不能設置小數數值的，但如果我們直接在源代碼裡輸入，屬性面板就認了，可以顯示出小數數值。同時，IE瀏覽器把高度為 2 pixel 以下的水平線識別為 1pixel 。

　　在制作水平線時我們制作了有 shade 和沒有 shade 的，經過對比發現當水平線高度H為2 pixels 以下時，shade 不起作用，只有到 2 pixels 以上時纔看得到 shade 效果。

27> 如何自動加入網頁更改後的日期？

　　只需要在源文件<body></body>之間添加如下代碼即可。

<Script Language=『JavaScript』><!--

document.write(『Last Updated:』+document.lastModified);

-->< /Script>

　　在瀏覽器中的顯示樣式為：『Last Updated：2001/8/19』

28> 怎樣控制彈出POPUP信息？

　　有時，當我們點擊鏈接時，會出現一些著重性說明的提示信息，也就是彈出信息。比如當某個鏈接還沒有完成目標內容頁的制作時，就可以應用POPUP信息解釋一下。

　　在網頁中合適位置輸入鏈接文字，選中，在屬性面板中制作鏈接。在仍保持選中狀態的前提下，單擊快速啟動板中的『Behavior』按鈕，如圖

　　點擊左上的『+』號，從列表中選中『Popun message』，在隨後的窗口中輸入需要提示的信息，如圖

　　設定該動作的鼠標事件（Events）為點擊（Onclick）。在瀏覽器中預覽效果如下

29> 隱藏瀏覽器中狀態欄的URL地址信息的方法？

　　瀏覽網頁，當鼠標停留在鏈接上方時，在下面的狀態欄中會自動顯示該鏈接目標地址，考慮到安全方面的問題，有時我們需要把它重置為『零』，即設為空白。

　　現在只需要在鏈接代碼中作些手腳就可以實現了，如下

<a href="http://www.pconline.com.cn/pcedu"

onMouseOver="window.status='none';return true">北方網IT頻道</a>

30>如何改變狀態欄裡的提示文字？

　　默認情況下，當網頁被載入時，在狀態欄裡將顯示該網頁的地址等信息。想不想讓它變的更有魅力呢？

　　在DW『Behavior』行為板中，單擊『+』號選擇『Set Text Set』下的『Text Of Status Bar』選項，如圖

　　在『Set Text of Status Bar』窗口中輸入類似『歡迎你光臨本網站--網管留言』等Message信息。

編輯：趙海濤太平洋電腦網

[進入IT論壇]

請您文明上網、理性發言並遵守相關規定，在注冊後發表評論。

只有北方網注冊用戶可以發表評論......

　北方網精彩內容推薦

【關閉窗口】

| 北方網最新新聞排行 | IT浪潮新聞排行榜 |

無標題文檔

天津民生資訊
天氣交通	天津福彩	每月影訊	二手市場
空氣質量	天津股票	廣播節目	二手房源
失物招領	股市大擂臺	天視節目	每日房價

	熱點專題
	北京奧運聖火傳遞和諧之旅	迎奧運講文明樹新風
	解放思想乾事創業科學發展	同在一方熱土共建美好家園
	2008天津夏季達沃斯論壇	《今日股市觀察》視頻
	北方網網絡相聲頻道在線收聽	2008高考招生簡章復習衝刺
	天津自然博物館館藏精品展示	2008年天津中考問題解答
	帶你了解08春夏服飾流行趨勢	完美塑身舞動肚皮舞(視頻)
	C-NCAP碰撞試驗—雪佛蘭景程	特殊時期善待自己孕期檢查
	熱點新聞排行財經體育娛樂	汽車 IT 時尚健康教育