经典收藏:Dreamweaver技巧精粹

发布日期： 2014-08-08 查看次数：1938

一、解决表格紧贴左上方的问题

方法一：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" >

二、在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>

filter:alpha(opacity=50,style=数字)

数字可以为0，1，2，3

0表示均匀渐变
1表示线性渐变
2表示反射渐变
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才支持这种效果

四、关于表格中行距和段距

如果是在一个表格里的话，可以用样式表来调整：

.td{line-height:120%}

shift+enter换行

五、如何使背景固定位置不变

在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>

六、如何在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";>ｘｘｘｘｘｘ</option>
</select>
</form>

--------------------------------------------------------------------------------
在插入跳转菜单时有“open urls in” 一项、在这里选择你想到的窗口名，就行了。
--------------------------------------------------------------------------------

七、在DW中如何使插入的FLASH透明

选中swf,打开原代码窗口，在</object>前输入

<param name="wmode" value="transparent">

八、DW4中设置表格亮边框和暗边框

做一个像素宽度有颜色的表格线

1、将表格边框 border设置为0 Cell space设置为0 Cell padding设置为0

2、打开样式面板新建一个样式。选择Border设置边框属性。

3、选中整张表格应用这个样式即可。

关于铭旭科技

铭旭科技是领先的用户体验设计与互联网品牌建设公司,为众多企业创造了专业与创新的设计解决方案,提供交互设计、UI界面设计、网站设计开发、网站建设、移动界面设计、软件界面设计、互联网品牌建设和用户体验咨询服务。

查看精选案例 | 服务体系 | 了解铭旭动态

经典收藏:Dreamweaver技巧精粹

更多阅读

高端网站设计中目录结构要如何搭建？

网站搭建质量与建站方式的关系

易威斯堡Easysport官方网站改版成功

关于我们

案例中心

设计方案

新闻动态

商务合作