Dreamwaver 常见问答解答

Wed, 20 Sep 2006 11:30:13 +0000

1、CSS styles和HTML styles有什么区别？

HTM style是指自定义HTML标识中一些标签，例如说在HTML中标签是代表加粗的字体，那么在HTMLStyle中你可以改变对该标签的定义。
它是针对元素标签进行定义。

CSS Style是指自定义CSS样式表。在这里你可以按照自己的意愿指定文本、表格、背景等等一系列元素在页面中所能体现的样式。
它是针对内容或者说从总体上对页面进行定义。

从应用来说，当然是CSS样式表更广泛些。

在建立一个新样式时，DW的默认项是建立外连式样式表，因为你可以随时改变它，应用起来很方便。
但它还有另一个选项，就是内部样式，只应用到指定的页面中。

推荐使用外连式样式表，便于应用于其它页面和编辑修改。

2、怎样在网页中设置链接的颜色和下划线，以及响应鼠标的颜色和下划线变化？

方法一（最简单的方法）：按Ctr+J键，打开页面属性设置对话框，直接改变Links、VisitedLinks和Active Links的颜色值。
但该法不能设置鼠标悬停色和下划线变化。

方法二：利用CSS设置。按Shift＋F11键打开CSS Style浮动面板，点击其下部的“＋”号，建立新样式。在弹出对话框的中部，选择UseCSS Selector，
在上部的下拉框selector中，分别选择a:link（超链本身样式）、a:hover（超链鼠标悬停样式）、a:active（正激活的超链样式）和
a:visited（已访问链接样式），在分别弹出的对话框中可随意设置不同状态下的颜色、字体、是否下划线等。

当然，你也可直接在之间直接加入以下代码：

其中{}内为设置的具体参数。例如

