DreamWeaver經典50問(五)

　　41> 實現多個窗口的連接?

　　面板設計一直是DW的一大特色，到了DW4版本，所用到的面板已經相當多了，那麼我們如何纔能更高效的利用它呢？

　　『窗口連接』就是一種方便大家自定義的技術功能，簡單的說，就是可以根據需要將兩個或更多個面板放到一個窗口中來。

　　鼠標點擊拖動一個面板的Tab欄到兩一個面板上，當你看到一個黑色邊框時，松開鼠標，這時兩個面板已經合二為一了，操作如圖：

　　42> 如何在網頁中隱藏一些內容？

　　在網頁設計中，有時我們需要在裡面插入一些不要求顯示出來的內容，比如流量統計系統，用戶訪問分析系統等等，這時就要考慮如何把他們隱藏起來，當然還有個前提就是，它們的存在不會影響其他網頁元素的布局。

　　單擊『Object』面板中的『Layers』按鈕，鼠標拖動創建一個新的圖層，將需要隱藏的內容全部放進去，如圖：

　　單擊圖層左上的小方框，標定它為選中狀態，同時切換到屬性面板，將Vis值設定為『Hidden』，如圖：

　　哇！所有的內容真的已經不見了

　　43> 怎樣創建一個簡單下拉菜單？

　　下拉菜單是網頁中再常見不過的了，由於它可以極大的節省網頁空間，因而主要應用在需要進行多對象羅列的場合，比如友情連接列表，合作網站地址等等。

　　DW中提供了一個再簡單不過的制作方法，這樣我們就不用寫那些枯燥的代碼啦！

　　進入『Object』面板的『Form』部分，如圖：

　　單擊『Insert Jump Menu』按鈕，彈出『下拉菜單』設置窗口：

　　在『Text』中輸入菜單項的名稱；『Go To URL』中鍵入網址或使用『瀏覽』按鈕選擇。單擊最上的『+』號可進行新菜單項的錄入，所有項目都將在『Menu Items』中顯示出來。

　　44> 如何制作一條寬度為1的細線？

　　在DW中，盡管水平線是以『Line』形式出現的，但在制作細線時，它表現的並不盡如人意，主要是過粗，沒有需要的細膩感！

　　那麼我們可以采取變通的方法以表格的應用來實現。

　　在網頁中插入一個1行1列的表格，將表格的『cellpadding』『cellspacing』都設置為『0』，同時將單元格的『bgcolor』設定為紅色，當然你也可以使用其他的顏色來代替，『Height』設定高度為1。

　　還有最關鍵的一步，查看源代碼，將<td></td>中的『 』去掉即可。

　　45>如何制作一個邊框為1的方格？

　　很明顯，我們現在還是要通過表格的設置來完成。

　　或許你會說，這還不簡單嘛！建立一個1行1列的表格，然後將它的『Border』值設為1不就可以了。實際上，用這種方法制作的表格根本不是所說的邊框為1的方格，而是要『粗』的多！

　　同樣先插入一個1行1列的表格，將表格的『border』、『cellpadding』設置為『0』，『cellspacing』設置為『1』。設定表格的『bgcolor』為紅色（即為邊框的顏色），同時設定單元格的『bgcolor』為白色（即同背景色），OK了。效果如下：

　　46> 怎樣設置根據不同的瀏覽器，返回不同的頁面？

　　瀏覽器不同，它所支持的技術和效果也不同。因而我們所設計的網頁並不是在所有的瀏覽器中都能正常顯示或最佳顯示。這時一個判斷瀏覽器的跳轉就很必要了。

　　當用戶用不同類型或版本的瀏覽器打開時，可以返回不同的頁面，以保證用戶的正常瀏覽。

　　單擊快速啟動板中的『Behavior』按鈕，點『+』號，在下拉列表中選擇『Check Browse』，窗口如下：

　　按照不同的類型依次設置即可。

　　47> 網頁中可以隨便拖動的對象是怎麼建立的？

　　訪問網站時，經常能見到不少可以用鼠標拖動的元素，其中以圖片居多，比如，一張廣告圖片擋住了你想瀏覽的內容，你完全可以用鼠標選中把它扔到一邊去！

　　制作這種效果是通過圖層的『Drag Layer』行為實現的，單擊Behavior面板中『+』號，選擇『Drag Layer』，當然之前你必要保證目標圖層處於選中狀態，進行簡單設置後就OK了。

　　48> 如何為網頁添加一個外部的風格樣式表（CSS）

　　風格樣式表有內部，外部之分，前面我們對網頁元素進行直接修飾的設定都屬內部之列。外部CSS引用是通過<LINK>標簽實現的。

　　<LINK>標簽包括HREF;TYPE;REL屬性設定。其中HREF:用來標定風格頁文件的地址URL；REL:標示CSS的可選性：stylesheet/altermate；TYPE:用於標示風格語言類型:text/css。

　　49> 設定網頁的Base（基地址）有什麼用途？

　　在『Object』面板的『Head』部分裡有一個叫做『Base』的按鈕，它就是用來設定網站基地址的，那麼所謂的『基地址』究竟有什麼作用呢？

　　大家都知道，在DW中我們使用的鏈接方式都是相對的，而不是絕對的，也就是說只要改變了根地址，所有的指向也將跟著自動變化，這樣的好處就是可移植性強。

　　然而，有些時候我們恰恰需要它不變化，即強制它使用固定的地址，單擊『Base』按鈕，如圖：

　　在『Href』中鍵入基地址的URL，單擊『確定』有效。

　　50> 如何精確的定位網頁中的內容？

　　這是一個說明性的技巧問題，因此我們把它放在了50問的最後來講。以目前而言，DW網頁內容定位主要是通過表格和圖層兩者實現的。

　　表格主要是通過各個單元格來完成不同內容的布局，由於在網頁中，我們可以完全把表格『虛化』（調整為瀏覽下不可見），因此使用起來很方便，另外一個優點就是表格不論對什麼瀏覽器都是通用的，沒有技術支持上詬病。

　　相對而言，圖層用起來就更加隨意了，你可以根據需要任意的拖拽它。唯一的一點就是層只有在新版本的瀏覽器中纔支持，不過依目前來看，應該也沒什麼障礙了！

　　上面我們系統全面的介紹了在Dreamweaver中經常遇到的一些『經典』案例，希望對大家有所幫助！

全部完 >>