做過(guò)主頁(yè)的朋友，幾乎沒(méi)有一個(gè)人沒(méi)用到他，他使我們排版更加輕松。有人說(shuō)DW的表格沒(méi)有Fp的好用，我認(rèn)為不然，F(xiàn)p就是多一個(gè)平均分配行高，列高功能，但DW參數(shù)的更改配置很方便， 可清除表格行高，列高定義的HTML語(yǔ)句，這個(gè)功能挺好。好！好！我不再羅嗦了，直奔主題，我將以提問(wèn)的方式介紹我的那幾個(gè)經(jīng)驗(yàn)，F(xiàn)ollw me ：
經(jīng)驗(yàn)（一）：為什么說(shuō)表格比圖層排版要好？ 一開(kāi)始學(xué)DW的朋友，都比較喜歡用圖層排版，其主要原因是圖層能夠把對(duì)象放到您想放的任意位置，并且只需拖動(dòng)鼠標(biāo)，看起來(lái)很輕松，但用F12預(yù)覽就面目全非，后悔了吧？還是用表格排版吧。層的定位方式和表格的不同，層采取的定位方式是動(dòng)態(tài)定位方式，他的定位靠的是兩個(gè)參數(shù)Left和Top，這兩個(gè)參數(shù)配置層框架和瀏覽器的邊框的的距離，無(wú)論您是在最大化，還是在不同的分辨率下他都始終在一個(gè)位置，而表格在不同的情況下他將有所變化。尤其當(dāng)您用表格的同時(shí)又用圖層排版，這樣的效果會(huì)讓您痛苦一輩子。圖層沒(méi)用嗎？當(dāng)然有用，一般用他來(lái)做一些特效，用的好能夠讓您的主頁(yè)錦上添花。本站有一個(gè)DW圖層應(yīng)用的教程，有興趣能夠看看。
經(jīng)驗(yàn)（二）：如何消除分辨率的差異？ 版權(quán)申明：本站文章均來(lái)自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系028-86262244-215，我們收到后立即刪除,謝謝！ 這是個(gè)比較老套的話(huà)題，但總有人問(wèn)。我們現(xiàn)在的網(wǎng)頁(yè)最好瀏覽分辨率大多是800*600，但有不少的兄弟用的是640*480或1024*768，怎樣讓您的網(wǎng)頁(yè)兼容性更好， 您只需把表格的寬度設(shè)為100%即可該決這個(gè)問(wèn)題。
經(jīng)驗(yàn)（三）：為什么我的表格在預(yù)覽時(shí)發(fā)生變化？ 我們經(jīng)常會(huì)在做完表格排版后預(yù)覽，發(fā)現(xiàn)表格的樣子變了，不是有的高度變長(zhǎng)了，就是寬度變寬了。出現(xiàn)這個(gè)情況的原因是，您在排版的時(shí)候，把表格高度或長(zhǎng)度用鼠標(biāo)拖長(zhǎng)或拖短過(guò)，這樣DW就會(huì)在您網(wǎng)頁(yè)代碼中自動(dòng)加入一些寬的長(zhǎng)度代碼或高度代碼。由于在排版的過(guò)程中，經(jīng)常會(huì)這樣做，所以您的網(wǎng)頁(yè)代碼加了許多的這些高和寬的代碼，當(dāng)您預(yù)覽的時(shí)候?yàn)g覽器就會(huì)按這些代碼來(lái)顯示，于是就會(huì)出現(xiàn)表格樣子發(fā)生變化。好在DW為您提供了決辦法，按Ctrl F3后用鼠標(biāo)點(diǎn)擊表格邊框出來(lái)表格屬性面板，點(diǎn)屬性面板的Clear row heiht（除掉表格中定義高度的Html語(yǔ)句） ，而Clear Column Wedths（除掉表格中定義寬度的Html語(yǔ)句）您最好少用，用不好會(huì)弄巧成拙，假如您的網(wǎng)頁(yè)中用到割過(guò)的圖片，此時(shí)用他來(lái)消除圖片間的空隙很有效。
經(jīng)驗(yàn)（四）：關(guān)于表格背景圖片的一個(gè)技巧。 ! 大家都知道在一個(gè)較大的表格中放入背景圖片，背景圖片就會(huì)重復(fù)填充直到整個(gè)頁(yè)面。我們能夠利用表格的這個(gè)特性來(lái)減小我們網(wǎng)頁(yè)中圖片的大小。您若要插入一根水平線(xiàn)，用這方法也很有效。
經(jīng)驗(yàn)（五）：如何使鼠標(biāo)指到表格，表格背景變色？ 這個(gè)特效用的是表格樣式表，要達(dá)到此效果您只需在<td>代碼中加入：
onmouseout="this.style.backgroundColor='' " onmouseover="this.style.backgroundColor='#FFcccc'"
例：<td onmouseout="this.style.backgroundColor=''" onmouseover="this.style.backgroundColor='#FFcccc'">，“#ffccc”是您鼠標(biāo)指到表格上要變的顏色，您根據(jù)需要改變個(gè)顏色。
經(jīng)驗(yàn)（六）：如何利用表格實(shí)現(xiàn)畫(huà)中畫(huà)，也就是頁(yè)中頁(yè)效果？ 網(wǎng)頁(yè)的排版大多使用表格，利用一個(gè)表單元能夠嵌入一個(gè)網(wǎng)頁(yè)，您知道嗎？這樣做有很多好處，比如您把經(jīng)常更新的區(qū)域劃分一個(gè)表格單元，然后在這個(gè)表格單元中嵌入您想要更新的內(nèi)容，今后更新主頁(yè)只需上傳這個(gè)被嵌套的頁(yè)面就能夠了，沒(méi)有必要對(duì)首頁(yè)進(jìn)行更新，是不是很方便。我寫(xiě)個(gè)最簡(jiǎn)單的例子代碼：
... <html>
<head>
<title>范例</title>
<body>
<table border="1" width="100%">
<tr>
<td>
<IFRAME src="example.htm" width="300" heitht="100"></IFRAME>
</td>
</tr>
</table>
</body>
</html>
插入被嵌入頁(yè)的關(guān)鍵代碼是：<IFRAME src="example.htm" width="300" heitht="100"></IFRAME>。example.htm是被嵌入的頁(yè)面，標(biāo)簽<IFRAME>更有一些可用的參數(shù)配置如下：
marginwidth:網(wǎng)頁(yè)中內(nèi)容在表格右側(cè)的預(yù)留寬度；例如：marginwidth="20"，單位是pix，下同。
marginheight:網(wǎng)頁(yè)中內(nèi)容在表格頂部預(yù)留的高度；
hspace:網(wǎng)頁(yè)右上角的的橫坐標(biāo)；
vspace:網(wǎng)頁(yè)右上角的縱坐標(biāo)；
frameborder:是否顯示邊緣；填"1"表示"是"，填"0"表示"否"
scrolling:是否出現(xiàn)滾動(dòng)條；填"1"表示"是"，填"0"表示"否"
. 經(jīng)驗(yàn)（七）：在使用表格中應(yīng)注意那些問(wèn)題？ 1.整個(gè)表格不要都套在一個(gè)表格里，盡量拆分成多個(gè)表格。
2.表格的嵌套層次盡量要少，最好嵌套表格不超過(guò)3層。
3.單一表格的結(jié)構(gòu)盡量整齊。
