Dreamweaver經典問題大搜羅（全集）

dreamweaver|問題

   1> 在DW中，如何輸入一個空格呢？

   輸入空格的問題，在DW似乎已成了一個老生常談的問題，我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。

   DW中對空格輸入的限制是針對“半形”文字狀態而言的，因此通過將IME調整到全形模式就可以避免了，方法是：開啟中文IME（以人工智慧ABC為例），按Shift+Space切換到全形狀態，現在應該沒問題了。

   此外，你還可以通過許多“變通”的方法達到錄入空格的目的，比如常用的是：

   直接在原始碼中加入代表空格的HTML代碼“ ”；輸入一定長度的文字對象後，然後調整文字的顏色與當前的背景顏色相同等等，不過注意的是後者在一些瀏覽器中可能顯示上有點問題。

   2> 如何在瀏覽器地址欄前添加自訂的小表徵圖？

   你是不是記得有時在瀏覽網易網站的首頁時，在地址WWW.163.COM前會顯示一個“易”字樣的小表徵圖。而預設情況下，這個表徵圖是一個IE瀏覽器的指定圖片。

   其實這也不是什麼高深技術，只不過在網站目錄下添加了一個特定檔案而已。

   這時，我們需要預先製作一個表徵圖檔案，大小為16*16像素。副檔名為ico，然後上傳到相應目錄中。在HTML源檔案“<head></head>”之間添加如下代碼：

   <Link Rel="SHORTCUT ICON" href="http://圖片的地址（注意與剛才的目錄對應）">

   其中的“SHORTCUT ICON”即為該表徵圖的名稱。當然如果使用者使用IE5或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網站根目錄下，即可自動識別！

   3> 為什麼，我本來設計很好的網頁，在瀏覽器視窗最小化時會變的醜陋難堪？

   這應該是個很值得大家注意的問題，也就是說，在全屏狀態下瀏覽網頁內容時，一點問題也沒有。當我們使用視窗的最小化命令或手動的調整視窗的大小時，問題就慢慢出現了。網頁內容會把當前視窗作為顯示範圍，依次下挫。舉個例子，和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。

   解決這個問題，我們必須從網頁的布局說起，一般情況下，網頁內容的定位大多是通過表格來實現的。因此問題的“毛病”也就出在表格上。

   請看下面一個表格的屬性面板顯示：

   你可能已經注意到了，在表格的高寬設定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。

   4> 如何改變網頁顯示時，最頂部的提示資訊？

   瀏覽網頁時，頂部的提示資訊往往代表了網頁內容的關鍵所在，有助於訪問者提前瞭解網頁內容。在DW4前，沒有在功能上直接提供該操作，我們往往通過在原始碼中應用“title”屬性來完成。進入DW4就簡單多了。

   直接在編輯視窗最上方的“title”輸入框內鍵入所需要的文字資訊即可。

   5> 怎麼樣，才能為圖片添加指定顏色的邊框？

   對於沒有邊框的圖片而言，直接插入到網頁中，在顯示效果上是相當差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當麻煩的。

   不過在DW中就顯得容易多了，因為這裡有一個“Border”屬性，可以讓你直接設定邊框的寬度。

   寬度設好了，你一定會問，顏色呢？面板上並沒有提供顏色的選擇呀！呵呵，其實這裡有一個技巧問題，用滑鼠選擇圖片對象，注意不是點擊選中，而是拖動選擇。象設定文字顏色一樣進行就可以了。

　　6> 如何添加圖片及連結文字的提示資訊？

　　在我們瀏覽網頁時，當滑鼠停留在圖片對象或連結上時，在滑鼠的右下有時會出現一個提示資訊框。對目標進行一定的注釋說明。在一些場合，它的作用是很重要的。

　　下面先看看圖片提示資訊的添加，選中圖片對象，在屬性面板裡你會發現有個“Alt”輸入框。預設情況下，該輸入框是空白的。在這裡錄入需要的提示內容就可以了。

　　那麼連結提示的製作就沒這麼簡單了。因為DW中沒有直接提供該功能，因此我們需要通過添加HTML代碼來實現。

　　在<a href=“” >中添加“title”屬性。title=提示內容即可。

　　7> 如何把自己的ZIP或其他類型的檔案供別人下載?

