Dreamweaver你该掌握的小技巧（十）-职坐标

Dreamweaver你该掌握的小技巧（十）

沉沙 2018-05-30 来源：阅读 1260 评论 0

摘要：本文讲解了三十个Dreamweaver你该掌握的小技巧，希望阅读本篇文章以后大家有所收获，帮助大家Dreamweaver入门。

271. 关于“将表格宽度转换成像素”和“将表格宽度转换成百分比”

“将表格宽度转换成像素”和“将表格宽度转换成百分比”，是 Dreamweaver 的两个设置表格宽度的重要功能。当你打开一个带有表格的网页时，选中某个表格，在随后显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义“将表格宽度转换成像素”就是将表格中所有单元格的宽度以像素表示，而“将表格宽度转换成百分比”是将表格中所有单元格的宽度以百分比表示。仔细想想他们的作用，如果将一个表格的宽度全以像素表示，当浏览窗口被放大时，表格就不会随之放大单元格的宽度。而使用了“将表格宽度转换成像素”后能够使你在 640×480 分辨率下建立的 100%宽的表格在更高的分辨率下依旧保持 100%的宽度。所以活用这两个功能可以使网页排版事半功倍。

272. 对于站点名称的建议

凡是在Dreamweaver CS3中给文件命名时，尽量使用英文结合下划线“_”命名，而不要使用中文（或者特殊字符），因为现在大多数网络服务器都使用 Unix服务器，不支持中文文件名。当本地的文件传到网络服务器之后，不能观看或者出现这样那样的问题，你首先应该检查文件命名是否规则。

273. 关于站点工作目录的说明

“本地文件夹”是用户的工作目录。Dreamweaver 将该文件夹作为用户的“本地站点”，它可以放在本地计算机上，也可以放在网络服务器上。这就是 Dreamweaver 站点所处理的文件的存储位置。只需要建立本地文件夹即可定义 Dreamweaver 站点。如果要向 Web 服务器传输文件或开发Web 应用程序，还需添加远程站点和测试服务器信息。

274. 远程文件夹是什么意思？

“远程文件夹”是存储文件的位置，这些文件用于测试、生产、协作等，具体取决于开发环境。Dreamweaver 在“文件”面板中将该文件夹称为“远程站点” 。一般来说，远程文件夹位于运行 Web 服务器的计算机上。本地文件夹和远程文件夹使用户能够在本地磁盘和Web服务器之间传输文件，这使用户可以轻松管理 Dreamweaver 站点中的文件。

275. 什么是“测试服务器文件夹”？

“测试服务器文件夹”是Dreamweaver 用来处理动态网页的文件夹。

276. 在 Dreamweaver 中是否一次只可以创建一个站点？

站点是可以创建多个的，它们都将显示在“管理站点”窗口左侧的站点列表中，想要在多个站点中进行切换，只需要打开“管理站点” ，选中想要打开的站点，单击下面的“完成”按钮即可。

277. 页面文字使用特殊字体有什么不好？

页面文字尽量使用常用字体，不要使用一些不太常用的艺术字体，虽然它们可能会漂亮，但是并不能保证浏览者的计算机中也安装了这些字体，一量确实没有，这些文字将用“默认字体”来显示，可以说你想达到的效果就不可能实现了。如果因为某些原因一定要使用这种效果，也是有办法的。可以先在一些图像处理软件中编辑这些文字，设置好字体、颜色及一些特效，然后将其保存为图片，再插入到网页中来令其显示，这样，其中的任何效果都将不会消失，唯一不足就是图像将会比文字占用更多的空间。

278. 在页面设计视图中输入文本内空与在<body></body>标签之间输入文本内容有什么其别？

<body>与</body>之间的内容为文件的主体内容。在这里，“直接输入”或“复制粘贴”要插入的文本内容到<body>与</body>之间，即可完成插入文本的操作。它与在 Dreamweave的设计视图中输入文本的源理是一样的。

279. 插入图像的路径要求

如果选中的文件不在本地网站的根目录下，则会弹出提示对话框，要求用户复制图像文件到本地网站的根目录，单击“是”按钮，此时会出“拷贝文件为”对话框，让用户选择文件的存放位置，可选择根目录或根目录下的任何文件夹，建议读者新建一个名称为 images的文件夹，今后可以把网站中的所有图像都放入到该文件夹中。

280. 设置 E-Mail 链接时，如何自动加入邮件主题？

用户在设置时还可以替浏览者加入邮件的主题。方法是在输入的电子邮件地址后面加上“？subject=要输入的主题”的语句。

281. 按键盘上的 Enter 键换行和按 Shift+Enter 键换行有什么区别？

按键盘上的Enter 键，是在HTML代码中插入一个<p>标签，表示一个段落。按键盘上的 Shift+Enter 键，是在HTML 代码中插入一个<br>标签，表示一个换行符，将文本转到下一行继续输出。

282. 嵌套布局表格的大小是否能超过包含它的表格的大小

可以在一个布局表格中绘制另一个布局表格，也可以在一个布局表格外绘制另一个布局表格来包含它，这被称为“嵌套布局表格” ，“嵌套布局表格”的大小不能超过包含它的表格的大小。

283. 是否可以在布局单元格中绘制布局表格

不能在布局单元格中绘制布局表格，布局单元格之间也不能重叠，但是可以存在于同一行中。另外读者在绘制布局单元格时不需要刻意去对齐其他的布局单元格，Dreamweaver中拥有自动靠齐的功能，当绘制的布局单元格靠近布局表格，或者另一个布局单元格边缘达到8个像素以内的时候，它们将会自动贴近并靠齐。如果要临时禁用自动靠齐，请在绘制布局单元格的同时按住键盘上的Alt键。