a:hover {font-size: 9px; color:#FFFFFF; text-decoration: underline}

就表示：当鼠标悬停在链接上，链接的字体为9磅字，颜色为白色，有下划线。

3、如何在同一页面中定义两套不同的超链本身和其鼠标的响应样式？

a.1:link {}

a.1:active {}

a.1:visited {}

a.1:hover {}

并且在要应用该CSS的连接上加： link

以次类推，可以设定多套，名字不一定为数字，可以随便设定。

4、在DW中，怎样设置页面的滤镜效果（如阴影、光照、透明、页面切换等）？

下面是让图片半透明的例子，可以直接用代码实现。

在之间加入：

在图片上加上

5、怎样设置表格虚线？

方法一：作一个1X2的图。半黑半白，再利用表格作成线。这种方法虽然麻烦，但在任何浏览器中均可浏览，兼容性最好。

方法二：在CSS里面设定。

在CSS面板里new一个style，选择“redefine HTMLTag”，再在下拉菜单里先“table”，在弹出的面板里，category里选择border，在border里，
将top,left,right,bottom都设成1px，颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。
注意，这个效果在浏览器里才能看见。

方法三：直接在html里设置（如果你只想让某一个表格边框是虚线的话）。

在表格的html里加上这个：

style="BORDER-LEFT: #0000001PX DASHED; BORDER-RIGHT: #000000 1PX DASHED;
BORDER-TOP: #000000 1PX DASHED;BORDER-BOTTOM: #000000 1PX DASHED"

颜色是十六位代码，你可以自己设。方法二、三，只能在IE5.5里用，到了NETSCAPE里一点用处都没有，除非你用做好的底图填充。

6、怎样在DW4中设置表格亮边框和暗边框？

可以用以下三种方法来解决或者变通实现：

A.做一个1px宽度有颜色的表格线，将表格边框 border设置为0，Cellspace设置为0，Cell padding设置为0。打开样式面板新建一个样式。
选择Border设置边框属性。选中整张表格应用这个样式即可。

B、利用制作好的第三方的插件

你可以到http://www.paladinland.com/dreamweaver/tablebordercolor.zip下载，把解压文件直接放入Dreamweaver4/Configuration/Objects/common/就
可以了。打开Dreamweaver4，把Object面板拉拉长，就可看见增加了新的表格对象插入选项。

C、内外边框的边框的颜色可以用鼠标来选择。从表格的上方或者左方选择表格，鼠标会变成一个向下或向左的箭头形状，这时你就可以选中
表格单元的内边框了。这是再设定属性栏中“Border”的颜色即可。这样可以设定表格单元的内边框为不同颜色了。把cellspace设的大一点，效果更明显。

推荐采用第一种方法。

7、怎样让表格紧贴页面的左上方？

方法一：Ctrl+J，弹出Page Properties，将Left,Top, Margin Width, Margin Height 全部设为0。

方法二：把下面一段代码加到你的中

topmargin="0" leftmargin="0"

方法三：方法二只适用于IE，如果让其也适用NETSCAPE加入下面代码

8、怎样改变下拉LIST表单的背景颜色？

style=" BACKGROUND-COLOR:#ffd25b"

这个#ffd25b就是我们想要的颜色值，可随意选择。

下面就是一个具体的例子：

style="FONT-SIZE: 9pt; WIDTH: 120px; BACKGROUND-COLOR: #ffd25b" onchange="window.open(this.options[this.selectedIndex].value,_Blank)" size=1 name=select2> === 合作伙伴 === 新浪网网易搜狐

9、怎样保证在不同分辨率下，在浏览器上显示的字体都比较美观？

一般说来，9磅字比较美观，目前也最为最流行。注意我们说得9磅字是9pt，而不是9px。若选择后者，就难保在不同分辨率下字体的显示大小。
对于新闻，常采用更大一号的字体。对于英文而言，可以选择7磅字，也很好看的。

10、为什么在DW4中，字体设定不能保存？

退出运行中的DreamWeaver，先备份好注册表。

建立一个纯文本文件，其内容如下：

REGEDIT4

[HKEY_CURRENT_USER\Software\Macromedia\Dreamweaver4\Font Preferences]

"Number Encodings"=dword:0000000c

"Default Encoding"=dword:00000005

保存成为一个后缀是.reg的文件，然后执行这个reg文件，修改就会自动完成。

11、如何在DW中加入空格

对于DW的初学者，也许都曾经为空格的输入问题伤过脑筋。这是DW3就有的老问题了。可以用以下方法解决：

a、输入全角空格

可以使用中文输入时全角下的空格来输入。如果你用的是智能ABC的拼音输入的话，那请按SHIFT+空格，这时输入法的属性栏上的半月型就变成了圆型了，
然后再敲空格键，空格就出来了。

b、你也可以在输入的时候直接按CTRL+SHIFT+空格，连按四次，就可以得到两个汉字大小的空格。或者直接输入也可。如果用全角空格的话，
可能在某些浏览器中看不到，这种方法虽然在制作过程中看不到空格，但对浏览器兼容性更好。

c、把输入法转换成智能ABC，打 V＋1＋空格，也很好用的。

d、将属性栏中的FORMAT设定为Preformatted后，就可直接输入空格。

注：对于段落的首行缩进，不用加空格，最好设置CSS让

缩进来得到首行缩进效果。

12、DW中的文本汉字输入为什么总有问题？

a、更换另一种输入法

建议采用全拼输入，紫光拼音、拼音加加等输入法，不要采用常用五笔输入法。

b、直接将中文文本信息拷贝进去。

c、有时可输入，有时不可输入，就像输入法失去焦点一样，对这种情况，请点击一下DW4的标题和属性栏就可以输入了。

d、尽量采用中文的Windows或Windows ME系统。

13、如何在页面中制作由下向上滚动的文字？

实例如下：

要得到最新更新信息

请订阅本站更新邮件

列表。

其中SCROLLAMOUNT=* 设置快慢 DIRECTION=‘*’设置方向。

14、如何改变浏览器的滚动轴的颜色？

把下面代码加入到head之间改变一下颜色值就可以了。

注意，只有IE5.5以上才有效。

15、如何设置一打开页面就弹出一定大小窗口？

把下列代码加到之间即可。

其中sample.htm为要打开窗口的的文件名。

16、如何设置点击链接后，弹出一定大小（甚至全屏）的窗口？

方法－：在连接（link）或在图片上设定behavior，openbrowser windows，在弹出的对话框中，设定其参数（包括弹出窗口的大小，
浏览器有无工具条、菜单条、状态栏……等等）即可。

方法二：在之间加入以下代码即可：

window各项属性说明：

toolbar=yes, 显示工具条

location=yes,显示网址栏

directories=no,导航条

status=no,状态条

menubar=yes,菜单

scrollbars=yes,滚动条

resizable=no,是否可以改变大小

copyhistory=yes,历史按钮

width=300,宽

height=200高

left=100,距离左边100

top=100,距离顶端100

17、怎样定位新弹出窗口的位置？

在之间加入以下代码即可：

*为数字，打开的文件要用相对路径。

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

这可以在FLASH文件发布为html文件的时候作处理，可自动在页面上生成可让swf文件透明的代码。最直接的办法是：选中swf，打开源代码窗口，
在前输入

即可。

19、怎样让别人能搜索到自己的页面？

我们应用网页头部信息中的表单insert meta，就可达到目的！

详细的解释：

META是HTML语言HEAD区的一个辅助性标签。可以用于鉴别作者，设定网页格式，标注内容提要和关键字，以及刷新页面等等。

META标签的NAME变量语法格式是：

b.description(简介)

说明：description用来告诉搜索引擎你的网站主要内容。

举例：< META NAME ="description"CONTENT="This page is about love,universe,plants,compuler.">

c.robots（自动向导）

说明：robots用来说明搜索哪些页面需要索引，哪些不需要。CONTENT的参数有all,none,index,noindex,follow,nofollow.默认值为all。

举例：< META NAME ="robots"CONTENT="none">

d.author(作者)

说明：标注网页制作者或制作组。

举例：< META NAME ="author"CONTENT="xiaxue,linpingq@etang.com">

20、如何让网页的大图片更快更好的显示？

首先在保证图片容许效果的情况下，尽量压缩图片大小，将其保存为优化的jpg或gif格式，这是加速图片显示速度的关键。

还可在要求显示的图片之间先显示一张低素质的图片。在图片属性面板的lowsrc中设定。

对于几何尺寸较大的图片可用Firework切割成小图片。

Gif格式的图片，保存时选择“交错”显示，可以让图片由模糊到清晰的显示出来。

但对Jpg格式的图片，只能又上到下逐渐显示。

21、怎样安装DW的插件？

做网页时的表格宽度用百分比做，不用固定的像素做，这样在不同的分辩率下就是一样的, 只是页面的进行收缩，不过这种方法适用于以色块
布局的页面比较好，如图像为主的就不是很好做。

要用表格全部用表格，要用层就全部用层。

字体大小以piont定义，而不用pix定义。

22、如何改变鼠标形状？

打开CSS style浮动窗口，按“＋”号new一个样式。确定弹出的窗口后，进入“styledefinition for xxx”窗口，选择最后一项“extensions”，
并点击右边Visual Effect下面的，Cursor下拉框中的各个选项，即可对鼠标的形状重新设置了。

23、如何简单的清除HTML文件中的垃圾？

在DW4中，自带了一个html减肥工具。使用方法：选菜单commands－cleanup HTML和clean up word HTML，再在弹出的对话框中
勾选相应的选项，按确定即可。

24、怎样建立DW的模板（Template）与库（Library），二者之间有何区别？

库和模板的应用能大大提高网站维护的效率，因为更新库和模板时，能使所有应用该库和模板的页面同时自动更新。二者在商业站点中应用及其广泛。

如果多个页面中用到许多相同的内容（例如每页的导航区等），则可将相同的部分做成一个网页，并保存为模板（File-Save as Templates），
再在不同页面中使用不同内容的部位建立可编辑区(Modify-Templates-NewEditable area)，可建多个，给出不同的名字。
DW自动建立/Templates子目录，模板文件名以".dwt"为扩展名。

如果许多页面中要用到相同的部件，如网站图标，固定的导航条等，可将其拖到库面板中变成库项目，当其它页面要用时再从库面板中拖到页面中，
当更新库项目时，DW会问你是否更新所有应用该库项目的页面。

模板和库，在本质上差异不大。模板针对的是页面大框架的、整体上的控制，其文件目录在/Templates/。
而库则更多的针对小元件的标准化，其文件目录在/Library/下面。

25、怎样实现在任务栏显示小图标的效果？

有些站点，访问时会在地址栏地址前显出小图标，添加到收藏夹后也在收藏栏中显示图标，这样很好的与其它站点有了区别。

要达到这个效果，先需做出这个图标文件，图像为16*16像素，不要超过16色。文件格式为ico，然后上传至你的网站。

然后，在需要的页面中，加上以下html语句到文件的和之间（假设以上ico文件的地址为http://happyisland.126.com/icon.ico）。

如果访问者的浏览器是IE5.0，就不需加任何代码，只要将图标文件上传到网站的根目录下即可。

26、怎样使鼠标滑过链接的图片时，图片由朦胧到清晰的逐渐显示出来？

下面代码加入到head之间

在每个图片连接加入已下代码

style="FILTER: alpha(opacity=40)"onmouseout=low(this)

onmouseover=high(this)

27、怎样制作把网页中加入“把本站加入收藏夹”的功能？

在与之间加入如下代码：

然后，随便在您需要的地方做一个如下链接就行了。

将本站添入收藏夹

28、为什么在DW里编辑时可看见的图片，在浏览器里却没有显示？

你可能使用了中文的文件名和路径，DW对此不支持。当你使用中文做路径和文件名称时，DW会自动转换为ASCII码，从而发生文件查找错误。
赶快把目录名和文件名（包括图片文件）改为英文吧，一切就ok了。

另外，有的网络服务器也不支持中文路径和文件名称，甚至对英文文件的字母大小写很敏感（如unix系统）。因此建议网页制作中，
所有路径和文件使用英文标识，并且统一使用小写字母。

29、在DW中怎样设置水平标尺的颜色？

由于在NC中不支持水平标尺的Color属性，所以在DW中没有此项设置，你只能在Html中加入代码：color=″颜色代码″。有的朋友可能喜欢使用
表格来做水平分割线，即将表格高度设置为pix=1，然后填充表格的背景色，但在NC中不兼容，建议使用此方法时填充一个高度为1像素的图片。

据消息称，新出炉的DW MX，将可以在属性栏中直接设置水平线的颜色。

30、用DW制作网页时，怎样才能实现在浏览器的状态栏中显示滚动字幕?

打开Behaviors浮动窗口，在Behaviors窗口中点Behaviors，单击“＋”号，选“settext －>set text of status bar”，然后写上你需要的文字。

[评论] Dreamwaver 常见问答解答

Thu, 01 Jan 1970 00:00:00 +0000

沧海一粟

Dreamwaver 常见问答解答

[评论] Dreamwaver 常见问答解答