211. 使用 CSS 样式

如果网页中有许多文字采用同样的几种格式，那么可以采用 CSS 的方法定义自己的样式，网页中只需要引用这种样式即可，既给格式的设置带来了方便，同时也有利于日后的格式修改。

212. 转角图片的制作

由于互联网带宽的限制，要求尽量减少网页图像的文件量，在很多情况下，可以将一个单色图像分割为一个长方形和一个不规则形， 其中长方形部分可以用表格加背景色的方法来代替，但是不规则形高水平定要制作一个图像，通常将这种图像叫做转角图片。制作转角图片时一定要先对版面的设计非常清楚，而且首先要仔细考虑切割图像的合理性，然后考虑如何尽量减小图片的尺寸。

213. Dreamweaver 模板的特点

和Word、WPS中的模板不同的是，Dreamweaver 中的模板在制作时需要规定可编辑区域，否则利用模板和成的网页内容与原模板一样，一丝一毫也不改动。

214. 模板文件内幕

Dreamweaver 的模板文件的扩展名为DWT，内容和模板对应的HTML文件几乎一模一样，只是 HTML 代码内含有独特的可编辑区域标记。读者可以用记事本或其他文本编辑器打开DWT文件来看看是否如此。

215. 可编辑区域的定义

对于一系列风格基本一致而内容与各式变化较大的网页来说，可编辑区域的定义就显得十分重要，没有人希望当需要编辑某个区域时却发现它不能被修改。因此，制作模板时要留下足够多的可编辑区域，也就是要留下足够多的空间让网页制作者发挥自己的创意。

216. 区域名称的选取

取区域名称以直观易懂为宜，模板中该修改标题的地方就放一个叫做 title 的可编辑区域，该修改内容的地方就放一个叫做 contents的可编辑区域。这样对日后的制作和维护工作有好处。

217. 关于模板文件夹

Dreamweaver 替每一个网站设置了一个模板文件夹，用户可以自己定义许多模板以备使用，也可以使用“资源”面板的资源管理功能，将模板从一个网站复制到其他的网站。

218. 链接检查的用处

链接检查不仅仅在检查超链接时使用，当在站点窗口中移动一个文件的时候，Dreamweaver 也会询问用户是否需要扫描整个站点来检查被移动文件的超链接情况。 当选择“扫描”时，Dreamweaver 会查找站点中的文件并将扫描结果显示出来，还会询问是否要更新链接。

219. 注意浏览器兼容性问题

谁都希望自己的网页不管在什么浏览器上都能显示出一样美观工整的页面， 遗憾的是目前可能性不大。我们所能做到的只是尽可能地使用大多数浏览器都兼容的 HTML 标签。在Dreamweaver 中，还可以检查浏览器的兼容性，只要执行“文件>检查页>浏览器兼容性”菜单命令即可。

220. 在 Dreamweaver 中，如何输入一个空格呢？ DW 中对空格输入的限制是针对“半角”文字状态而言的，因此通过将输入法调整到全角模式就可以避免了。方法是：打开中文输入法，切换到全角状态，现在应该没问题了。

此外，还可以通过许多“变通”的方法达到录入空格的目的，比如常用的是：直接在源代码中加入代表空格的 HTML 代码 ；输入一定长度的文字对象后，然后调整文字的颜色与当前的背景颜色相同等等，不过注意的是后者在一些浏览器中可能显示上有点问题。 

221. 本来设计很好的网页，在浏览器窗口最小化时会变的丑陋难堪？

这应该是个很值得大家注意的问题，也就是说，在全屏状态下浏览网页内容时，一点问题也没有。当使用窗口的最小化命令或手动的调整窗口的大小时，问题就慢慢出现了。网页内容会把当前窗口作为显示范围，依次下挫。

解决这个问题，必须从网页的布局说起，一般情况下，网页内容的定位大多是通过表格来实现的。因此问题也就出在表格上。可能已经注意到了，在表格的高宽设定选择上提供了两种不同的类型，百分比和像素。其中百分比的使用将会产生前面说到的那个毛病，将其全部更正为“像素”单位的实际大小就可以了。

222. 如何改变网页显示时，最顶部的提示信息？

浏览网页时，顶部的提示信息往往代表了网页内容的关键所在，有助于访问者提前了解网页内容。在Dreamweaver4前，没有在功能上直接提供该操作，需要通过在源代码中应用“Title”属性来完成。而在现在的Dreamweaver 版本中，非常方便，直接在编辑窗口最上方的“标题”文本框中输入所需要的文字信息即可。

223. 如何为图片添加指定颜色的边框？

在Dreamweaver 中可以很方便的为图片添加边框，因为图片有一个“Border”属性，可以直接设置边框的宽度。宽度设好了，即可以“属性”面板上设置边框的颜色了，共选中文字设置字体颜色是一样的。

224. 如何添加图片及链接文字的提示信息？

在浏览网页时，当鼠标停留在图片对象或链接上时，在鼠标的右下有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。选中图片对象，在“属性”面板里会发现有个“替换”文本框。默认情况下，该输入框是空白的。在这里输入需要的提示内容就可以了。那么链接提示的制作就没这么简单了。因为 Dreamweaver 中没有直接提供该功能，因此需要通过添加HTML代码来实现。直接在超链接标签中添加“title”属性，title=提示内容即可。

