dreamweaver表格经验谈
% G" b/ k2 \6 C( A7 F163k团购网站系统官方服务论坛
1 y% l1 Q# ?. A: {- U& M, ?为互联网事业发展提供源动力！做过主页的朋友，几乎没有一个人没用到它，它使我们排版更加轻松。有人说dw的表格没有fp的好用，我认为不然，fp就是多一个平均分配行高、列高功能，但dw参数的更改设置非常方便，可清除表格行高，列高定义的html语句，这个功能非常好好。下面我们直奔主题，我将以提问的方式介绍我的几个经验。
! T0 n$ Z- j& X. m6 A5 C团购网站系统,团购网程序 经验（一）：为什么说表格比图层排版要好？
# Y# l2 n' |# E3 l3 @( Q, W9 |# g% f为互联网事业发展提供源动力！ 一开始学dw的朋友，都比较喜欢用图层排版，其主要原因是图层可以把对象放到你想放的任意位置，并且只需拖动鼠标，看起来非常轻松，但用f12预览就面目全非，后悔了吧？还是用表格排版吧。层的定位方式与表格的不同，层采取的定位方式是动态定位方式（引自《3 网页设计》），它的定位靠的是两个参数left和top，这两个参数设置层框架与浏览器的边框的的距离，无论你是在最大化，还是在不同的分辨率下他都始终在一个位置，而表格在不同的情况下它将有所变化。尤其当你用表格的同时又用图层排版，这样的效果会让你痛苦一辈子。图层没用吗？当然有用，一般用它来做一些特效，用的好可以让你的主页锦上添花。本站有一个dw图层应用的教程，有兴趣可以看看。
% x' ^3 {" S* k; ], Z 经验（二）：如何消除分辨率的差异？bbs.163k.com ^; p0 e" c# h; y1 y5 S
这是一个比较老套的话题，但总有人问。我们现在的网页最佳浏览分辨率大多是800*600，但有不少的兄弟用的是640*480或1024*768，怎样让你的网页兼容性更好，你只需把表格的宽度设为100%即可该决这个问题。bbs.163k.com4 B6 d/ W( D B$ Y! L) {
经验（三）：为什么我的表格在预览时发生变化？bbs.163k.com7 X. y& G5 w2 v% y8 f) M
我们经常会在做完表格排版后预览，发现表格的样子变了，不是有的高度变长了，就是宽度变宽了。出现这个情况的原因是，你在排版的时候，把表格高度或长度用鼠标拖长或拖短过，这样dw就会在你网页代码中自动加入一些宽的长度代码或高度代码。由于在排版的过程中，经常会这样做，所以你的网页代码加了许多的这些高和宽的代码，当你预览的时候浏览器就会按这些代码来显示，于是就会出现表格样子发生变化。好在dw为你提供了决办法，按ctrl+f3后用鼠标点击表格边框出来表格属性面板，点属性面板的clear row heiht（除掉表格中定义高度的html语句） ，而clear column wedths（除掉表格中定义宽度的html语句）你最好少用，用不好会弄巧成拙，如果你的网页中用到割过的图片，此时用它来消除图片间的空隙 ｓ行а? 团购网站系统,团购网程序8 e0 K1 S: q `9 X. A) e6 Q- W d" V
163k团购网站系统官方服务论坛* j- \1 Q! P$ |, T5 h* |
经验（四）：关于表格背景图片的一个技巧。163K网站系统官方论坛# }. S- E; q0 k$ Y% l4 r& s
大家都知道在一个较大的表格中放入背景图片，背景图片就会重复填充直到整个页面。我们可以利用表格的这个特性来减小我们网页中图片的大小，比如下面的一个渐变图，你看上去像是一整张图片，它其实用的就是表格背景重复填充特性，而用的图片就是右边的那张，大小只有1.3k，在此如果要用一张大的图片是很不划算的。你若要插入一根水平线，用这方法也很有效。
* B1 [0 b6 C, E6 n" }# d163K网站系统官方论坛团购网站系统,团购网程序% {1 W5 ~' r( Z3 o/ V* a: q' f- c
经验（五）：如何使鼠标指到表格，表格背景变色？ 团购网站系统,团购网程序: O: V& u1 c1 l
这个特效用的是表格样式表，要达到此效果你只需在＜td＞代码中加入onmouseout="this.style.backgroundcolor="" "onmouseover="this.style.backgroundcolor="#ffcccc"" ，163k团购网站系统官方服务论坛9 Q! O/ `. ?# u$ ]# {$ W h
例：＜td onmouseout="this.style.backgroundcolor=""" onmouseover="this.style.backgroundcolor="#ffcccc""＞，“#ffccc”是你鼠标指到表格上要变的颜色，你可以根据自己需要改变颜色。
, @0 B: d+ U: b1 a为互联网事业发展提供源动力！ 经验（六）：如何利用表格实现画中画，也就是页中页效果？
$ m+ p3 n/ ^" s7 e& T+ E 网页的排版大多使用表格，利用一个表个单元可以嵌入一个网页，你知道吗？这样做有很多好处，比如你把经常更新的区域划分一个表格单元，然后在这个表格单元中嵌入你想要更新的内容，今后更新主页只需上传这个被嵌套的页面就可以了，没有必要对首页进行更新，是不是很方便。我写个最简单的例子代码：团购网站系统,团购网程序+ f( Y' n+ Z/ n; c4 j
＜html＞163k团购网站系统官方服务论坛* R: z" O& K9 x# x
＜head＞团购网站系统,团购网程序6 ]3 R9 Q9 X3 }' r# ^
＜title＞范例＜/title＞163k团购网站系统官方服务论坛; ]+ {1 g% Q% \' A$ o" ?
＜body＞
' G# ]4 I0 U! { J( v; o163k团购网站系统官方服务论坛 ＜table border="1" width="100%"＞163K网站系统官方论坛+ E$ B' e% A4 p- k
＜tr＞bbs.163k.com K; \& g3 m& B- Q
＜td＞163k团购网站系统官方服务论坛3 F w2 @' ^" t+ T8 P3 s
＜iframe src="example.htm" width="300" heitht="100"＞＜/iframe＞为互联网事业发展提供源动力！: f5 F( W; I* ?: b+ a: ?
＜/td＞
8 f! C% _: E8 G6 v1 x4 C: o6 Ebbs.163k.com ＜/tr＞
1 U) ]6 O! G0 C/ l; ?" l3 f8 a163K网站系统官方论坛 ＜/table＞- L( v5 C1 _# y$ Y+ }: i; P/ Y
＜/body＞
1 j. Z2 |: J5 [+ X" h) D6 p ＜/html＞
- { ]# A$ ?* ?' G' \5 U o w
' S( w/ O+ G; |% f/ K3 H3 p. z) z- l7 Q5 k: l. N% |
/ r" O5 `" G3 I1 o9 b7 ^+ |' a为互联网事业发展提供源动力！
5 _4 z N2 T* b; {. }) M v3 G为互联网事业发展提供源动力！163k团购网站系统官方服务论坛: f+ P7 ~& J/ e8 D: a7 ~/ o+ ~
插入被嵌入页的关键代码是：＜iframe src="example.htm" width="300" heitht="100"＞＜/iframe＞。example.htm是被嵌入的页面，标签＜iframe＞还有一些可用的参数设置如下：
: w7 z) I4 W K5 @" x3 w% K! D163K网站系统官方论坛 marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是pix，下同。团购网站系统,团购网程序/ \, M8 p/ P) L& \/ H
marginheight:网页中内容在表格顶部预留的高度；7 Z9 y, P4 J/ x3 A% R0 T& f
hspace:网页右上角的的横坐标；163K网站系统官方论坛1 B) h. T; v+ V5 Y2 R: C& V
vspace:网页右上角的纵坐标；
0 B# @' t" B y163k团购网站系统官方服务论坛 frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"163K网站系统官方论坛& s% ~4 g; z$ t5 _0 Y d, h
scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否"
8 I' {9 c' g6 r- x/ i为互联网事业发展提供源动力！ 经验（七）：在使用表格中应注意那些问题？163K网站系统官方论坛* N/ |; r3 \) p5 R/ }9 d
1.整个表格不要都套在一个表格里，尽量拆分成多个表格。
/ v# h' x1 S+ |' m" A 2.表格的嵌套层次尽量要少，最好嵌套表格不超过3层。* d7 e& h. J2 n& y
3.单一表格的结构尽量整齐。
, L/ L4 n% G$ L1 ^# t& j5 R为互联网事业发展提供源动力！
" o# R. f+ ]( s- d$ q5 M$ D团购网站系统,团购网程序bbs.163k.com3 R% I8 i, P* k
163k团购网站系统官方服务论坛& I1 q8 H3 z! u, x
163K网站系统官方论坛% v3 S& H; H1 ^0 ]8 Q2 j% n
4 o- T$ \. Q' I, x163K网站系统官方论坛
9 p$ v0 i1 s+ }4 V, d/ e& s# h6 |为互联网事业发展提供源动力！
