Dreamweaver網(wǎng)頁制作技巧心得體會

第一篇：Dreamweaver網(wǎng)頁制作技巧心得體會

熟悉網(wǎng)頁設計的網(wǎng)友就知道，調用Style的方法很多，我們可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。比如用Custon Style來調用Style標準，在網(wǎng)頁代碼中就生成一個〈span〉標簽，這樣的標簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度，所以我們應盡量使用狀態(tài)欄中的元素列表來調用Style。

一、活用Format Table命令

在復雜的網(wǎng)頁設計中，表格的應用是最多的，因為利用表格可以自由地控制文本和圖象在網(wǎng)頁上出現(xiàn)的具體位置，從而使整個網(wǎng)頁看上去緊湊統(tǒng)一。Dreamweaver在這方面也不甘落后，我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式，先將光標置于表格的任意一個單元格內，再選擇“Command”→“Format Table”命令，在隨后出現(xiàn)的對話框中，從左邊的列表中選擇一個設計方案。按“Apply” 鍵來查看效果，如果不滿意的話，還可以重新設置或者修改部分參數(shù)的值，如邊界粗細，背景顏色等等。

二、同時鏈接到兩個網(wǎng)頁我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔，可以使用“Go To URL”JavaScript 行為。打開一個有框架的網(wǎng)頁，選擇文字或圖象，然后從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架并輸入相應的URL后再選擇另一個框架并輸入另一個URL。

三、不給文件起中文名稱

大家在制作好了網(wǎng)頁后，通常會給網(wǎng)頁起一個具有代表性的中文名稱，一來能使人一看文件名就能大概了解文件所包含的內容，二來能夠方便各個超級鏈接之間的相互調用。但如果你在Dreamweaver中這樣做，就會發(fā)現(xiàn)Dreamweaver對中文文件名支持得不是太好，經(jīng)常會有頁面調用不正確的現(xiàn)象發(fā)生，所以我們以后在Dreamweaver中保存網(wǎng)頁的時候，盡量用英文或者數(shù)字作為文件名稱，這樣就可以避免上面的出錯現(xiàn)象。

四、巧妙設置字體分辨率

我們在制作網(wǎng)頁的時候，經(jīng)常有這種體會，那就是制作好的網(wǎng)頁在本地計算機上瀏覽時很正常，但在另外一臺計算機上瀏覽時發(fā)現(xiàn)原本漂亮的網(wǎng)頁變得歪歪扭扭了，這是為什么呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示，在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角，Dreamweaver 顯示當前文檔被設計成的分辨率大小。單擊哪個數(shù)字，在彈出式菜單中可以為當前的頁面指定顯示分辨率，通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。

第二篇：Dreamweaver制作網(wǎng)頁經(jīng)典問題

Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(1)1> 在DW中，如何輸入一個空格呢？

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

DW中對空格輸入的限制是針對“半角”文字狀態(tài)而言的，因此通過將輸入法調整到全角模式就可以避免了，方法是：打開中文輸入法（以人工智能ABC為例），按Shift+Space切換到全角狀態(tài)，現(xiàn)在應該沒問題了。此外，你還可以通過許多“變通”的方法達到錄入空格的目的，比如常用的是：

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

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

你是不是記得有時在瀏覽網(wǎng)易網(wǎng)站的首頁時，在地址004km.cn前會顯示一個“易”字樣的小圖標。而默認情況下，這個圖標是一個IE瀏覽器的指定圖片。

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

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

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

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

這應該是個很值得大家注意的問題，也就是說，在全屏狀態(tài)下瀏覽網(wǎng)頁內容時，一點問題也沒有。當我們使用窗口的最小化命令或手動的調整窗口的大小時，問題就慢慢出現(xiàn)了。網(wǎng)頁內容會把當前窗口作為顯示范圍，依次下挫。舉個例子，和在記事本中有“自動換行”和“沒換行”的差別是完全一樣的。解決這個問題，我們必須從網(wǎng)頁的布局說起，一般情況下，網(wǎng)頁內容的定位大多是通過表格來實現(xiàn)的。因此問題的“毛病”也就出在表格上。你可能已經(jīng)注意到了，在表格的高寬設定選擇上提供了兩種不同的類型，百分比和像素。其中百分比的使用將會產(chǎn)生前面說到的那個毛病，將其全部更正為Pixels單位的實際大小就可以了。

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

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

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

·Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(2)5> 怎么樣，才能為圖片添加指定顏色的邊框？

對于沒有邊框的圖片而言，直接插入到網(wǎng)頁中，在顯示效果上是相當差的。記得在微軟的FP中要給圖片添加滿意的邊框還是相當麻煩的。不過在DW中就顯得容易多了，因為這里有一個“Border”屬性，可以讓你直接設置邊框的寬度。

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

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

在我們?yōu)g覽網(wǎng)頁時，當鼠標停留在圖片對象或鏈接上時，在鼠標的右下有時會出現(xiàn)一個提示信息框。對目標進行一定的注釋說明。在一些場合，它的作用是很重要的。

下面先看看圖片提示信息的添加，選中圖片對象，在屬性面板里你會發(fā)現(xiàn)有個“Alt”輸入框。默認情況下，該輸入框是空白的。在這里錄入需要的提示內容就可以了。

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

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

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