用TracingImage幫助定位網(wǎng)頁中各元素的位置

　　TracingImage是Dreamweaver2新增的一個非常有效的功能，它允許用戶在網(wǎng)頁中將原來的圖案設(shè)計搞作為輔助的背景。這么一來，擁護就可以非常方便地定位文字、圖象、表格、層等網(wǎng)頁元素在該頁面中的位置了。TracingImage的具體使用是這樣的：首先使用各種繪圖軟件作出一個想象中網(wǎng)頁排版格局圖，然后將此圖保存為網(wǎng)絡(luò)圖象格式（包括gif,jpg,jpeg和png）。用Dreamweaver打開你所編輯的網(wǎng)頁，在頁面的空白區(qū)單擊右鍵，選擇"Page Properties..."，然后在彈出的對話框中的Tracing Image項中輸入剛才創(chuàng)建的網(wǎng)頁排版格局圖所在位置。再在Image Transparen中設(shè)定TracingImage的透明度，OK。這樣你就可以在當(dāng)前網(wǎng)頁中方便地定位各個網(wǎng)頁元素的位置了。使用了TracingImage的網(wǎng)頁在用Dreamweaver編輯時不會再顯示背景圖案，但當(dāng)使用瀏覽器瀏覽時正好相反TracingImage不見了，所見的就是經(jīng)過編輯的網(wǎng)頁（當(dāng)然能夠顯示背景圖案）。

　　關(guān)于"Convert Table widths to Pixels"和"Convert Table widths to Percent"

　　 "Convert Table widths to Pixels"和"Convert Table widths to Percent"是Dreamweaver2新增的兩個設(shè)置表格寬度的重要功能。當(dāng)你打開一個帶有表格的網(wǎng)頁時，在狀態(tài)欄中點中〈table〉標(biāo)簽，在隨后顯示出的表格屬性工具面板中就能看到這兩個按鈕了。顧名思義"Convert Table widths to Pixels"就是將表格中所有單元的寬度以象素表示，而"Convert Table widths to Percent"是將表格中所有單元的寬度以百分比表示。仔細(xì)想想他們的作用，如果將一個表格的寬度全以象素表示，但瀏覽窗口被放大時，表格就不會隨之放大單元格的寬度。而使用了"Convert Table widths to Percent"后能夠使你在640*480分辨率下建立100%寬的表格在更高的分辨率下依舊保持100%的寬度。所以活用這兩個功能可以是網(wǎng)頁排版事半功倍。

　　隱藏不必要的標(biāo)簽

　　當(dāng)用戶在網(wǎng)頁中插入了不可見的元素時，Dreamweaver會自動在頁面上添加一個與之相應(yīng)的元素標(biāo)簽，以便于用戶選擇不可見元素。但這并不全是件好事，比如你在一個有很多層的頁面中的第一行便插入一個表格，就會發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表格自動退到了頁面的第二行，雖然在瀏覽時并不影響效果，但這確確實實會阻礙你的工作。所以當(dāng)你覺得某個元素標(biāo)簽礙手礙腳時，就索性將之屏蔽掉。方法是按Ctrl+U打開Preferences面板，在Category中選中Invisibel Elements，在面板的右邊將會出現(xiàn)所有的元素標(biāo)簽。只要將討你厭的元素標(biāo)簽前的勾去掉，以后它就保證不會再出現(xiàn)了。

　　調(diào)用Style而不致使網(wǎng)頁原代碼混亂不堪

　　調(diào)用Style的方法很多，你可以單擊右鍵選擇Custon Style來調(diào)用Style規(guī)范，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。比如用Custon Style來調(diào)用Style規(guī)范，在網(wǎng)頁代碼中就生成一個〈span〉標(biāo)簽，這樣的標(biāo)簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度，所以我建議盡量使用狀態(tài)欄中的元素列表來調(diào)用Style。還有一個小技巧，如果你要使用一個Style定義某表格單元中的所有文字，只要在〈td〉標(biāo)簽中調(diào)用Style就行了，而不需要在一個個定義〈p〉標(biāo)簽。注意這個方法不使用與〈table〉標(biāo)簽，因為在〈table〉標(biāo)簽中用Style定義的文字格式會被Netscape忽略。

　　使用定制窗口功能測試網(wǎng)頁

　　在不同分辨率下的效果我想誰都不愿意自己辛辛苦苦做的網(wǎng)頁在不同的分辨率下面目全非吧，所以測試網(wǎng)頁在不同分辨率下的瀏覽效果是網(wǎng)頁制作中很重要的一步。而Dreamweaver2讓擁護十分輕松地實現(xiàn)測試，還記得第二部分中對狀態(tài)攔的介紹嗎？對就是選擇狀態(tài)欄中間的數(shù)字可以調(diào)節(jié)窗口大小了，這招一定要勤用哦。

　　上傳網(wǎng)站時無需使用第三方FTP軟件

　　Macromedia的開發(fā)人員真是想的周到，不僅在Dreamweaver2的Site模塊中融入了FTP功能，而且這個FTP功能完全可以說是為網(wǎng)站上傳而度身定制的！我們可以做一個簡單的比較，當(dāng)你使用一般的FTP軟件上傳網(wǎng)站時，是不是都按本地機上的網(wǎng)站目錄在服務(wù)器中新建目錄，然后再一個個文件上傳。這種做法實在沒錯，但由于本地機中的網(wǎng)站目錄中并不是每個文件都被網(wǎng)頁調(diào)用（比如在建網(wǎng)頁時留下的備分文件），所以篩選文件的繁重工作量只有擁護自己知道。但使用Dreamweaver2的Site上傳網(wǎng)頁就可以方便得多，由于Site中的FTP功能在幕后為擁護進(jìn)行了許多必要的工作，所以用戶只要將網(wǎng)站地圖內(nèi)相關(guān)的HTML文件上傳Dreamweaver就會自動將與此HTML文件相關(guān)的所以其他本地文件一并上傳（如圖象、ZIP文件、Flash文件甚至是各種REAL文件）。使用Dreamweaver2內(nèi)帶的FTP功能的具體做法是：編輯已經(jīng)定義過的SITE，在“Site Definition for...”面板中選擇“Web Server Info”。如果網(wǎng)頁是通過FTP方式上傳的話，將“Server Access”設(shè)為FTP，在FTP Host中添入FTP服務(wù)器的地址，在Host Directory中添入遠(yuǎn)程登入目錄，在Login中添入用戶名，在添好Password，OK。經(jīng)過了以上的設(shè)定，就可以在Site面板中按Connect按鈕，當(dāng)Dreamweaver成功連入服務(wù)器后，Connect按鈕會自動變?yōu)镈isconnect，并且在一旁亮起一個小綠燈。接著要做的事就是在要上傳的HTML文件上單擊右鍵，選擇“Put”即可。當(dāng)此HTML文件上傳成功后，狀態(tài)條中將顯示Put Depanding File,說明Dreamweaver正在上傳這個HTML文件所調(diào)用的其他本地文件。不僅如此，Dreamweaver還可以直接下載服務(wù)器上的文件進(jìn)行修改，方法么，只要使試試Put旁的Get按鈕就明白了。