284. 如何对布局表格进行细微的调整

可以使用键盘上的方向键对布局表格进行位置上细微的调整。在选中表格的基础上，按方向键移动该表格，每次将移动1 像素。如果按住 Shift 键的同时再按键盘上的方向键，每次将移动 10个像素。

285. 在空的单元格中总会有代码，是什么意思，有什么作用？

代码“ ”相当于Word中的空格。在Dreamweaver 中，设计者是无法使用键盘上的空格键来插入多个空格的。但可以使用别的方法插入空格，方法就是先在设计视图中将光标置于要插入空格的位置，之后切换至代码视图，在光标所在位置输入代码即可。再次切换回设计视图中，可以发现空格已经产生了。如果要插入多个空各该怎么办？很简单，一个代表一个空格，连续输入多个就可以了。

286. 如何理解 AP Div 的绝对定位与相对定位

可以这样简单地理解，一个 AP Div，如果它“属性”面板上的“宽”和“高”文本框中有数值，那么该AP Div就是相对于上一级绝对定位；如果文本框中没有数值，那么该 APDiv 就是相对于上一级相对定位。添回和删除该数值也是 AP Div 的绝对定位和相对定位相互转换的一种方法。

287. 将 AP Div 转换为表格需要注意的问题

在进行AP Div转换为表格之前，有一个重要的前提，就是 AP Div与 AP Div之间不能重叠。可以在“AP 元素”面板中勾选“防止 AP 元素重叠”选项。在勾选该选项后，则不能在现有AP Div前面创建新AP Div，不能在现在AP Div上移动 AP Div或调整 AP Div的大小，也不能将某个AP Div嵌套在另一个AP Div中。如果是在创建重叠 AP Div后才勾选的此选项，请拖动每个重叠AP Div以使其离开其他AP Div，Dreamweaver 并不会自动修正页面上存在的重叠的AP Div。如果页面上存在重叠 AP Div，而用户又进行了转换操作的话，Dreamweaver 会弹出一个提示框，提示用户哪些 AP Div处于重叠状态，而不能进行转换。

288. 框架集图标上的蓝色区域和白色区域分别表示什么？

框架集图标提供应用于当前文档的每个框架集的可视化表示形式。框架集图标的蓝色区域表示当前文档，而白色区域表示将显示其他文档的框架。

289. 如何将不在设计视图边缘的框架边框拆分一个框架？

要使用不在设计视图边缘的框架边框拆分一个框架，可能按住键盘上的 Alt键不放，拖动框架边框即可。

290. 如何在设计视图中选择框架或框架集？

要选择框架集，可以直接单击网页设计视图中的框架边框即可选择整个框架集。如果要选择框架，可以按住键盘上的Alt键，单击网页设计视图中的框架，即可将其选择。

291. 如何设置框架的宽度

如果框架集中所有行或列的宽度都是以像素为单位指定的，而指定的宽度对于浏览者查看框架集所使用的浏览器而言又太宽或太窄的话，则框架将按比例伸缩以填充可用的空间。这同样适用于以像素为单位指定的高度。

292. 如何设置框架集的标题？

由于框架集文件就是最终要显示的网页，因此，最终在网页中要显示的标题应该在框架集中设置，在框架中设置是没有用的。

设置的方法是先选择框架集，之后在“文档”栏上的“标题”文本框中输入网页的标题文字即可。

293. 表单元素是否都要放在表单域当中？

如果用户在表单域之外选择插入表单元素，Dreamweaver 会弹出一个提示框，提示用户插入表单域，单击“是”按钮，Dreamweaver 会在插入文本域的同时在它周围创建一个表单域，所有的表单元素都是如此。

294. 网站主题规划

注意不要让你的网站主题过于分散。因为网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。我们知道，搜索引擎一直致力于向用户提供高质量的信息搜索服务，所以它会将那些提供有价值信息的网站排名提前，优先返回给用户。

如果网站内容覆盖范围很广，而且确实又需要保留众多的主题，这种情况下怎么办？还是同样的原则，只要你将网站信息分门别类进行合理的组织，自然就会形成一个个相对集中的主题，那么搜索引擎自然会给你一个靠前的网站排名。

295. 丰富网站内容与网站受欢迎程度

这两者是相辅相成的，有着丰富内容的网站通常也会受访问者的欢迎。请注意这里的内容丰富并不是指内容的繁杂，而是指内容的深度。搜索引擎在排名网站时，不仅要看网页的信息相关度，同时也会考虑网站的声望如何，比如外部链接有多少，网页的点击率有多高等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面。由于不同的搜索引擎在网页支持方面存在差异，因此在设计网页时不要只注意外观漂

亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。

296. 框架结构

有些搜索引擎（如 FAST）是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。

297. 图像映射

除AltaVista、Google和Northern Light（现已停止公共搜索服务）明确支持图像映射链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置图像映射链接。

298. 特效链接

经常看到有些网站为导航链接加上了特效，如单击某个项目会展开下层链接等。这些效果一般通过 Java script 实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。

299. FLASH

虽然 Flash 制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供 Flash 和非 Flash 网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。

300. 动态网页

任何地址中带“？”号、 “&”号（及其他类似符号）的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎（如 Google）已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的 Google，也在多个场合中明确表示不保证检索全部的动态网页。

因此，除非是超大型网站，为方便起见不得不采用动态网页生成技术，否则还是尽量使用静态网页为好。

本文由职坐标整理发布，欢迎关注职坐标常用软件Dreamweaver频道，获取更多Dreamweaver知识！

web页面开发工具 dreamweaver8网页制作 dreamweaver资料

本文由 @沉沙发布于职坐标。未经许可，禁止转载。