　　在不少初級網頁製作者看來,好象通過按一下滑鼠完成下載是件很"神秘"的事,實際上遠非如此.在DW中凡是不被瀏覽器識別的格式檔案(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作為連結目標時,預設的操作都是下載.

　　這時你只需要,把要瀏覽者下載的檔案名稱寫好,然後製作一個到目標檔案的連結.注意目錄一定不要搞錯.

　　8> 怎樣才能夠保證網頁中文字不跟隨瀏覽器字型大小設定而變動?

　　大家都知道,在IE瀏覽器的功能設定中，有一個可以自由設定視窗內容字型大小的功能，這樣由於不同訪問者的習慣問題，呈現在他們面前的網頁有時也會不同。

　　比如你可能本來設計時用的是2號字型，結果由於使用者對瀏覽器的額外設定，變的更大了，這時顯示效果上就出問題了。

　　那麼解決的辦法就是將網頁內容定性的強制在某個合適的大小上。即不容許他變化。通過CSS樣式表對字型進行強制性控制就可以實現這個要求了。

　　9> 以新視窗的形式開啟目標連結？

　　以新視窗開啟，顧名思義，也就是在不覆蓋當前視窗的前提下，另外開啟一個瀏覽器視窗。你可以直接在串連代碼中<a href="" >加入“Target=_blank”。

　　如果你的HTML比較差的話，在DW屬性面板上同樣提供了這個設定，當你在Link輸入框中鍵入WWW網址時，後面的Target下拉框同時也被啟用了。

　　選擇最上的“blank”就可以了。

　　10> 如何讓網頁載入時，象許多商業網站那樣，彈出一個廣告視窗

　　這在不少大型商業網站中，是時常見到的。在DW中可以輕鬆通過Behavior行為實現。

　　既然是載入時，我們可以把整個網頁內容視為事件對象。在DW編輯視窗中滑鼠點擊左下角的“<body>”標籤，這時你能注意到全部網頁內容已經選中了。

　　單擊“快速啟動板”中的“Behavior”按鈕，進入行為面板，選擇“Open Browse Window”項，這時你還可以對視窗樣式進行自訂，比如大小，工具按鈕的保留等等。另外還有一點就是別忘了對應的事件是“Onload”.

　　11> 我的快速啟動板中沒有"Timelines"，怎麼辦？

　　DW從升級到4版本後，在快速啟動板中增添了幾個新的項目，比如Assets等等。這時原來在上面的Timelins（時間軸）按鈕被擠了下去。

　　當然如果你急於現在就使用它的話，仍然可以通過菜單“Windows”-“Timelines”找到。不過畢竟不如放在啟動控制板中方便，這時我們能通過設定把它添加進來！

　　“Edit”-“Preference”進入視窗，在左邊的項目列表中選擇“panels”（面板），單擊上面的“+”號按鈕，從下拉式清單中選擇“Timelines”。這時時間軸已經自動添加到當前的“Show in Launcher”列表內容裡，OK。更改後的“Launcher”面板

　　同時你還可以根據自己的需要自由的選擇面板中出現的按鈕選項，以提高工作效率。

　　12> 作一個網頁讓它可以每隔5分鐘自動重新整理一次，如何?？

　　上網瀏覽時，我們經常會遇到一些網頁。在隔一段時間沒有響應時，它會自動重新整理一次。除了可以起到提醒訪問者的目的外，當新的重新整理地址不是當前URL時，實現的就是自動跳轉的功能。

　　無論是重複重新整理，還是自動跳轉。在網頁設計中，都是相當實用的操作。下面我們來介紹下它們的製作方法。

　　選擇DW“Object”面板的“Head”部分，注意預設情況下，顯示的是Common的“內容”。

　　單擊上面的“Refresh”按鈕，其中“Delay”輸入框中鍵入重新整理延遲的時間（單位：秒），“Action”為重新整理指定的目標URL。因為現在是重新整理當前頁面，直接選單選項“Refresh This Document”即可。

　　13> 如何定義網頁的關鍵字（Keyname）？

　　當使用者使用搜尋引擎search合適內容的網頁時，關鍵字起著一個不容忽視的作用。大多的搜尋伺服器會每隔一段時間自動探測網路中是否有新網頁產生，並把他們按關鍵字進行記錄，以方便使用者查詢。

　　你當然想讓你的網頁出現在搜尋引擎的查詢返回列表中了，這時關鍵字的定義就尤為重要了。

　　同樣在“Head”面板部分，單擊“Keywords”按鈕，錄入需要逐個定義的關鍵字即可，注意每個關鍵字以“；”號隔開，數目沒有限制。

　　14> 如何在編輯視窗中，隱藏一些不必要的標籤？

　　當使用者在網頁中插入了太多的隱藏元素時，在編輯視窗的最上面就會顯示一排相應的標示標籤，用來方便使用者隨時能找到它們。雖然這些標籤本身並不影響瀏覽器裡的顯示效果，但多了以後，往往使網頁內容不得不錯位，從而一定程度上妨礙網頁視覺上的調整，那麼怎麼樣才能把這些東東去掉呢？

　　進入“Preperence”面板，列表中選擇“Invisibel Elements”，勾掉你不想顯示的項目前的“對號”即可，比如Scripts等

　　15>安排不支援“架構”的瀏覽器的顯示內容？

　　我們知道，目前的瀏覽器類型很多，因此我們設計網頁時最先考慮到的往往是“這個東西是不是在不同的瀏覽器中都能顯示好呢？”。架構就是一個例子！

　　不過避免開這點，很簡單，你只需要在原始碼中加入下面的內容就可以了。

　　< BODY><noframes> ---本網頁中包含有架構結構，如果您不能正常顯示的話，請下載新的瀏覽器版本或更換主流瀏覽器--- < /noframes></ BODY>

　　16> 如何避免別人把你的網頁放在架構中？

　　一些居心不良的人，經常偷著竊取別人的勞動成果，比如把別人精心製作的網頁以子頁的形式放到自己的架構中。

　　那麼怎樣避免自己的網頁內容被“盜用”呢？

　　你只需要在網頁原始碼的<head></head>之間加入以下代碼內容：

<script language=“javascript”><!--
if (self!=top){top.location=self.location;}
-->< /script>

　　17> 怎樣加入注釋內容？

　　注釋內容，顧名思義只是作為說明內容出現的，因此在瀏覽時不會出現在網頁中。它的作用是對某些重要或複雜代碼進行必要的標示，以更方便快捷的找到。

　　進入“Object”面板的“Invisibel”部分（即隱藏元素），選擇插入“Comment”按鈕，

　　在“Comment”中鍵入必要的資訊。這時如果你返回到原始碼中，會看到這些操作添加的不過是下面格式的一段代碼：

　　<！--這是需要填寫的注釋內容-->

　　18> 水平線，為什麼不能設定顏色？

 　　在DW中，當通過菜單“Insert”-“Horizonal Rule”插入水平線時，在屬性面板中你會發現並沒有提供關於水平線顏色的設定，因為最早NC中不支援標籤<hr>（水平線的HTML代碼）的COLOR屬性，所以DW也沒有關於它的設定。

　　看來需要的話，我們只能直接進入源檔案更改了。

    <hr color="對應顏色的代碼">

　　19> 如何設定可以關閉當前視窗的功能？

　　這裡我們可以先輸入用來標示的文字“關閉視窗”，用滑鼠拖動選中它，在“Link”輸入框中鍵入“/”，同時切入原始碼視窗，在連結代碼中鍵入該事件-onclick=“javascript:window.close(); return false;”。

　　完整的代碼為：< a href=“/”onclick=“javascript:window.close(); return false;”>關閉視窗< /a>

　　當然你也可以將文字“關閉視窗”換成其他的對象，比如圖片，按鈕等等！

　　20> 定時自動關閉的視窗又是怎樣的呢？

　　上面提到了個關閉視窗的功能，那麼現在的自動關閉又是怎麼實現的呢？

　　在原始碼<body>後加入下面的代碼：

< script LANGUAGE=“javascript”> <!--
setTimeout('window.close();', 10000);
--> < /script>

　　其中的set Timeout是一個用來設定延遲時間的函數，這裡10000表示10秒鐘

　　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顯然沒有作到這點，因此要使用的話，只能在原始碼中手動添加了。

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

代碼如下：

< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>

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

　　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.webjx.com >網頁教學網< /a>

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

　　預設情況下，當網頁被載入時，在狀態列裡將顯示該網頁的地址等資訊。想不想讓它變的更有魅力呢？

　　在DW“Behavior”行為板中，單擊“+”號選擇“Set Text Set”下的“Text Of Status Bar”選項，在“Set Text of Status Bar”視窗中輸入類似“歡迎你光臨本網站--網管留言”等Message資訊。

　　31> 如何建立電子郵件的表單處理方式?

 　　表單應該是網頁互動功能中必不可少的元素，表單的功能緣於資訊的互動，因此表單的處理往往涉及到網路進階程式設計語言的使用，你或許說，哇！我不會編程呀！沒關係，其實對於一些簡單的表單內容處理靠電子郵件也可以實現。

 先看下面的代碼：

 <form name="content" method="post" action="需要使用的處理常式" ></form>

 　　上面是一個典型的表單的HTML原始碼，其中METHOD決定採用方式，包括POST和GET兩種。ACTION也就是咱們上面說的處理常式，一般可通過ASP/PHP/CGI實現。

 　　那麼用電子郵件怎麼實現呢？action=mailto:XXX@163.com，這樣當點擊提交按鈕後，就會彈出一個提示視窗，單擊“確定”表單內容會發送到指定的郵箱中。

　　32>  怎樣製作規範的電子郵件連結？

 　　所謂的“電子郵件連結”即是當我們點擊它時，瀏覽器會自動調用預設使用的郵件用戶端程蚍⑺偷繾佑始?/P>

 　　輸入“有問題MAIL ME”字樣，滑鼠拖拉選中，切換到屬性面板，在LINK輸入框中鍵入如下命令：

 Mailto：XXX@163.com？Subject=網友來信&bc=其他電子郵件地址&bcc=其他電子郵件地址。其中Mailto為郵件連結的協議，Subject 為郵件的標題，bc是同時抄送的郵件地址，bcc代表的也就是暗送了。

　　33> 如何製作“空連結”？

 　　空連結也就是，沒有連結化物件的連結，在空連結中，目標URL是用“#”來表示的。也就是說製作連結時，只要在屬性板的LINK輸入框中錄入#標記，它就是個空連結了。

 　　空連結的出現涉及到多方面的因素，比如一些沒有定期完成的頁面，又為了保持頁面顯示上的一致（連結樣式與普通文字樣式的不同），就可以使用它了。

　　34> 點擊空連結時，頁面往往重設到頁首端，如何處理？

 　　在瀏覽器裡，當我們點擊空連結時，它會自動將當前頁面重設到首端，從而影響使用者正常的閱讀內容，我們當然希望它能保持不動了。

 　　這時，你能夠用代碼“javascript:void(null)”代替原來的“#”標記，回頭看看，這個問題已經解決了。

　　35> 如何定製可自由在頁面內跳轉的連結？

　　如果你經常在網上訂閱一些免費的電子雜誌，一定對這種“標籤連結”不陌生了，通過一個類似目錄的列表，可方便的跳轉到頁面內的任何部分，無疑它的使用是專門為“超長內容”網頁設計的。

　　先確定連結指向的位置，即螢幕跳轉後停留的位置。進入“Object”面板的“Invisibles”部分，選中目標文本，單擊“Insert Named Anchor”按鈕，在“Anchor Name”中鍵入標籤名稱，OK，這時在文本下面會自動出現紅色虛線以區別開普通的常值內容，注意它們在瀏覽器中不會出現。

 　　然後就可以製作連結了，在屬性板的LINK輸入框錄入“#nchor Name（剛才的名字）”。當然如果你想指向另外一頁中的某個位置，也是可以的，把這個小尾巴放過去就行了。

　　36>   同時在一個圖片上，作很多個連結，怎麼辦？

 　　這個問題也就是我們平常說的“圖片熱點”（Image HOT）了，當然在DW裡還有另外一個名字叫“圖象熱地區”。

 　　選中圖片，這時在屬性面板左下的位置，有一個“Map”工具列，其右邊是三個用來圈定不同地區的按鈕，以其中的矩形工具為例，選中後，滑鼠停留在圖片上會以一種“+”的形狀顯示出來，代表可以左右拖拉，完成後依次你可以完成多個作用區的連結製作。注意各地區不可重疊。

　　37> 怎樣製作可以響應滑鼠事件的翻轉圖片？

　　在許多網頁中，我們經常會看到一些欄目標題，當滑鼠滑過時，能變成另外的樣子。其實它們中很多是通過兩張不同的圖片來實現的，也就是所謂的“翻轉圖片”效果。

　　當然首先你要提前準備兩張大小完全一樣的圖片，以確保翻轉時不會有什麼視覺上的不適，單擊“Object”面板上的“Rollover Image”　彈出“翻轉圖片設定”視窗，分別單擊“Browse”按ト範ā癘riginal image”和“Rollover image”的地址，注意一定要選中下面的“Preload Rollover image”複選框，否則在滑鼠滑過的瞬間，會產生一定的下載延遲而影響效果。

　　38> 如何製作“漫天飛舞”的圖片？

　　在許多大型商業網站的首頁中，你經常會看到不少來回飄來飄去的廣告圖片，點擊後可以連結到指定的地址，在DW中這點是通過Timelines來實現的。

　　首先在網頁中插入靶心圖表片，同時選中它，單擊快速啟動板中的“Timelins”按鈕進入“時間軸”視窗，在時間軸1frame的位置滑鼠右擊，選擇“Add Object”,這時時間軸上會出現一蘭色色條（預設1-15frame），將鏡頭停在15frame處，同時移動頁面內圖片到運動的終點位置。

　　現在一個簡單的運動動畫已經完成了，你可以通過在中間添加keyframe的方法調整路徑的曲折度。單擊上方的右箭頭按鈕預覽效果。

　　39> 怎樣製作在頁面中“靜態懸浮”的圖片？

　　所謂的“靜態懸浮”也就是圖片總是試圖停留在網頁中的某個位置，因此在視覺上有種跟著頁面“走”的感覺，象懸浮著一樣。

　　該效果的實現是通過javascript來完成的，一般要求有一定的編程能力。好在DW提供了製作該效果的固定外掛程式，因此就顯得簡單多了。

　　首先你必須先下載stav外掛程式,將裡面的兩個檔案(其中包括圖片檔案Cross Browser Static Division.gif和網頁檔案Cross Browser Static Division.htm)都拷貝到DW安裝目錄Configuration\Objects\Common下。

　　重新啟動DW,在Object(對象)面板中,你會看到最底部已經多了SI項,選中它在彈出的視窗中設定浮動層到上邊和左邊的距離,然後在圖層中插入指定的內容（這裡為圖片）即可。

　　40> 如何使文字和圖片內容共處？

　　我們都知道，在DW中，圖片對象往往是獨佔一行的，那麼文字內容只能在與其平行的一行的位置上，怎麼樣才可以讓文字圍繞著圖片顯示呢？

　　選中圖片，在屬性面板的右上方你能看到一個“Align”的屬性選單，選擇“Left”，這時你會發現文字已經均勻的排列在圖片的右邊了。

　　41> 實現多個視窗的串連?

　　面板設計一直是DW的一大特色，到了DW4版本，所用到的面板已經相當多了，那麼我們如何才能更高效的利用它呢？ “視窗串連”就是一種方便大家自訂的技術功能，簡單的說，就是可以根據需要將兩個或更多個面板放到一個視窗中來。 滑鼠點擊拖動一個面板的Tab欄到兩一個面板上，當你看到一個黑色邊框時，鬆開滑鼠，這時兩個面板已經合二為一了。

　　42> 如何製作一條寬度為1的細線？

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

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

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

　　還有最關鍵的一步，查看原始碼，將< td>< /td>中的“ ”去掉即可。

　　43>如何製作一個邊框為1的方格？

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

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

　　同樣先插入一個1行1列的表格，將表格的“border”、“cellpadding”設定為“0”，“cellspacing”設定為“1”。設定表格的“bgcolor”為紅色（即為邊框的顏色），同時設定儲存格的“bgcolor”為白色（即同背景色），OK了。

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

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

當使用者用不同類型或版本的瀏覽器開啟時，可以返回不同的頁面，以保證使用者的正常瀏覽。 單擊快速啟動板中的“Behavior”按鈕，點“+”號，在下拉式清單中選擇“Check Browse”。

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

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

　　製作這種效果是通過圖層的“Drag Layer”行為實現的，單擊Behavior面板中“+”號，選擇“Drag Layer”，當然之前你必要保證靶心圖表層處於選中狀態，進行簡單設定後就OK了。