DreamWeaver,經典50問_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
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”屬性,可以讓你直接設置邊框的寬度。如圖:
注重:為了方便,以下我們將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”屬性,可以讓你直接設置邊框的寬度。如圖:
相關Dreamweaver教程:
- 相關鏈接:
- 教程說明:
Dreamweaver教程-DreamWeaver,經典50問
。