Dreamweaver技巧精粹
1.解决表格紧贴左上方的问题
方法一:Ctrl+J,弹出Page Properties,将Left, Top, Margin Width, Margin Height 全部
设为0。
方法二:把下面一段代码加到你的<body>中topmargin="0" leftmargin="0"
方法三:方法二中只适用于IE,如果让其也适用NETSCAPE加入下面代码
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" >
2.在DW中将图设为透明alpha设置例:
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
.pic{filter:alpha(opacity=50)}
</style>
</head>
<body bgcolor="#FFFF00" text="#000000">
<img src="0008.jpg" width="303" height="385" class="pic">
</body>
</html>
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.关于表格中行距和段距
如果是在一个表格里的话,可以用样式表来调整:
.td{line-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左下角点选<body>应用该CSS样式就行了
不光是<body>标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。
对于所有onload 的触发事件,也都可以选<body>再加Behavior,比如drag layer或打开页面后弹出窗口等等
background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。
将以下代码加在<head>...</head>之间:
<style>
body{background-attachment:fixed}
</style>
6.如何在DW4中控制表单里的东东
试试这个代码:
<form name="form1" >
<select class="text9_blue" name="mlink"
onChange="javascript :window.open(mlink.options[mlink.selectedIndex].value)" size="1">
<option>请 选 择</option>
<option value="http://www.tianying.daokedao.com"/’ target="_blank" >http://www.tianying.daokedao.com";>xxxxxx</option>
</select>
</form>
在插入跳转菜单时有“open urls in” 一项、在这里选择你想到的窗口名,就行了。
7.在DW中如何使插入的FLASH透明
选中swf,打开原代码窗口,在</object>前输入
<param name="wmode" value="transparent">
8.DW4中设置表格亮边框和暗边框
做一个像素宽度有颜色的表格线
1、将表格边框 border设置为0 Cell space设置为0 Cell padding设置为0
2、打开样式面板新建一个样式。选择Border设置边框属性 。
3、选中整张表格应用这个样式即可。
1.解决表格紧贴左上方的问题
方法一:Ctrl+J,弹出Page Properties,将Left, Top, Margin Width, Margin Height 全部
设为0。
方法二:把下面一段代码加到你的<body>中topmargin="0" leftmargin="0"
方法三:方法二中只适用于IE,如果让其也适用NETSCAPE加入下面代码
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" >
2.在DW中将图设为透明alpha设置例:
<html>
<head>
<title>css</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
.pic{filter:alpha(opacity=50)}
</style>
</head>
<body bgcolor="#FFFF00" text="#000000">
<img src="0008.jpg" width="303" height="385" class="pic">
</body>
</html>
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.关于表格中行距和段距
如果是在一个表格里的话,可以用样式表来调整:
.td{line-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左下角点选<body>应用该CSS样式就行了
不光是<body>标签,页面里有的元素都可以在那里选择,可以很方便的选取应用对象。
对于所有onload 的触发事件,也都可以选<body>再加Behavior,比如drag layer或打开页面后弹出窗口等等
background-attachment属性控制背景图象是否随内容一起滚动,取值为scroll和fixed。默认值为scroll(滚动);fixed为静止。
将以下代码加在<head>...</head>之间:
<style>
body{background-attachment:fixed}
</style>
6.如何在DW4中控制表单里的东东
试试这个代码:
<form name="form1" >
<select class="text9_blue" name="mlink"
onChange="javascript :window.open(mlink.options[mlink.selectedIndex].value)" size="1">
<option>请 选 择</option>
<option value="http://www.tianying.daokedao.com"/’ target="_blank" >http://www.tianying.daokedao.com";>xxxxxx</option>
</select>
</form>
在插入跳转菜单时有“open urls in” 一项、在这里选择你想到的窗口名,就行了。
7.在DW中如何使插入的FLASH透明
选中swf,打开原代码窗口,在</object>前输入
<param name="wmode" value="transparent">
8.DW4中设置表格亮边框和暗边框
做一个像素宽度有颜色的表格线
1、将表格边框 border设置为0 Cell space设置为0 Cell padding设置为0
2、打开样式面板新建一个样式。选择Border设置边框属性 。
3、选中整张表格应用这个样式即可。
回复Comments
作者:
{commentrecontent}