Dreamweaver技巧精粹..doc

Dreamweaver技巧精粹.1.解决表格紧贴左上方的问题 方法一：Ctrl+J，弹出Page Properties，将Left, Top, Margin Width, Margin Height 全部 设为0。 方法二：把下面一段代码加到你的中topmargin=0 leftmargin=0 方法三：方法二中只适用于IE，如果让其也适用NETSCAPE加入下面代码 2.在DW中将图设为透明alpha设置例： css .picfilter:alpha(opacity=50) 3.设置表格虚线 方法一：作一个1X2的图。半黑半白，再利用表格作成线。 方法二：在css里面设 在css面板里new一个style，选择redefine HTML Tag,再在下拉菜单里先“table” 在接下来的面板里，category里选择border border里，将top,left,right,bottom都设成1px，颜色设成你将来想要的边框的颜色 style下拉里选择dashed 一切ok。只是所有的表格都会用虚线做边框了 方法三：在html里设（如果你只想让某一个表格边框是虚线的话） 在表格的html里加上这个： style=BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED 颜色是十六位代码，你可以自己设。方法二、三，只能在ie里用，到了netscape里一点用处都没有，除非你用做好的底图填充。但建议用图片做 要IE5。5才支持这种效果 4.关于表格中行距和段距 如果是在一个表格里的话，可以用样式表来调整： .tdline-height:120% shift+enter换行 5.如何使背景固定位置不变 在draemweaver中按Ctrl+Shift+E，新建一CSS样式（new），在background标签里，可以设定背景的各个选项： Background : 背景色 Background Image :选取你的背景图 Reapeat : 背景图是否重复，其中选no-repeat为不重复，repeat为重复，repeat-x和repeat-y分别为只在X和Y方向重复。 Attachment : 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动 Horizontal : 为固定背景图时图在水平方向所居的位置，可以选择居中，居左，居右或自己设定距左的距离。 Vertical : 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离。 注意带 * 的选项要在浏览器里才能看到效果。 设定完毕，对Dreamweaver左下角点选应用该CSS样式就行了 - 不光是标签，页面里有的元素都可以在那里选择，可以很方便的选取应用对象。 对于所有onload 的触发事件，也都可以选再加behavor，比如drag layer或打开页面后弹出窗口等等 - background-attachment属性控制背景图象是否随内容一起滚动，取值为scroll和fixed。默认值为scroll（滚动）；fixed为静止。 将以下代码加在.之间： bodybackground-attachment:fixed 7.在DW中如何使插入的FLASH透明 选中swf,打开原代码窗口，在前输入 8.DW4中设置表格亮边框和暗边框 做一个像素宽度有颜色的表格线 1、将表格边框 border设置为0 Cell space设置为0 Cell padding设置为0 2、打开样式面板新建一个样式。选择Border设置边框属性 。 3、选中整张表格应用这个样式即可。 网页变换效果转 网页变换效果只要搭配得当，这些变换效果会给访客留下非常深刻的印象，即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友，很可能就把你的网页复制下来，以供学习研究之用。其实你不过是加了短短一段代码而已_ 网页变换效果（Trans）共分四大类：进入网页（Page-Enter）、离开网页（Page-Exit）、进入站点（Site-Enter）、离开站点（Site-Exit）。每一大类又分为25个小类，先用进入网页效果来举例说明： 进入网页时的效果 1混合效果 代码如下： 2盒状收缩效果 代码如下： 3盒状放射效果 代码如下： 4圆形收缩效果 代码如下： 5圆形放射效果 代码如下： 6向上擦除效果 代码如下： 7向下擦除效果 代码如下： 8向右擦除效果 代码如下： 9向左擦除效果 代码如下： 10垂直遮蔽效果 代码如下： 11水平遮蔽效果 代码如下： 12横向棋盘式效果 代码如下： 13纵向棋盘式效果 代码如下： 14随即分解效果 代码如下： 15左右向中央缩进效果 代码如下： 16中央向左右扩展效果 代码如下： 17上下向中央缩进效果 代码如下： 18中央向上下扩展效果 代码如下： 19从左下抽出效果 代码如下： 20从左上抽出效果 代码如下： 21从右下抽出效果 代码如下： 22从右上抽出效果 代码如下： 23随机水平线条效果 代码如下： 24随机垂直线条效果 代码如下： 25随机效果 代码如下： 现在让我们来分析一下这些代码，首先大家一定能看出这些代码大多数地方很相似。事实上，虽然分类很多，但每个大类下的25个小类是分别对应相同的，并且用数字来标识，（除了混合效果 blendTrans(Duration=1.0)），所以不用对没个大类一一举例说明，只要把Page-Enter换为Page-Exit（离开网页）、Site-Enter（进入站点）、Site-Exit（离开站点），就可以达到需要的效果了，同时记忆起来也比较方便。其中Duration=1.0可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。 需要注意的是四个大类的效果可