DreamWeaver經典50問(一)

　　Dreamweaver一直是不少網友鍾情的網頁設計工具，除了它強大的動態效果制作能力外，方便簡潔的操作界面更是獨具特色，下面我們將以最新版本Dreamweaver4為例，並以提問的方式系統的介紹下，在設計過程中經常遇到的一些問題和技巧性的東西。

　　注意：為了方便，以下我們將Dreamweaver全部減縮為DW表示。

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

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

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

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

　　直接在源代碼中加入代表空格的HTML代碼『 』；輸入一定長度的文字對象後，然後調整文字的顏色與當前的背景顏色相同等等，不過注意的是後者在一些瀏覽器中可能顯示上有點問題。（呵呵，當時俺用的那個就是讓王晨昀給看出來的！）

　　2> 如何在瀏覽器地址欄前添加自定義的小圖標？

　　你是不是記得有時在瀏覽網易網站的首頁時，在地址WWW。163。COM前會顯示一個『易』字樣的小圖標。而默認情況下，這個圖標是一個IE瀏覽器的指定圖片。如圖：

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

　　這時，我們需要預先制作一個圖標文件，大小為16*16像素。文件擴展名為ico，然後上傳到相應目錄中。在HTML源文件『』之間添加如下代碼：

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

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

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

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

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

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

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

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

直接在編輯窗口最上方的『Title』輸入框內鍵入所需要的文字信息即可。

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

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

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

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

　　6> 如何添加圖片及鏈接文字的提示信息？

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

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

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

　　在中添加『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編輯窗口中鼠標點擊左下角的『』標簽，這時你能注意到全部網頁內容已經選中了。

　　單擊『快速啟動板』中的『Behavior』按鈕，進入行為面板，如圖：

　　選擇『Open Browse Window』項，這時你還可以對窗口樣式進行自定義，比如大小，工具按鈕的保留等等。另外還有一點就是別忘了對應的事件是『Onload』.