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"
size="1">
<option>请 选 择</option>
<option value="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、选中整张表格应用这个样式即可。

时间: 2024-09-19 03:50:11

Dreamweaver技巧大全的相关文章

让SSD速度飞起来 固态硬盘优化技巧大全

  让SSD速度飞起来 固态硬盘优化技巧大全 不过SSD其它方面优势却明显,所以已经成为多数用户装机的必配硬件了.在使用方面,SSD与传统的HDD还是略有不同的,想要让SSD真正发挥出它的性能,必须得经过一系列的设置才行.例如开启AHCI,4K对齐,安装专用驱动,使用原生SATA3.0接口等等,要比传统的HDD复杂一些.从大量的评测的数据不难看出,不当的使用方法,会极大的影响到SSD的性能跟寿命.所以适当了解SSD的一些常用小知识,就可以更好的发挥出SSD的性能. 1:SSD不同接口安装展示 目

DREAMWEAVER 技巧(下)

dreamweaver|技巧 9)如何选择表格.层里面那些非常小的,比如 1X1px 的图片? 在表格的单元格中点击,然后按下" Shift "键,用箭头键移动即可选择. 也可先选定表格单元(按下 Ctrl 键,用鼠标点击相应单元)或者层,然后在" HTML Source Inspector "面板中选择高亮代码中的 < img src="..."> ,返回文档窗口,图片即被选择. 10)怎样编辑一个框架系的名字(Title)? 按&

教程/dreamweaver/技巧 你的网页“面目全非”过吗?

dreamweaver|技巧|教程|网页  如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助. 一.消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页,在全屏状态下浏览一切正常.但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的

教程/dreamweaver/技巧 去除DW MX 2004表格宽度辅助

dreamweaver|技巧|教程  Dreamweaver MX 2004新增加了表格宽度辅助线功能,让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化,很直观. 但是如果我们不想让Dreamweaver MX 2004自动显示宽度辅助线,该怎么办呢?下面介绍三种办法. 取消表格宽度辅助线显示以后,如果想再次显示,只要按方法二.三设置好"表格宽度"显示即可. 方法一 选中表格,点击宽度辅助线数字和小三角形,从菜单中选择"隐藏表格宽度". 方法二 点击

Dreamweaver技巧大放送后六招

dreamweaver|技巧  1. 更改键盘快速键     Dreamweaver 可让使用者自定使用接口,这项设计十分有弹性.举例来说,使用者可以通过撰写程序(programming)或自行增加对象(object)的方式来更改选单.不必功力高深,你就可以更改键盘快速键,因为 Dreamweaver 有一项叫做Keyboard Shortcut Editor的图形接口,只要选择 Edit ·Keyboard Shortcuts,对话框将加载并列出可以更动的快速键一览表,让你把快速键改成自己习惯

Dreamweaver技巧大放送前六招

dreamweaver|技巧 以目前的情况来说,Dreamweaver 内建的功能可说是越作越多.越作越丰富.齐备.在这里我要向大家介绍的4.0版本中的一些应用小技巧. 1. 让网页页面更有弹性     有些网页开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy(弹性延伸的技巧).这是一种技巧,可在访客浏览器窗口大小改变时也随之调整网页页面大小,因此若是窗口过大就不会有空白处.窗口过小边缘就不会跑出上下移动的拉Bar.其实大多数简单的网页会自己随着浏览器窗

Dreamweaver技巧锦集17条

dreamweaver|技巧   1.从外部文档中粘贴时,如果不想要其格式,只要文字,可以使用"Edit->paste as text"命令,而不要直接Ctrl+V. 2."Command->Add/Remove Netscape resize fix"是一个很有用的命令,它可以使在NC4.0中浏览页面时,改变窗口大小的时候页面不会花掉. 3.所有的head元素不可成为库组件,所有元素在被insert library时,其head关联属性被去掉,如sty

Dreamweaver技巧十二招

dreamweaver|技巧 对想要在可视化的环境下制作复杂网页的专业网页制作者来说,Dreamweaver 已经渐渐在网页编辑工具市场中展露头角,成为专业人士编写网页的最佳选择.以目前的情况来说,Dreamweaver 内建的功能可说是越作越多.越作越丰富.齐备.在这里我要向大家介绍的4.0版本中的一些应用小技巧. 1. 让网页页面更有弹性 有些网页开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy(弹性延伸的技巧).这是一种技巧,可在访客浏览器窗口大小

Dreamweaver技巧50问

dreamweaver|技巧 Dreamweaver一直是不少网友钟情的网页设计工具,除了它强大的动态效果制作能力外,方便简洁的操作界面更是独具特色,下面我们将以最新版本Dreamweaver4为例,并以提问的方式系统的介绍下,在设计过程中经常遇到的一些问题和技巧性的东西. 注意:为了方便,以下我们将Dreamweaver全部减缩为DW表示. 1> 在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次. DW中