225. 如何把自己的 ZIP或其他类型的文件供别人下载?

在不少初级网页制作者看来，好像通过鼠标单击完成下载是件很神秘的事，实际上远非如此。在Dreamweaver 中凡是不被浏览器识别的格式文件 （HTM、 HTML、 ASP、 PHP、 PERL、SHTML等以外的）作为链接目标时，默认的操作都是下载。这时只需要把要浏览者下载的文件名写好，然后制作一个到目标文件的链接，注意目录一定不要搞错。

226. 怎样才能够保证网页中文字不跟随浏览器字体大小设置而变动? 在 IE 浏览器的功能设置中，有一个可以自由设置窗口内容字体大小的功能，这样由于不同访问者的习惯问题，呈现在他们面前的网页有时也会不同。比如可能本来设计时用的是2号字体，结果由于用户对浏览器的额外设定，变的更大了，这时显示效果上就出问题了。

那么解决的办法就是将网页内容定性的强制在某个合适的大小上。即不容许他变化。通过CSS样式表对字体进行强制性控制就可以实现这个要求了。

227. 以新窗口的形式打开目标链接？

以新窗口打开，顾名思义，也就是在不覆盖当前窗口的前提下，另外打开一个浏览器窗口。可以在“属性”面板上“打开方式”下拉列表中选择“blank”选项，就可以了。

228. 鼠标移上链接出现下划线

有些网页的链接，原先没有下划线，把鼠标指向链接处，才会出现下划线，鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表（CSS）来实现，在 Dreamweaver 中编辑层叠样式表不用编写代码。

229. 为服务器减负

在交互网页中，用户常用表单向服务器提交数据，等待服务器的数据处理、返回浏览器等等，等待的过程是很令人心烦的。为此，在进行网页编辑时，也有必要为服务器作个考虑。

Dreamweaver 中制作网页，能为服务器减负的工作有一项做得较出色，就是对用户所提交的表单的合法性进行验证，只需在浏览器端进行，不必返回到服务器验证，既减轻了服务器的负担，又让浏览者少一份伤心的等待。

方法：选中表单，打开“行为”面板，点击“添加行为”按钮，在弹出菜单中选择“检查表单”选项，然后进行设置即可。顺便提醒，这个验证过程实际上是使用JavaScript在浏览器端作验证。在Dreamweaver 里进行上述操作时，它会把这段JavaScript代码放在网页头部与之中，这样必定会使页面的完全显示时间变长，因为浏览器要先下载这段代码才下载其他页面元素。因此，最好在 Dreamweaver 中打开代码编辑器，把这段脚本程序剪贴到源代码的最后边，让其在最后下载。另外，在为网页加入JavaScript脚本特效时，如果不希望页面出现时马上生效，也不妨这样设置。

230. 合理应用表格

不但要为服务器减负， 对使用的浏览器我们更需要减负，也就是要尽可能地缩短浏览器对页面的解析时间，上面提及的JavaScript脚本加入就是一个例子。影响浏览器对页面解析的还有表格，因为浏览器对表格的解析时间与表格的大小、复杂程度成正比，而在Dreamweaver 中为了版式的安排，都是通过加入大量的表格来进行定位的，有些人甚至在大表格中套入多重的小表格，这实质上也是在加大浏览器的负担，使页面呈现时间大大加长。

为此在使用表格时，应尽量将表格打散，并要尽可能地避免表格的层层相套。

231. 如何自动加入最后修改日期

在源代码中的…< /BODY>之间加入如下代码：

< Script Language=“JavaScript”>< /Script>

232. 如何将网页定时关闭

在源代码中的后面加入如下代码：

< script LANGUAGE=“JavaScript”> < /script>  在代码中的60000表示1分钟，它是以毫秒为单位的。

233. 如何定义网页的关键字（KeyWords）

< meta name=“keywords”content=“dreamweaver,flash,fireworks”>

content中的即为关键字，用逗号隔开。

在Dreamweaver 中，可以执行“插入记录>HTML>文件头标签>关键字”菜单命令。

234. 如何设置命令来关闭打开的窗口

在源代码中加入如下代码：

< a href=“/”onclick=“javascript:window.close(); return false;”>关闭窗口< /a>

235. 如何只粘贴文字内容，不粘贴格式

从外部文档中粘贴时，如果不想要其格式，只要文字，可以执行“编辑>选择性粘贴”菜单命令，而不要直接Ctrl+V。

236. 库项目注意

所有的 head元素不可以成为库项目，所有元素在被插入库项目中时，其head关联属性被去掉，如style、CSS属性。

237. 表格和 AP Div 使用注意

不要在同一个页面同时使用表格和 AP Div来布置，在Netscape中会导致混乱，从属关系除外。

238. AP Div 定义说明

使用AP Div的时候最好定义为div标签而不是 layer 标签，因为前者在两种主流浏览器都有很好的兼容性。

239. 执点链接问题

在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。

240. 替换图片技巧

如果对一张图片不满意，想更换另一张，最简单的方法双击此图片，直接选择要替换的图片即可。

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标常用软件Dreamweaver频道！