做過主頁的朋友，幾乎沒有一個人沒用到它，它使我們排版更加輕松。有人說DW的表格沒有Fp的好用，我認為不然，Fp就是多一個平均分配行高、列高功能，但DW參數的更改設置非常方便，可清除表格行高，列高定義的HTML語句，這個功能非常好好。

下面我們直奔主題，我將以提問的方式介紹我的幾個經驗。

　　經驗（一）：為什么說表格比圖層排版要好？

　　一開始學DW的朋友，都比較喜歡用圖層排版，其主要原因是圖層可以把對象放到你想放的任意位置，并且只需拖動鼠標，看起來非常輕松，但用F12預覽就面目全非，后悔了吧？還是用表格排版吧。層的定位方式與表格的不同，層采取的定位方式是動態(tài)定位方式（引自《Dreamweaver3 網頁設計》），它的定位靠的是兩個參數Left和Top，這兩個參數設置層框架與瀏覽器的邊框的的距離，無論你是在最大化，還是在不同的分辨率下他都始終在一個位置，而表格在不同的情況下它將有所變化。尤其當你用表格的同時又用圖層排版，這樣的效果會讓你痛苦一輩子。圖層沒用嗎？當然有用，一般用它來做一些特效，用的好可以讓你的主頁錦上添花。本站有一個DW圖層應用的教程，有興趣可以看看。

　　經驗（二）：如何消除分辨率的差異？

　　這是一個比較老套的話題，但總有人問。我們現在的網頁最佳瀏覽分辨率大多是800*600，但有不少的兄弟用的是640*480或1024*768，怎樣讓你的網頁兼容性更好，你只需把表格的寬度設為100%即可該決這個問題。

　　經驗（三）：為什么我的表格在預覽時發(fā)生變化？

　　我們經常會在做完表格排版后預覽，發(fā)現表格的樣子變了，不是有的高度變長了，就是寬度變寬了。出現這個情況的原因是，你在排版的時候，把表格高度或長度用鼠標拖長或拖短過，這樣DW就會在你網頁代碼中自動加入一些寬的長度代碼或高度代碼。由于在排版的過程中，經常會這樣做，所以你的網頁代碼加了許多的這些高和寬的代碼，當你預覽的時候瀏覽器就會按這些代碼來顯示，于是就會出現表格樣子發(fā)生變化。好在DW為你提供了決辦法，按Ctrl+F3后用鼠標點擊表格邊框出來表格屬性面板，點屬性面板的Clear row heiht（除掉表格中定義高度的Html語句） ，而Clear Column Wedths（除掉表格中定義寬度的Html語句）你最好少用，用不好會弄巧成拙，如果你的網頁中用到割過的圖片，此時用它來消除圖片間的空隙 Ｓ行А?

　　經驗（四）：關于表格背景圖片的一個技巧。

　　大家都知道在一個較大的表格中放入背景圖片，背景圖片就會重復填充直到整個頁面。我們可以利用表格的這個特性來減小我們網頁中圖片的大小，比如下面的一個漸變圖，你看上去像是一整張圖片，它其實用的就是表格背景重復填充特性，而用的圖片就是右邊的那張，大小只有1.3k，在此如果要用一張大的圖片是很不劃算的。你若要插入一根水平線，用這方法也很有效
（五）：如何使鼠標指到表格，表格背景變色？

　　這個特效用的是表格樣式表，要達到此效果你只需在＜td＞代碼中加入onmouseout="this.style.backgroundColor="" "onmouseover="this.style.backgroundColor="#FFcccc"" ，
例：＜td onmouseout="this.style.backgroundColor=""" onmouseover="this.style.backgroundColor="#FFcccc""＞，“#ffccc”是你鼠標指到表格上要變的顏色，你可以根據自己需要改變顏色。

　　 經驗（六）：如何利用表格實現畫中畫，也就是頁中頁效果？

　　網頁的排版大多使用表格，利用一個表個單元可以嵌入一個網頁，你知道嗎？這樣做有很多好處，比如你把經常更新的區(qū)域劃分一個表格單元，然后在這個表格單元中嵌入你想要更新的內容，今后更新主頁只需上傳這個被嵌套的頁面就可以了，沒有必要對首頁進行更新，是不是很方便。我寫個最簡單的例子代碼：

　?。糷tml＞
　?。糷ead＞
　?。紅itle＞范例＜/title＞
　　＜body＞
　?。紅able border="1" width="100%"＞
　　＜tr＞
　?。紅d＞
　?。糏FRAME src="example.htm" width="300" heitht="100"＞＜/IFRAME＞
　?。?td＞
　?。?tr＞
　?。?table＞
　?。?body＞
　?。?html＞

　　插入被嵌入頁的關鍵代碼是：＜IFRAME src="example.htm" width="300" heitht="100"＞＜/IFRAME＞。example.htm是被嵌入的頁面，標簽＜IFRAME＞還有一些可用的參數設置如下：
　　marginwidth:網頁中內容在表格右側的預留寬度；例如：marginwidth="20"，單位是pix，下同。
　　marginheight:網頁中內容在表格頂部預留的高度；
　　hspace:網頁右上角的的橫坐標；
　　vspace:網頁右上角的縱坐標；
　　frameborder:是否顯示邊緣；填"1"表示"是"，填"0"表示"否"
　　scrolling:是否出現滾動條；填"1"表示"是"，填"0"表示"否"

　　經驗（七）：在使用表格中應注意那些問題？

　　1.整個表格不要都套在一個表格里，盡量拆分成多個表格。
　　2.表格的嵌套層次盡量要少，最好嵌套表格不超過3層。
　　3.單一表格的結構盡量整齊

• 表格
• Dreamweaver