Dreamweaver 技巧荟萃
1. 同时链接两个网页
通常在网页中设置的超链接一次只能链接到一个网页中, 如果需要在不同的框架页中打
开新页面,可以使用“转到 URL”行为来实现。打开一个有框架的网页,选择页面中的需
要设置链接的文字或图像,单击“行为”面板上的“添加行为”菜单命令,在弹出菜单中选
择“转到 URL”选项,弹出“转到 URL”对话框,在该对话框中显示所有可用的框架,选
择其中一个需要设置链接的框架并输入相应的链接地址后再选择另一个框架并输入另一个
链接地址。
2. 不要为网页文件使用中文名称
在制作网页时,初学者起一个容易记忆的中文名称作为文件名,这种做法是不正确的。
因为Dreamweaver 对中文文件名称支持得不是太好,经常会有页面调用不正确的现象发生,
所以在 Dreamweaver 中保存网页的时候,尽量使用英文或者数字作为文件名称,这样就可
以避免上面的出错现象。
3. 设置不同分辨率
制作好的网页在本地计算机上浏览时很正常, 但在另外一台计算机上浏览时发现原本漂
亮的网页变得歪歪扭扭了。这主要是因为每台计算机的分分辨率不同所导致的,为了使所制
作的网页在不同分辨率的计算机上都能正常显示,在 Dreamweaver 中得到了较好的解决,
在文档窗口的右下角,Dreamweaver 显示当前文档被设计成的分辨率大小。单击数字,在
弹出式菜单中可以为当前的页面指定显示分辨率,通过修改可以使设计的网页更具灵活性,
使不同分辨率的显示器都能较好地显示。
4. 图像拖放技巧
在使用 Dreamweaver 编辑网页的时候,经常需要插入一些图像什么的,如果要插入的
图像很多, 按照常规方法来操作就显得非常麻烦。 可以利用拖放技巧来很好地解决这个问题。
可以打开“文件”面板,在本地站点中的找到图片文件夹,在该文件夹中将图片一一拖入页
面中相应的位置,Dreamweaver 将自动把这些图像的路径地址添加到文件的 HTML代码中。
5. 巧妙复制文字
如果从 Dreamweaver 中复制编辑区中的文字到另外一个应用程序的时候,HTML 代码
和文字将一起被复制过去了, 那么该如何才能只把编辑区中的文字复制下来呢?通常复制时
都使用快捷键 Ctrl+C 来操作,如果在复制的时候多按一个 C 键,那么 Dreamweaver 将只
会复制选中的文字了。
6. 使用快捷键
为了提高操作的效率,可以在 Dreamweaver 中使用快捷键,例如使用 Ctrl+B 或 Ctrl+I
来为文字应用黑体或斜体格式, 也可以使用以下一些键盘快捷键来为选中的文本应用HTML
格式:无格式(Ctrl+0) ;段落(Ctrl+T) ;标题1(Ctrl+1) ;标题2(Ctrl+2) ;标题 3(Ctrl+3);
(Ctrl+4)标题 4;(Ctrl+5)标题 5;(Ctrl+6) 标题 6。
7. 同时编辑多个 HTML 文档 在Dreamweaver 中,可以同时对多个HTML文档进行编辑,只要执行“文件>新建”或
“文件>打开”菜单命令,就可以在不退出当前文档的情况下,新建或打开另一个HTML文
档进行编辑。
8. 输入连续空格
在每段的开头,一般都要空两个格,而直接用空格键只能输入一个关角空格,然后无论
如何键入空格都不起作用。可以通过下面两个方法来实现输入空格。
l 切换到中文输入状态, 把标点状态设置为全角中文,就可以随心所欲地输入全角空
格了。
l 光标定位需要输入空格的位置,转换到代码视图中,在HTML源文档中输入“ ”
代码。
9. HTML 源代码下工作
单击 “文档” 工具栏上的“代码” 按钮 ,转换到代码视图中, 可以在这里进行HTML
标签及内容的输入。还可以单击“折分”按钮 ,Dreamweaver 折分为代码视图和设计
视图两个部分,可以同时输入HTML标签和网页内容。
10. HTML 标签的作用范围
HTML标签需要在 HTML源代码状态下输入才有效, 例如在编辑区直接输入“ ”,
显示在编辑区屏幕上的主是“ ”字符串,而在HTML源代码中输入“ ” ,在编
辑区屏幕上没有任何显示,在浏览时则是一个半角空格。
11. 特殊字符在编辑区中的显示
在编辑状态下, 特殊字符并不显示为最终的样子。 而是有两种情况,一是什么也不显示,
一是显示特殊字符的代码,如版权符显示为: “©”。
12. 插入特殊字符的方法
这些代码是直接写到 HTML 代码中去的,而直接在编辑区中输入的则只显示为普通字
符。
13. 输入其他字符
在“插入”栏上的“文本”选项卡中的最后一个按钮是“字符”按钮,单击该按钮,在
弹出菜单中选择“其他字符”选项,弹出“插入其他字符”对话框,在该对话框中列出了英
文中所有的特殊字符,用户可以从中选择所需要的字符。
14. 经常保存
在进行到一个比较确定的步骤时,建议保存文件。这样做有两个好处:一是可以防止忽
然断电等原因引起的数据丢失;二是可以清除不必要的撤消步骤,释放内存。
15. 标签选择器
安位于状态栏的最左边,标签选择器中显示的是光标所在位置周围的 HTML 标签,当
选择其中一个 HTML标签时,这个HTML标签及其中的内容都将被选中。在许多情况下,
例如在表格嵌套时,如果嵌套的表格边框和空白都设置为0 时,通过鼠标几乎不可能准确地
选中每个表格,此时利用标签选择器就可以轻松快捷地进行选择。
16. 剪切
“剪切”命令的作用类似于复制,不同的是,“剪切”命令在复制内容后,把原来的内
容删除。所以在想把一部分内容移到另一部分去的时候,可以先剪切原内容,然后在新加内
容的地方进行粘贴。
17. 通过鼠标拖放进行复制与粘贴
选中要复制的文字后,把鼠标移到选择区上,然后可以直接拖动将它移到新的位置,如
果按下Ctrl键,则相当于复制后粘贴。
18. 从 Word 获取大量文本内容
Word 是常用的文字处理软件,可能网页中许多内容需要从 Word 中获取。直接通过粘
贴的方法需要手工进行分段,而通过作为文本粘贴的方法则需要手工删除多余的换行标签,
而且这两种方法都将丢失文字属性的信息。
常用的方法是,先把 Word 文档保存为 HTML 格式,然后通地 Dreamweaver 打开,再
执行“命令>清理Word生成的HTML”菜单命令进行代码优化。
19. 在两个 HTML 文档之间工作
利用 Dreamweaver 可以同时对多个HTML文档进行编辑,经常会需要把一个HTML文
档的文字复制到别一个文档中,此时需要注意两种情况,如果想连同文字格式(例如大小、
字体、颜色等)原封不动地直接复制到另一个HTML文档中,可采用常规的“拷贝”和“粘
贴”方法。如果只需要文字内容,而不需要复制文字的格式,这时可以通过“拷贝”和“粘
贴HTML”的方法进行。
20. 个人词典
有一些专有名词 Dreamweaver 不认识,可以把它们加入个人词典,这样在拼写检查时
Dreamweaver 就不会对这些单词报错了。
21. 插入的图像地址
在 HTML 文档中插入图像其实只是写入一个图像链接地址,而不是真的把图像插入到
文档中。
22. 使用相对地址和绝对地址的方法
在网页中插入图像,在弹出的“选择图像源”对话框中,如果在“相对于”下拉列表中
选择“文档”选项是使用相对地址;而选择“站点根目录”选项是使用绝对地址。
23. 图像文本说明的作用
图像的文本说明起到两个作用。第一是当鼠标移动到这些图片上时,如果给图像加上了
说明文本,浏览器可以在鼠标指针右下方弹出一个黄底的说明框,为浏览者提供提示。第二
是当浏览器禁止显示图片时,如果给图像加上了说明文本,可以在图片的位置显示出这些文
本。
24. 低分辨率图像与图像渐进
在浏览网页时,会碰到这样的一种情况:图像首先非常模糊,然后会渐渐变得清晰。这种情况叫图像渐时。
图像渐进是在保存图像时进行设置的,无论是 GIF和 JPEG都可以设成渐进模式。它和
低分辨率图像不同的是,它并没有一个专门的缩略图文件,所以它的下载时间小于低分辨率
图像加原图像的下载时间。
在多数情况下,推荐采用图像渐进的方法来角决浏览者等待的情况。
25. 为鼠标经过图像加入超链接
可以在“插入鼠标经过图像”对话框中的“按下时,前往的 URL”文本框中输入它的
超链接,也可以单击鼠标经过图像后,在“属性”面板上的“链接”文本框中输入它的超链
接。
26. 改变导航按钮的顺序
在导航条插入完毕后,如果对导航按钮的顺序不满意,可以通过“插入导航条”对话框
中的向上或向下三角按钮进行调节。
27. 修改导航条
导航条插入完毕后,如果还想对它进行修改,可以参照下面的方法进行。
再次单击“插入”栏上的“常用”选项卡中的“导航条”按钮,此时会弹出一个提示框,
提示每页只能有一个导航条, 而本页已经有一个导航条了, 是否需要对它进行修改。 单击“确
定”按钮就可以调出“修改导航条”对话框对导航条进行修改。
28. 理解 URL
URL(Uniform Resource Locator,统一资源定位符)是对文件名的扩展。在单机系统中,
定位一个文件需要路径和文件名称,对于遍布全球的 Internet 网,显然还需要知道文件
存放在哪个网络的哪台主机中才行。在单机系统中,所有的文件都由统一的操作系统管
理,因而不必给出访问该文件的方法;而在 Internet 中,各个网络、各台主机的操作系
统可能不一样,因此必须指定访问该文件的方法。
29. 标题的作用
标题经常被网页初学者忽略,因为它对网页中的内容不产生任何影响。其实在我们浏览
网页时,会在浏览器的标题栏和状态栏中看到网页的标题,在进行多个浏览器窗口切换时,
它可以很明白地提示当前网页信息。而且,当浏览者收藏一个网页时,也会把网页的标题列
在收藏夹中。
如果不对网页标题进行任何设置,Dreamweaver 会自动给网页加上一个“无标题文档”,
这会给人一种不专业的感觉,所以在制作网页时,应该加上标题。
30. 跟踪图像
跟踪图像是网页排版的一种辅助手段,主要是用来进行图像的对位,它只在网页编辑时
有效,对HTML文档并不产生任何影响。
31. 关键字及网页说明的作用
输入一个关键字检索时,在搜索引擎上不仅可以查到很多网站,还可以查到很多网页。
大部分搜索引擎在查询网页时都是根据头元素里的关键字来进行的, 显示的内容也是在头元
素中的描述。当然,现在大的搜索引擎一般都可以做到网页的全文检索了,不过为了使网页可以适合更多的搜索引擎,在头部加入关键字和描述是十分有益的。
32. 快速打开“历史记录”面板
使用快捷键 Shift+F10 可以快速打开“历史记录”面板。
33. 重做操作的对象
如果要重做的操作是设置对象(文字或图像等)的属性,一定要先选中相应的对象。
34. 选择性的重做
在“历史记录”面板中选择一步或多步操作,然后单击“重放”按钮。
35. 修改批处理命令
保存的批处理命令在“命令”菜单中出现。可以打开“命令”菜单,选择“编辑命令列
表”命令来对命令列表进行编辑,在弹出的“编辑命令列表”对话框中可以更改命令的名称
或删除不需要的命令。
36. 录制命令
在录制命令期间无法使用鼠标的选择功能,除了“修改”工具栏、 “属性”面板和各个
面板中的内容,所以在编辑网页时使用键盘是相当必要的。
37. 使用键盘选择文字
按住Shift键,然后按左右方向键可以选择文字。
38. 清除特定标签
在网页设计时,应用样式表的同时可能还用到<font>标签,这些<font>标签是冗余的,
在清除特定标签栏中填入<font>可以将它们清除掉。
39. “清理 Word 生成的 HTML”对话框
在清理Word生成的HTML格式时,对于繁多的选项有的人可能不知所措,这时完全可
以在默认的选项下清除格式,因为Dreamweaver 中默认的选项完全可以达到清除的目的。
40. 网站相册
在创建网站相册时,Dreamweaver 会生成一个批处理的操作,启动 Fireworks,在其中
执行这个批处理操作,将生成缩略图和全屏的图像,再由 Dreamweaver 创建各个图像的网
页。
41. 格式化 HTML 源代码
Dreamweaver 的 HTML 源代码配置文件在 Dreamweaver 安装目录下 Configuration 子文
件夹中的SourceFormat.txt文件中。在这个文件中包含了对 HTML源代码的缩进、行的长度
和标签与属性的名称等设置。
42. 使用另外两种方法插入表格
可以执行“插入>表格”菜单命令,或使用快捷键 Ctrl+Alt+T快速插入表格。
43. 表格宽度设置
插入表格时,可以对插入的表格的宽度进行设置。可以设置为百分比,这个比例是相对
于网页大小而言的。如果要精确地指定表格宽度的话,可以选择“像素”做为表格宽度的单
位。
44. 快速选择整个表格
将光标放在表格中的单元格内,使用快捷键 Ctrl+A 选中鼠标所在单元格,再使用一次
Ctrl+A键则选中整个表格。
45. 使用标签选择器
Dreamweaver 给设计者提供了标签选择器,用于在编辑界面中使用鼠标选取较难选择的
HTML标签,这项功能不但可以清晰明了地选择标签,还可以对其他的功能起辅助作用。
46. 选择行或列
与处理整个表格类似,设计者有若干种选择行或列的方法。然而,没有一种方法是使用
菜单来完成的,行或列的选择基本上是使用鼠标来进行处理的。事实上,用户单击鼠标便可
以选择整行或整列。
47. 选择单元格
有时对表各中的一小部分进行简单的编辑,如改变首行的背景颜色,需要选择单元格。
另外,还可以使用快捷键 Ctrl+A,选中光标所在的单元格。
48. 快速选择多个单元格
可以将光标定位在第一个单元格中,然后按住 Shift键,用鼠标单击最后一个单元格。
49. 快速追加一行
将光标定位在最后一行的最后一个单元格中, 按下 Tab 键,在当前行下会添加一个新行。
50. 删除行和列位置
在删除行和列时,行会从表格的右侧开始删除,列会从表格的下部开始删除。
51. 快速删除行和列
在表格中选中一整行或一整列,然后按 Delete键,即可快速删除行和列。
52. 表格高度设置
通常并不需要设置表格的高度,因为 Dreamweaver 将自动为表格设置高度。
53. 功能提示
在“属性”面板中,在高级选项中左侧有几个按钮,在按钮上停留一定的时间后,鼠标
附近就会出现一条文字,显示按钮的名称,从名称中可以了解其大致的用途。
54. 帮助信息
在遇到困难时,单击“属性”面板上的“帮助”按钮,会弹出浏览器窗口,显示帮助信
息。
55. 设置边框
表格的边框宽度是以像素来表示的,默认值为 1 像素。宽度设为 0 时,边框不可见,
Dreamweaver 用虚线段来表示边框。
56. 分隔表格数据的分隔符
在“导入表格式数据”对话框中的“发隔符”下拉列表中选择分隔表格数据的分隔符。
其中包括了Tab、逗号、分号、引号和其他,当选择“其他”选项时,旁边会出现一个文本
框,你可以在其中输入需要使用的任意分隔符。如果未指定分隔符或者在文件中未使用任何
分隔符,数据的导入将会出错,而且系统不会自动进行错误提示。
57. 另一种方法导入表格数据
执行“文件>导入>表格式数据”菜单命令,可以导入表格数据。
58. 导出表格的一部分数据
在导出表格的时候,整个表格都将被导出。如果只想导出表格中某一部分数据,例如前
六行或前六列的数据,那就先创建一个新的表格,将你要用到的资料复制进去,然后再导出
新的表格。
59. 制作网页框架的原则
在制作嵌套表格时应遵循如下原则:
要规划好再运行,甚至要进行无数次的实验和重复运行才能制作出好的框架。
从外向内工作。先建立最大的表格,再在它内部创建较小的表格。
在外部使用绝对计量方法,在内部使用相对计量方法。这不是一个不容改变的规则,但
最好将外部表格宽度设为一个特定的绝对像素值,而将内部表格宽度设为相对的百分比数,
这样可以节省计算宽度的时间。
60. 新建布局单元格
如果在新建布局表格之前新建一个布局单元格, 系统会自动创建一个布局表格作为布局
单元格的容器,即布局单元格不能脱离布局表格而存在。
61. 一次新建多个布局单元格
按住 Ctrl键的同时绘制布局单元格,可以连续创建多个布局单元格。
62. 自动吸附功能
当新建布局单元格时,如果和另一个单元格相距很近(小于 8 个像素)或者和布局表格
的边界相距很近(小于8 个像素) ,这个单元格会自动吸附。如果要取消自动吸附功能,在
绘制单元格的同时,按住Alt键即可。
63. 布局表格的边框颜色
在默认状态下,单元格边框是蓝色,当鼠标放上去时是红色,表格边框是绿色,背景色
是灰色,可以在用户参数设置中进行更改。
64. 使用网格 显示网格,可以更好地对布局单元格和布局表格进行精确定位。
65. 向布局单元格中添加内容
如果要在布局表格中添加内容,比如文本、图像等网页元素,必须要先在布局表格中建
立布局单元格,然后向布局单元格中添加内容。
66. 快速选中布局单元格
按住Ctrl键,同时在想要选中的单元格内任意处单击鼠标,即选中了单元格格。
67. 布局单元格属性
在“宽”选项区中可以设置单元格的宽度,其中有两种方式,一种是固定数值的,一种
是自动伸展的,相当于标准视图下表格宽度以百分比表示;在“高”文本框中可设置单元格
的高度;在“背景颜色”选项中可设置单元格的背景颜色;在“水平”和“垂直”下拉列表
中可分别设置水平和垂直的对齐方式;而选择“不换行”复选框可以防止单元格中的文本自
动换行。
68. 布局表格属性
“宽” 、 “高”和“背景颜色”选项均与单元格一样; “填充”是指单元格中的内容和单
元格边框之间的距离; “间距”是指单元格之间的距离;单击“清除行高”按钮可清除表格
的行高,作用与“清除单元格高度”相类似;单击“使单元格宽度一致”按钮可使单元格宽
度和单元格内容宽度一致;单击“移除所有分隔符图像”按钮可以清除所有的透明分隔符图
像;单击“清除嵌套”按钮可清除嵌套表格,可以不损失页面已输入的内容,而直接删除嵌
套表格。
69. “布局视图”参数解释
在“自动插入间隔符”选项中可设置是否自动插入间隔符;在“间隔图像”选项区中,
在“站点”下拉列表中可选择哪个网站设置间隔图像,而在“图像文件”选项中可自己指定
或让系统创建新的图像。
“单元格外框”是指单元格一般情况下的边框颜色, “单元格高亮”指是鼠标放上去时
单元格边框的颜色; “表格外框”是表格边框的颜色,“表格背景”是指表格的背景颜色。
70. 间隔图像
所谓间隔图像就是在自由伸缩的表格中用来控制表格宽度的透明图像,这幅图片并不在
浏览器中出现。可以在列头菜单中为单元格添加间隔图像。
71. 表单元素的主要属性
表单元素的主要属性有“方法” 、 “动作”等,其中“方法”表示表单提交的方工是 POST
还是GET。“动作”是告诉表单将收集到的数据送到什么地方,一般这里是指向处理表单数
据的服务端程序或者是mailto标签。
72. 使用 mailto 标签
在许多情况下,特别是制作个人主页时,服务器端的权限是不开放的,就没有办法用服
务端程序的方法来处理表单。如果还想使用表单,只有用 mailto 标签,填上邮件地址,这
样表单内容就会通过电子邮件传给mailto的邮件地址。
73. POST 与 GET 的区别
一般GET方式是将数据附在URL后发送,数据长度不能超过 100个字符,一般搜索引
擎中查找关键词等简单操作通过 GET 方式进行。而 POST 则不存在字符长度的限制,并且
不会把内容附加到URL后,比较适合内容较多的表单。
74. 删除或者修改一个表单
如果想删除或者修改一个表单, 可以通过右键单击红色虚线框打开快捷菜单,在其中选
择“删除标签<form>”选项,可以删除表单。选择其他项目可以对表单进行修改。
75. 文本域
文本域主要有三种形式,即单行、密码和多行,可以在“属性”面板中的“类型”选项
组中进行切换,在文本域中主要是输入文本。单行文本域只能输入单行的文本,通过“属性”
面板上的“字符宽度”选项可控制单行文本框的宽度,通过“最大字符数”选项可控制输入
的最长字符数,在“初始值”文本框中可以输入初始文字。
密码域的主要特点是不在表单中显示具体输入的内容,而是用*来替代显示。它主要被
用来验证密码,具体的验证仍然需要通过 JavaScript等程序进行。
多行文本域可以显示和输入多行文字,可以通过“行数”选项控制显示的行数,而“换
行”下拉列表可用来控制如何换行。
76. 变量名的设置
在进行单选项设置时,单选按钮变量名称非常重要,如果不进行任何改变,无论你插入
多少个单选项,也无论这些单选项分布在多少行中,它们中只能选择一个。如果在表单中还
有另一个单选项目,则必须更改这个单选项目中 radio button的变量的名称。
77. 使用图形按钮
在提交表单时,如果不想千篇一律地使用标准按钮,则可以通过使用图形按钮的方法来
美化网页。在表单结尾处,单击“表单”选项卡中的“图像域”按钮,然后选择合适的图像
即可。
78. 插入跳转菜单时选择是否加上“前往”按钮
在插入跳转菜单时,可以选择是否加上“前往”按钮,默认是没有该按钮的,选择其中
一个链接时网页就开始跳转, 如果加上“前往”按钮,选择链接时网页不跳转,必须按下“前
往”按钮后才跳转。
79. 框架构成及设置
一个框架实际上是由几个 HTML 文档所构成的,其中一个专门负责框架的设置:是分
行型还是分列型,或者是混合型;行和列的尺寸如何等等。另外的就是普通的 HTML文档,
分别被放置到各框架中,当链接到设置框架的 HTML文档时,整个框架以及各HTML文档
就会一起显示在浏览器中。
80. 系统预设的框架类型
在“插入”栏中的“框架”选项卡中,提供有 13 个程序预设的框架类型,它们代表了
框架设计中最常用的几种类型,你可以逐个进行试验,看看哪些类型的框架最适合你。
81. 删除框架
框架创建完成后,如何进行删除呢?刚开始建立时可以执行“撤消”命令,如果在操作
了一段时间后想删除框架,通过菜单是不能实现的,必须通过鼠标操作,用鼠标拖动框架间
的边框,一直将它拖动到最边上,就可以删除一个框架了。
82. 随意创建框架格式的两种方法
重复插入框架和分割框架都可以随意创建框架格式,我们推荐第一种方法,理由是重复
插入框架时,每个框架都会自动命名,提高了效率;而且框架的形式是用 rows=”*,80”这样
只指定一个分框架大小的语句,可以适应各种分辨率的浏览器窗口。
83. 用拖动鼠标的方法来分割框架
可以用拖动鼠标的方法来分割框架,先执行“查看>可视化助理>框架边框”菜单命令,
显示出框架的边框,然后移动鼠标到四个边框或四角,在出现移动箭头时,拖动鼠标即可分
割框架。
84. 制作一个自己的框架
先规划你所需要的框架,然后按照各个分支框架之间的位置关系:上、下、左、右,用
菜单命令对其进行划分,再改变各框架的相应属性值,将框架做好后保存。
85. 使分框架成为一个整体
虽然应用框架后页面被分为几个部分,但出于美观考虑,我们依旧想让这些分框架看起
来像是一个整体。一般采用的方法是把框架的边界设置为0。然后把导航框中的元素确定位
置,不进行移动,使滚动条只出现在主框架中。
86. 框架属性设置级别
分框架中的属性设置级别高于框架设置文档中的属性级别, 如果在框架设置中指定框架
的边界为零,而在分框架中指定有边界,则最后显示的分框架是有边界的。
87. 框架的命名
每个框架的命名也是很重要,许多网友喜欢打开多个浏览器同时浏览,有时会出现这样
的情况,在一个网站中单击一个框架中的链接时,主框架没有任何改变,而在另一个网站的
主框架中显示出链接的内容。其主要原因就是这两个网站的主框架都取胜同样的名称,所以
最好为自己的每个框架取一个和其他网站不易重复的名字。
88. “目标”下拉列表中有四个预设选项
_blank 会打开一个浏览窗口来显示链接内容;_parent 会在当前框架的父框架中打开链
接;_self在当前框架打开链接,这也是默认方式;_top会在当前浏览器的最外层打开链接。
89. IFrame标签的使用格式
src:文件的路径,既可以是HTML文件,也可以是文本、ASP等。
width,height:IFrame框架的宽度与高度。
scrolling:当src的指定HTML文件在指定的区域显示不完时,如果设置为no,则不出
现滚动条;如为auto,则自动出现滚动条;如为 yes,则显示滚动条。 Frameborder:IFrame框架的边框宽度,为了与邻近的内容相融合,常设置为0。
90. 框架内容和无框架内容的查看
尽管框架内容和无框架内容是分开编辑的,它们依旧同属于一个网页,可以通过框架设
置文档的 HTML代码看到,它们分别位于<frameset>和<noframe>标签中。
91. 手工编写 CSS
虽然用 Dreamweaver 可以可视化地编写 CSS,为了能够更好的撑握 CSS 样式表,建议
读者在熟练的掌握了可视化编写CSS样式表后,可以手动的编写 CSS样式表代码。
92. CSS 文件的位置
CSS可以位于网站的任何位置,只要在链接时能正确指出。出于方例性考虑,一般 CSS
文件都在网站的根目录下。
93. CSS 语法
CSS定义一般是由标签、大括号构成,其中大括号中放置此标签的属性。一般用“标签
属性:属性数值”来表示,如果有几个不同的属性,中间用分号隔开。
在颜色属怀中有时用关键字,例如 red,有时用十六进制数数值,如#DDDDDD。这些
都被浏览器支持。颜色还有另外两种表现方法:一种用(RRR,GGG,BBB) ,例如黄色是:
(255,255,0) 。另一种是用(R%,G%,B%) 。推荐使用十六进制颜色表示方式。
94. pfr 文件
Pfr(Portable Font Resource 便携字体源)是一种可以支持 Navigator 与 IE 的可下载字体
(IE 需要一个控件支持) 。利用Typograph和 WebFont Maker 都可以生成这种字体,同时,
也可以在互联网上下载一些免费的特效字体。
95. 中文限制
令人遗憾的是,很少有中文的pfr 文件提供下载,而且中文字体一般都在1M以上,也
很难做到动态下载,看来如果想使用中文的动态字体还有待于网络速度的提高。
96. MIME
如果你是一名网管,对 MIME 一定不会陌生。MIME 可以理解为网上的文件关联,如
果一个扩展名没有在 MIME 中设置,即使浏览者拥有打开此文件的软件,它依旧只能下载
到客户机,反之,它就可以直接被打开。
97. JavaScript的应用
JavaScript在Web 上的应用非常广泛,几乎在任何中型以上的站点都会用到它。总的来
说,JavaScript 常用于以下情况:交互式导航、简单的数据搜寻、表单验证、网页特效、交
互式教育或游戏等等。
98. JavaScript与 Java
JavaScript与Java 是两种不同的语言。JavaScript的开发公司是Netscape,是一种解释性
脚本语句,应用范围仅限于 Web。Java 是由 Sun 公司开始的一种全新的跨平台语言,和 C
类似,是编译性语言,应用范围不仅仅限于 Web,可能广泛应用于应用程序开发。 两者之所以经常混淆,是因为 Netscape 为了占领脚本语言市场,在得到 Sun 公司的允
许下把自己的脚本语言加上了个时髦的“Java”。
99. JavaScript函数的位置
JavaScript函数可以位于HTML的<head>与<body>区,为了减少出错以及增强可读性,
一般把函数放在<head>区中。
100. 面向对象的编程
面向对象的编程现在已经不是一个新名词了,几乎所有的语言都宣称是面向对象的,
JavaScript也是这样。面向对象编程最基本的特征就是对象、属性和方法。
101. HTML 标签样式和组合样式
选择“重定义 HTML”标签选项,可以直接定义 HTML 语言中各种标签的样式,样式
一经定义就在整个HTML文件中通用。选择“使用CSS选择器”选项,可以定义组合样式
(两个或两个以上 CSS 元素组合)以及具有特殊序列号(ID)的样式元素。Dreamweaver
提供了四种给定的组合样式,分别是激活的链接 a:active;当前链接 a:hover;链接 a:link;
访问过的链接a:visited;通过对这几个元素的定义可以在网页中非常方便地实现简单的链接
交互效果。
102. 使用标签选择器应用样式
为了更准确地选取要应用样式的页面元素,可以使用标签选择器选中元素,单击鼠标右
键,在右键菜单中的“设置类”子菜单中选择要应用的样式。
103. 标签中的样式表
在<body>标签中的内容应用样式表,包括子标签,例如<p>、<center>和<div>等,但对
于<Hx>的标题标签和<table>、<td>的表格标签例外。
104. 复制样式表
一般来说,复制的样式表应为自定义的样式,当所需要的样式表与自定义的样式表在大
部分样式上相同时,可以复制自定义的样式表,然后再加以修改得到需要的样式表。而复制
重新定义的标签和利用标签选择器创建的样式,因为定义的目标已明确了,所以复制无太大
的意义。
105. 制作一个动态链接效果
目前,在大多数国内的网站中为了增加网页的美观,应用较多这种基于文字超链接的动
态链接效果。这种效果的原理是定义了超链接的四种状态: a:link、 a:active、 a:hover、 a:visited,
并对这四种状态的样式进行不同的定义,这样在网页中当超链接处于不同的四种状态时,就
有不同的样式,从而形成了动态的效果。
106. 常用的一些属性值及说明
字体:通常选择“宋体” 。字体大小:设置为 9pt和 12pt的中文较为常见。样式:当字
较小时,字体的粗细有一定限度。样式:包括正常、斜体和偏斜体三个选项,但中文表现似
乎并不明显。大小写:包括首字母大写、大写、小写和无四个选项,可设置每个英文单词的
首字母大写,或将全部单词设置为大写或小写。修饰:这是 CSS 的一个十分有用的效果,包括下划线,上划线,删除线,闪烁及无五个选项。
107. 动态链接效果
在不应用样式表的情况下,网页中的链接是静态的,在 IE4 及高级版本中可以在浏览器
的设置中设置链接的动态效果,当然这种动态效果是有效的,只能定义下划线状态,其功能
远远不如样式表的功能强大。在样式表中不但可以定义下划线,还可以定义颜色、字体样式
和背景等许多样式。不过不用担心当浏览器对链接的效果进行设置后与样式表有冲突,浏览
器总是以样式表为准。
108. AP元素的标签
默认情况下,插入AP Div的标签是 div,这个标签与 IE 与 Navigator 中都受支持,并且
被 W3C 所接受,通常不需要对它进行改变。如果想进行改动,可以在 AP Div 的“属性”
面板中的“标签”下拉列表中进行选择。
109. AP Div 的关系
如果两个AP Div有交叉,它们可以有两种关系:重叠与嵌套。重叠就是这两个 AP Div
是独立的, 任可一个AP Div改变时,不影响另外一个层;而嵌套时子AP Div会随着母AP Div
的某些属性的变化(例如位置移动)而变化,而母 AP Div不随子 AP Div发生变化。
110. 建立一个完全处于母 AP Div 之外的子 AP Div
如果想建立一个完全处于母AP Div之外的子 AP Div,不能通过直接在母 AP Div之外
建子AP Div的方法进行,而是要首先在母 AP Div内建立一个子 AP Div,然后将子 AP Div
移动到母 AP Div外面。
111. 用另一种方法建立嵌套 AP Div
在建立好第一个AP Div后, 拖动 “常用” 选项卡上的“绘制 AP Div” 按钮到这个 AP Div
中,则新AP Div就为了老AP Div的子 AP Div。
112. 比较 AP Div 的重叠与嵌套的区别
为了进一步比较AP Div的重叠与嵌套的区别,可以先建立两个重叠的 AP Div,再建立
两个嵌套的AP Div,然后分别移动各个 AP Div,观察另外一个 AP Div的变化情况。
113. 应用 Alt键
如果在“首选项”对话框中,选中了“如果在 AP Div中则使用嵌套”复选框,那么当
新建的AP Div与上次建的AP Div有交叉时,新 AP Div自动成为原 AP Div的子 AP Div。
此时如果想让它和原AP Div成为并列关系,可以先按下 Alt键,再绘制 AP Div。当然,如
果该复选框没有被选中,按下Alt键后绘制的 AP Div,和原 AP Div就由并列关系变为嵌套
关系。
114. AP Div 的命名
AP Div的命名并不是随意的,为了避免出错,需要掌握AP Div的命名规则:不能用非
英文字母的字符开头,例如1apDiv,-apDiv等;不要使用特殊字符或空格,例如apDiv-1,
apDiv*1,apDiv 1 等,这些命名中包含“-” 、 “*” 、空格等特别字符,Netscape 的浏览器不
能正确处理这样的AP Div,很容易因为不能正确安排这些 AP Div而报错;给网页中的每个元素都取不同的名字,当AP Div的名字和网页中元素的名字例如图像的名字一样时,浏览
器就有可能会报错。
115. 给 AP Div 分配一个大的 Z值
在通常情况下,如果想让一个 AP Div永远在上面,不被其他 AP Div覆盖,可以给它一
个很大的Z值,例如1000,而将其他有可能重叠的 AP Div的 Z值设置为 100 之内的数。
116. AP Div 中的特殊对象
如果AP Div中包含了一些特殊对象,例如Java Applet和 ActiveX 控件,则这些元素有
可能忽略AP Div的“Z轴”属性,而直接显示到最上面的 AP Div中。所以当在 AP Div中
应用这些元素时,一定要先做测试,或者将他们放到最上面的 AP Div中。
117. 避免 AP Div 的重叠
如果需要画几个距离很近的AP Div,而又不希望这些 AP Div之间出现重叠,可以执行
“修改>排列顺序>防止AP Div交迭”菜单命令。反之,当发现 AP Div之间不能重叠时,
将此项的勾选去掉即可。
118. Dreamweaver 对 AP Div“溢出”选项的默认显示方式
Dreamweaver 在编辑状态时并不能正确显示 AP Div 的 4 种“溢出”显示方式,而是全
部采用visible的方式,如果想要看到正确的浏览效果,一定需要通过浏览器验证。
119. 浏览器对“溢出”的支持
IE对“溢出”的支持要远远好过Netscape, 4种情况都可以在IE中正常显示, 而在Netscape
中,只有visible的情况是正常的,其他 3 种情况都不能被正确显示。
120. 用嵌套 AP Div 来准确定位需要剪辑的坐标
之所以可以用嵌套AP Div来准确定位需要剪辑的坐标, 是因为嵌套AP Div的坐标是相
对于母AP Div左上角的相对坐标,这与剪辑的坐标恰好一样。子 AP Div坐标加上宽和高,
就是剪辑的最右(R)和最下(B)的坐标。
121. 巧用 AP Div 的剪辑
可以先将AP Div的一部分显示出来,例如剪辑区是一道习题的题目部分,当预设的条
件满足时,可以将整个AP Div显示出来,如以前隐藏的习题的答案部分。
122. 为什么要使用“AP 元素”面板
虽然“AP 元素”面板提供的功能可以在其他地方找到,我们还是强烈推荐大家在使用
AP Div的时候将“AP 元素”面板打开。它可以将所有的 AP Div 都列出来,无论 AP Div
是否可见;而且可以将AP Div的关系(包括并列和嵌套)直观地表现出来;不仅如此,在
这里修改它们的关系或单个 AP Div的属性都很方便。
123. 利用“AP 元素”面板删除 AP Div
利用“AP 元素”面板可以很简单地进行 AP Div的删除操作,在“AP 元素”面板中任
选一个AP Div,按Delete键即可。
124. 利用“AP 元素”面板进行 AP Div 的选择
利用“AP 元素” 面板的好处之一就是可以方便地选择所需要的AP Div, 特别是某AP Div
不可见,或者被其他AP Div完全盖住时,没有“AP 元素”面板几乎无法选择该 AP Div。
125. AP Div 的可见性
AP Div 的可见性有三个数值:visible,hidden,inherit。分别对应于眼睛睁开、眼睛闭
上、没有眼睛。Inherit的含义有两个:一是保持原来AP Div的状态,如果原来的状态没有
则是可见的;一是如果此AP Div是子 AP Div,则继承母 AP Div的可见性。
126. 嵌套后子 AP Div 的位置
在一个AP Div成为子AP Div后,字和母 AP Div的位置关系一般会发生变化,因为嵌
套后它与母AP Div的位置关系等于它原来与浏览器的位置关系。
127. AP Div 的嵌套使用限制
AP Div的嵌套虽然带来了很多好处,尤其是在浏览窗口大小经常改变时,使用 AP Div
的嵌套可以达到相对定位的目的。但建议尽量少用,理由很简单,Netscape浏览器不能很好
地处理嵌套AP Div,事实上几乎只要使用嵌套就会显示出错。
128. 使用 AP Div 标签进行嵌套
首先保证在Dreamweaver 参数的不可见元素标签中,AP Div的标签是勾选状态,选中
子AP Div的标签,将它拖到母AP Div中,就和母 AP Div建立了嵌套关系。
129. 利用标尺查看网页中任一点的坐标
当标尺出现后,在编辑区移动鼠标时,仔细观察两个坐标轴,会发现各有一条灰线在移
动,当鼠标停留在任一点时,灰线所在的数值即为此点的坐标。
130. 网格菜单选项与“网格设置”对话框的对应
在“查看”菜单下的“网格”子菜单中有两个选项: “显示网格”和“靠齐到网格”,它
们与“网格设置”对话框中的“显示网格”和“靠齐到网格”复选框相对应,如果有一处被
选定,对应的另一处也被选定。
131. 用网格与 AP Div 定位网页元素
Dreamweaver 中的网格捕捉步长默认为 10 个像素,并且无法更改。因此,如果想准确
且快速定位,最好将网格的间隔也设为 10个像素,这样 AP Div的位置就只出现在各网格接
点处,然后再在 AP Div上插入各种元素,就完成了网页元素的快速而准确的定位。
132. AP Div 与表格的转换
网页中的AP Div如果有重叠则不能进行转化为表格的操作。
133. AP Div 转换为表格的参数设置
选择“最精确”选项,将采取尽可能精确的方式进行转换;选择“最小”选项,在转换
时可忽略几个像不比内的误差; “使用透明 GIF”复选框指是用透明的 GIF 填充表的最后一
行,这将确保该表在所有浏览器中以相同的列宽显示; “置于页面中央”复选框是指转换后
的表格是否自动居中。
134. 行为
行为可以理解为网页执行的某个动作,它可以在某个对象满足某个条件的情况下触发。
例如一个跳转按钮的行为的作用对象就是这个按钮自身,满足的条件就是鼠标的左键按下,
执行的行为就是跳转。
135. 成对出现的行为
可以看到在“行为”面板中有两上行为——“交换图像”和“恢复交换图像”,很显然
它们是成对出现的,前者表示变换图像,而后者表示恢复原来状态。在 Dreamweaver 中可
能这样轻松地制作出动态的按钮和图像。
136. “行为”面板介绍
“添加动作”按钮 :为对象添加动作。“删除动作”按钮 :删除对象已存在的动
作。 “上/下移”按钮:调整动作的顺序。“事件” :修改动作的条件。“动作” :当事件发生时
进行的动作。
137. 错误信息的显示
在网页预览时,浏览器将不显示明确的错误信息,而是在状态栏中有警告标志的图标,
仅当出现严重的错误时才显示网页中有错误的字样。
138. 改变<input>类型中的对象的属性
要改变<input>类型中对象的属性,必须先加入<Form>标签。否则,在“命名对象”下
拉列表中将无法找到对象。在加入<form>标签后,Dreamweaver 会先找到<form>对象,然后
再确定要改变的对象。
139. “检查浏览器”动作
通常“检查浏览器”动作被指定到<body>标签,并使用onload事件。
140. “检查插件”的操作
检查插件后,“检查插件”将向拥有相应插件的访问者传送包含多媒体内容的网页,而
将向那些没有安装相应插件的访问者传送一个提供下载插件服务的网页。
141. 对 Shockwave和 Flash 对象进行命名
要对Shockwave和Flash对象进行命名,否则Dreamweaver 会提示用户,如果不对对象
命名则不能创建行为动作。
142. 拖动 AP 元素的设置
在“拖动AP 元素”对话框的“基本”选项卡中可以在“移动”下拉列表中选择“限制”
选项,在后面会出现上下左右输入框,可以输入适当的数值,使 AP Div在规定的范围内拖
动。在“高级”选项卡中可以选择拖动AP Div的范围,当拖动时和拖动后调用JavaScript。
143. 跳转网页
如果在网页中存在框架,可以选择在特定的框架中打开跳转的网页,同时也可以在“行
为”面板中设定触发的事件。
144. 跳转网页的设置
在利用单击网络广告赚钱的情况下,可以利用<body>标签的事件来作弊。添加一个跳
转网页的行为,将网页设置为正常的浏览网页,并将事件定义为Onfocus,再定义一个跳转
网页的行为,将网页设置为广告商的网页,并将事件定义为 Onblur,这时网页是在最小化
或未被激活的状态,这样利用浏览者浏览其他网页的时间,不知不觉的进行链接。
145. 使用 JavaScript打开和控制窗口
如果要使用JavaScript打开的控制窗口, 要为窗口取个名字, 并不能与其他的窗口重复。
146. 定义弹出窗口
以前要在网页定义在网页下载完成时弹出窗口,需要手工编写。在 Dreamweaver 中可
能轻松地制作出弹出窗口,并可以对弹出的窗口样式进行设置,只需要添加“打开浏览器窗
口”的行为即可完成操作。
147. 播放声音
在网页中可以使用JavaScript来播放声音, Dreamweaver 就是通过这种方式播放声音的。
另外,在<body>的bgsound标签中可以定义网页的背景音乐,并只有在网页下载完毕时才可
以开始播放, 比使用JavaScript来播放声音在触发方式上要单调。 所以一般多使用JavaScript
来播放声音。
148. 弹出信息
在网页中可以弹出信息,引起浏览者的注意,但是在一些不适合的网页中应用信息往往
适得其反,会引起浏览者的反感。所以在正常情况下不要使用太多的弹出信息。
149. 显示-隐藏 AP元素
在网页中要达到动态显示AP Div的效果, 首先要将每个 AP Div的默认可视属性设置为
“隐藏”。
150. 命名的 AP Div
在“显示-隐藏AP元素”对话框中显示了当前网页中的所有的AP Div,在列表中选择
AP Div,单击相应的按钮可以显示和隐藏 AP Div。
151. 向网页中置入文本
Dreamweaver 可以向网页中的框架、AP Div、状态栏和文本框中置入文本。这样在不
同的事件发生时,可以向上面4个对象置入不同的文本,达到不同的效果。
152. Window.location 和 new Date函数
Window.location和new Date都是JavaScript内嵌函数, window.location表示网页的地址,
new Date返回当前系统时间。在被调用时要使用大括号{}将函数括起来,以区分文本和函数。
153. 表单元素
在添加表单元素时,会提示是否加入<form>标签,因为制作跳转菜单用不到表单的处
理,所以在制作跳转菜单时,可以不用插入<form>标签。
154. 控制时间轴
在控制时间轴之前,要先建立AP Div,然后将 AP Div添加到时间轴中,这样才能对时
间轴进行控制。如果希望时间轴循环播放,要在建立时间轴时选择“循环”选项。因为要对
时间轴进行控制,所以没有必要将时间轴设置为自动播放。
155. 控制时间轴到特定的帧
在网页中可以对时间轴进行控制,在设置窗口中填入指定的帧数,并且可以设置循环的
次数。
156. 时间轴的帧
在网页中可以控制时间轴到特定的帧,同时可以在时间轴中对指定的帧进行编辑。但是
如果指定的帧不是关键帧的话,要在将这个帧定义为关键帧后,才能对其进行编辑。使用过
Flash的设计者可能对帧较为了解,时间轴的功能明显远不及 Flash。但是通过时间轴来实现
网页的动态效果也是不错的选择,同时还不需要相关的插件。
157. “检查表单”对话框中的“值”与“可接受”选项区
在“值”选项区中选中“必需的”复选框,指定此栏必需填写,并在该项的后面填加了
(R)表示必须填写;在“可接受”选项区中设定可接受的数据格式。在设置“电子邮件地
址”时该项的后面填加了(RisEmail)表示必须填写 Email地址。
158. 修改行为
可以随时修改任何属性,只需要打开“行为”面板,选中需要修改的对象,双击要修改
的动作,在弹出的对话框中修改属性参数即可,建议在检查表单行为中不要修改按钮的触发
事件。
159. 链接视频文件
由于视频文件都很大, 所在网页文件中自动播放的情况很少。有的网页设计者将视频文
件的静态图像抓下来, 将其作为链接的图像先显示出来,在浏览者单击时才播放该视频文件。
160. 内嵌视频的格式
内嵌视频的格式主要有 MPEG,QuickTime,RealVideo,ActiveMovie 等。MPEG 是由
电影专组所开发的,文件扩展名为.mpg或.mpeg。QuickTime 是苹果公司开发的多平台的多
媒体解决方案,文件扩展名为.qt或.mov。RealVideo 是在 RealAudio的基础上支持音频和视
频的流播放。ActiveMovie 和视频窗口是微软公司开发的独立的多媒体文件格式,因为不能
跨平台,所以在网终上应用较少。
161. 嵌入 QuickTime格式视频文件
在Dreamweaver 中嵌入一个 QuickTime格式视频文件的标签是<embed>, 因为存在许多
的插件类型参数,所以在 Dreamweaver 中使用插件将 QuickTime 格式视频文件嵌入到网页
中,并且可以进行无限数量的参数设置。
162. QuickTime格式参数
在“参数” 对话框中可以设置QuickTime格式参数, 主要参数有autoplay, cache, controller,href和loop。
163. RealVideo 视频数据流
RealVideo 最早是 RealNetworks 公司开发的,并提供了免费的多媒体播放器——
RealPlayer,最新版本的RealPlayer 支持了其他 Real多媒体类型,例如 RealAudio,RealFlash
和RealText等。
164. 音频格式
随着多媒体技术的发展,出现了许多音频格式,各有特点,可以根据实际情况的不同选
择适合的音频格式。主要的音频格式有.au,最早应用于 NeXT 和 Sun Unix 系统;.aiff,由
Apple开发的音频交换文件格式; .midi和.mid, 是由重新创作音乐演奏的指令组成的; .mp3,
此格式在提供高质量数字音频的同时,保持高的压缩率,现在应用极其广泛;.ram 和.rm,
采用RealAudio标准, 是第一种以流方式传输的格式; .swa, 是 Macromedia 公司的 Shockwave
音频格式并且基于mp3, 可以以流的方式传输和下载;.wav,由 Microsoft和 IBM联合开发,
在Windows系统中经常应用。
165. 背景音乐
在Internet Explorer 中支持<bgsound>,而在其他浏览器中要通过使用隐藏的<embed>标
签才能播放背景音乐。
166. <bgsound>标签属性
<bgsound>标签有 src 和 loop两个属性,分别表示播放音乐文件的地址和音乐文件播放
的次数。
167. 嵌入音频文件
在Internet Explorer 4及高版一中,嵌入的音频文件的播放是通过浏览器中内置的媒体
播放器。其他的浏览器例如 Netscape Navigator,带有自己的媒体播放器,但是在安装了其
他的媒体播放器后,例如QuickTime为 Netscape Navigator 编写的多媒体播放器插件,界面
会不同,但是不影响效果。
168. 网页编辑器中 Flash 的显示方式
在网页编辑器中Flash动画是以图标的方式出现的,在“属性”检查器中,可以更改相
应的参数,并提供单独的预览功能。
169. 关于插入 Flash 按钮和文本的问题
在网页中插入 Flash 按钮或 Flash 文本之前,必须先保存网页才可以插入 Flash 按钮或
Flash 文本,否则会出现错误。并且文件名和文件的路径中不能使用中文的路径,否则同样
会出现错误。
170. 自己制作 Flash 按钮样式
用户可以先制作出 Flash按钮模板文件(.swt) ,然后放到 Flash Button文件夹下就可以
了。
171. 在设计视图中预览 Flash 按钮的效果 同Flash动画一样,Flash按钮也可以在设计视图下预览。只要选中 Flash按钮,然后在
“属性”面板中单击“播放”按钮就可以了。另外需要注意的是,当 Flash按钮处于预览状
态下时,不能对其进行编辑修改,必须在“属性”面板中单击“停止”按钮,停止预览。
172. 使用菜单命令插入 Flash 文本
执行“插入>交互式图像>Flash文本”菜单命令,即可以插入 Flash文本,Flash按钮同
样可以使用菜单命令插入。
173. Shockwave动画文件
Shockwave 动画文件是在 Macromedia Director 中编辑生成的。由于 Shockwave 动画文
件的交到能力比较强,所以 Shockwave紧追 Flash,成为网上比较流行的多媒体文件格式之
一。
174. Fireworks 的图像分割功能
在Fireworks中,可以将一幅较大的图像分割成几个小的图像,并利用表格将小图像拼
接到一起。可以利用这样的功能加速网页的浏览。
175. 建立本地站点
建立一个本地的网站, 本地网站的根目录文件夹应该是专门为远程网站建立的。不要将
一个分区作为网站的根目录,也不要使用 Dreamweaver 程序的文件夹,一个很好的组织性
的方法是以网站名为文件夹名, 然后在这个文件夹中建立根目录中的文件夹,或是建立一个
包括每个正在设计的网站的文件夹。
176. 在网站窗口中打开网页
只要双击网页的图标, Dreamweaver 将启动编辑器编辑所选网页。 如果网页是只读属性,
Dreamweaver 将提示您是否去除网页的只读属性。
177. 预览有图像和一些外部文件的网页
在预览有图像和一些外部文件的网页时,要是一个已存在的网页文件,也就是说一个新
建的网页文件在保存之前,是不可以正常预览的,因为 Dreamweaver 生成的临时文件不能
定位图像和一些外部文件的位置。
178. 快速预览网页
在Dreamweaver 的主编辑界面中使用F12快捷键,可以快速启动主浏览器预览网页。
179. 添加次要浏览器
执行“编辑>首选项”菜单命令,弹出“首选项”对话框,在“分类”列表中选择“在
浏览器中预览”选项,单击“添加浏览器”按钮,可以添加次要浏览器。定义次要浏览器要
先在系统中安装要定义的其他浏览器, 注意记住它的安装路径, 定义时要浏览选择程序文件。
180. 使用次要浏览器快速预览网页
在Dreamweaver 的主编辑界面中使用Ctrl+F12快捷键,快速启动次要浏览器预览。
181. 内置跟踪机制 在 Dreamweaver 中将网站中各个网页文件和图像之间的联系保存在建立网站时生成的
缓存中,对整个网站的文件进行跟踪,当网站中的文件发生变动时,Dreamweaver 会提示设
计者。
182. 在“文件”面板中新建文件注意事项
在网站中新建文件时,鼠标的位置决定了建立网页的位置。例如在网站的根目录上单击
右键,建立的新文件将保存在根目录中。同样如果在子目录中单击右键新建文件,则新文件
保存在这个子目录中。
183. 快速打开编辑窗口
在“文件”面板中双击需要编辑的文件,如果设置了隔离功能,将提示是否隔离。
184. 为库的创建做准备
在 Dreamweaver 中,库是依赖于网站而存在的,所以在创建库之前,要先定义好一个
网站。
185. 创建库的另一种方法
打开“库”类别,选择重复出现的元素组合,直接将其拖动到“库”类别中。
186. 快速插入库项目
在“库”类别中选择要插入的库项目,将其拖动到网页中即可。
187. 取消库项目与网页的关联
当我们只需要把库项目中的内容加到页面中,而不需要和库进行关联时,可以在拖动库
项目到网页的同时按住 Ctrl 键,这样出现在网页中的只是库项目中的 HTML 语句,而不是
库项目。
188. 高亮度的库项目
将库项目应用到网页文件中后,在 Dreamweaver 的主编辑页面中,库项目的背影呈现
高亮度显示。在网页文件中选择这部分,就可以选中整个库项目。
189. 更新网站
通过修改库项目,可以很方便地对网站进行更新。如果在一个网站中需要大量用到同样
的元素,一定要把它定义成库项目,即使你知道这个元素以后不会改变。这样做的理由很简
单,万一在拷贝粘贴上百或上千个网页时,发现以前不小心写错了一个字,如果你没有用库
项目的话,就要重要一遍,而用库项目就方便多了。
190. 更新网页
在完成对库的编辑, 保存库文件后, Dreamweaver 会提示用户更新使用该库文件的网页。
191. 快速编辑库项目
在“库”类别中双击库项目的名称。
192. 快速新建模板 在“模板”类别中单击右下角的“新建模板”按钮,即可快速新建一个模板文件。
193. 模板提示
新建模板后,在“模板”类别中将显示几段提示。双击模板图标,Dreamweaver 将打开
一个新的窗口,可以在这个窗口中编辑模板。
194. 制作模板
制作模板的最佳方法是把一个编辑好的网页按自己的要求加以修改后存成模板, 也可以
从空白页开始编辑,将结果保存成模板。
195. 模板的功能
在一般的网页编辑软件中,也提供了模板的功能。但是它们大多都是集成在程序里,不
能进行单独的编辑。Dreamweaver 中的模板功能更加灵活,可以进行单独的编辑,这大大提
高了Dreamweaver 的扩展性。
196. 可编辑区
在模板中可编辑区对应网页中的可编辑部分,锁定区是那些不可编辑的部分,例如有共
同特征的标题和标签等。在默认的方式下,Dreamweaver 将新模板的所有部分设置为不可编
辑的区域,在保存时会提示模板中没有可编辑区域。在编辑模板时,无论是可编辑区域还是
锁定区域都是可以编辑的。但是在将一个模板应用到网页当中时,锁定区是不可以编辑的。
197. 使用另一种方法将模板应用到文件中
执行“修改>模板>套用模板到页”菜单命令,还可以将模板列表中的模板直接拖动网
页。
198. 与模板脱离
当不再需要对一个网页使用模板时,可以执行“修改>模板>从模板中分离”菜单命令,
将网页和关联的模板文件脱离, 脱离之后的网页将成为普通网页,而不再有可编辑区和不可
编辑区之分。
199. 将可编辑区去除
选中要删除的可编辑区,执行“修改>模板>删除模板标记”菜单命令,即可将可编辑
区去除。
200. 修改模板
建立了模板后,不论是可编辑区还是锁定区域都可以对其进行修改。可编辑和不可编辑
是对网页而言的。
201. 更新一个单独的网页
执行“修改>模板>更新当前页”菜单命令,只更新一个单独的网页。
202. 使用模板和库项目联合更新网站
模板和库项目的另一个重要应用是联合更新网站。在 Dreamweaver 中记录着网站中应
用了模板和库项目的网页文件, 当网页设计者对模板和库项目进行修改后, 将提示更新网站。
203. 对资源进行编辑
如果在 Dreamweaver 用户参数设置中设置了各种文件格式的扩展编辑器,那么在“资
源”面板中,只需要单击右下角的“编辑”按钮,系统就会调出相应的程序对选中的资源进
行编辑。
204. 新建颜色资源和链接资源
只要在收藏夹方式下单击“新建颜色”或“新建 URL”按钮,就可以在跳出的颜色选
取面板或“添加URL”对话框中建立新的资源了。
205. 手动更新网站资源列表
当在 Dreamweaver 中添加或者删除了网站资源后,必须单击“刷新站点列表”按钮来
刷新网站资源列表,才可以在“资源”面板中显示出资源的变化情况来。而如果是在
Dreamweaver 之外,比如 Windows 的资源管理器中,添加或者删除了网站资源,还必须在
“资源”面板的子菜单中使用“重建站点列表”命令重新建立网站资源列表,才能更新“资
源”面板。
206. 快速重新建立网站资源列表
在单击“刷新站点列表”按钮的同时,按住 Ctrl键,可重新建立网站列表。
207. 管理资源注意
“资源” 面板中显示的网站资源经常和网站窗口中显示的网站不一致,这是因为“资源”
面板是和当前正在编辑的网页相联系的,即当前正在编辑的网页属于哪个网站,“资源”面
板就显示这个网站的资源。只要注意观察“资源”面板的标题栏,就可以知道当前显示的是
哪个网站的资源了。
208. 无法对颜色和链接资源定位
因为并没有实际的文件存在,所以对这两种资源是无法进行定位操作的。
209. 页面元素的定位
在普通设计中,页面元素定位使用的是无边框的表格,一般效果都还不错;还可以用新
增的排版表格和排版单元格来进行定位。
210. 页面的背景与风格设置
在许多网站上我们都能看到,信息量越多,主页面就挤得越紧,这就需要细致地安排内
容布局。相反,许多个人站点因为并不是以信息量吸引人,所以其页面的美工设计就成了重
头戏,每一种色彩,每一个空白部分都需要精心规划。个人站点上一般还有着几张富有个性
的背景图片,但对于那些信息量多的网站,背景太深或太显眼都会严重影响到内容的阅读,
这时一般只用一些淡色的背景甚至根本不用。
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代码来实现。直接在超链接标签<a>中添加“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. 替换图片技巧
如果对一张图片不满意,想更换另一张,最简单的方法双击此图片,直接选择要替换的
图片即可。
241. 网页预览不正确问题
在预览网页之前最好先保存一下,有时候在不能正确预览网页,而存一下就可能会解决
这个问题。
242. 表格下载问题
表格的特点是只有整个表格的内容全部被浏览器下载下来才会一次性显示, 所以表格里
面东西太多,可能浏览器要花很长时间去下载而屏幕上始终没内容。 如果表格太长,要么
嵌套一下,要么分成几个表格以加快显示。最好把表格在纵向分开,比如原来一个 3 行 3
列的表格,将其改为3个1行3列的表格。
243. 表格与 AP Div 嵌套的问题
尽量不要在表格单元里面放AP Div,不过在 AP Div里面放表格基本没问题。
244. 怎样将 Dreamweaver 集成到 IE 浏览器?
Dreamweaver 安装程序会在上下文选单增加一个“在 Dreamweaver 中编辑”命令,
还可以修改 Windows 的注册表使它与 IE 集成。 就像 Word、 Frontpage 和 Notepad一样,
通过 IE 工具栏的编辑按钮来调用Dreamweaver 打开当前网页。
将下面文本的最后一行要改为自己的 Dreamweaver 安装路径,把它们保存为一个
*.reg 文件,双击它将信息添加到注册表即可。
REGEDIT4
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver]
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell]
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit]
[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit/command]
@="C:/Program files/Macromedia/Dreamweaver 3/dreamweaver .exe %1"
如果要设置为IE 缺省的编辑器,打开 IE 的“Internet 选项” ,在程序标签指定。
245. 为了使用某些脚本,经常要为图形或文本加上空链接,但是浏览时点击有空链接的对
象时,会跳到页面的顶端,如何避免?
因为浏览器以为链接到同一页,可它又找不到定义的锚记,于是停留在页面的顶端。用
“ javascript:void(null)”替换空链接的“#”,解决这个问题。
246. 使用 CSS、AP Div的时候,在不同浏览器的效果不一样,有时甚至出现错位现象,怎
样解决?
在对不同浏览器的兼容方面,Dreamweaver 作得不错,但绝不意味用 Dreamweaver
制作的网页在IE 和Netscape中完全一样。通常情况下,用不同的浏览器浏览同一个网页的
外观不可能完全一样,这是不同厂家的浏览器本身决定的。
一般要尽量注意以下问题:
不要混合使用 AP Div 和表格排版,如果是父子关系,如AP Div 中表格,不在此原则范
围内;
内联式的CSS 在Netscape Navigator 中经常会出现问题,使用链式或内嵌式;
有时需要在空AP Div 插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。
对于只有几个像素宽度或高度的层,改用图片来实现;
避免使用W3C组织不推荐的排版属性,用 CSS 代替。
247. 为何从别的文档拷贝文本到 Dreamweaver,所有的段落会挤成一团,而在
Dreamweaver内部又带有格式代码?
Dreamweaver 复制和粘贴文本有二种类别,标准的方式将对象连同对象的属性一起复
制,把剪贴板的内容作为HTML 代码;另一种方式仅复制或粘贴文本,复制时忽视 html格
式,粘帖时则把html代码作为文本粘贴。多按一个“Shift” ( Ctrl+Shift+C/Ctrl+Shift+V )
键即按后一种方式操作。
248. 为什么网页用 IE 浏览正常,用 Netscape Navigator 却不符合要求甚至出错,而且
在 Dreamweaver的文档窗口老是修改不好? 请检查代码。 因为用所见所得编辑器反复修改页面的某些部分,有时会留下一些多余的
代码,比如多余的链接,这些代码在 Dreamweaver的文档窗口看不到,IE 会忽视它们。但
是Netscape Navigator 对代码要求更严格,预览时就出现不可思议的现象。
249. 在 Netscape Navigator 中,有些锚记不起作用,有些好像消失了?
Netscape Navigator 的锚记是大小写敏感的。在 Navigator 中,多层嵌套的表格里面的
锚记会丢失,把锚记放到表格外面。
250. Dreamweaver 文档窗口布满了各种各样的面板,为了编辑文档,不得不扒开一个个
空隙,太累,如何是好?
一个 800X600 分辨率的屏幕对于 Dreamweaver 来说确实小了些,不过即便是
1024X768 ,也放不下所有的面板。关键是好好组织。
关闭那些在编辑中暂时用不到的面板,把常用的面板放在一起,节省屏幕空间;
除非现在要用,否则关闭
251. Head 对象面板只能添加内容,能在文档窗口修改 < head> 标记的内容吗?
可以。有一种非常直观的方式,按快捷键Ctrl+Shift+H 或执行“查看>文件头内容”菜
单命令,在“文档”栏下出现一行图标,点击这些图标修改。
252. 如何选择表格、层里面那些非常小的,比如 1X1px 的图片?
在表格的单元格中单击,然后按下 Shift 键,用箭头键移动即可选择。
也可先选定表格单元(按下 Ctrl 键,用鼠标单击相应单元)或者 AP Div,然后在代码
视图中选择高亮代码中的< img src="...">,返回文档窗口,图片即被选择。
253. 怎样编辑一个框架系的标题名称?
按快捷键 Ctrl+F10,打开“框架”面板,单击最外面的框,按快捷键 Ctrl+J或执行“修
改>页面属性”菜单命令。
254. 如何改变“行为”的缺省事件?
事件设定文件放在 Dreamweaver 安装目录下的“/Configuration/Behaviors/Events/”
文件夹,比如对于4.0以上版本浏览器,打开文件“4.0 and Later Browsers.htm”。
<A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp=""
onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
将“onClick="*"”中的”*”移到“onMouseOver=""”中,改为:<A onClick=""
onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown=""
onMouseOut="" onMouseOver="*" onMouseUp="">
重新启动 Dreamweaver ,该类缺省事件即变为“onMouseOver ”。其他类推。
255. 在打开一个页面时,同时打开一个小窗口,用 Dreamweaver 能够实现吗?
能,不用写一行代码。在“行为”面板使用内置的“打开浏览器窗口”脚本,设定页面、
窗口大小、属性。
256. 插入表格时,在表格单元中老是有个空格(< td> < /td>) ,怎样才能不让它产生?
这是Dreamweaver 自动生成的, 不要删除它。 如果表格单元里没有任何东西, Netscape Navigator 将不显示该单元。
257. 模板文档的< head>标记里,除了网页主题外不能编辑,怎样才能将行为加入到基于
该模板的网页?
转换到代码视图中,在模板文档的“</head>”前加入可编辑标记,如下:
< !-- #BeginEditable "Javascript" -->
< script language="JavaScript">
< /script>
< !-- #EndEditable -->
258. 在合作开发和管理网站时,使用 Dreamweaver 的登记/检查系统,是否为远程服务
器的网站的相关文件加上了不同的访问权限?
存回和取出是Dreamweaver 内部使用的一种管理机制,它与文件的属性无关。“取出”
意味着该文件正被我使用,别人不能编辑它; “存回”则表示该文件可以被别的同事取出及
编辑,本地的文件就会变成只读,防止自己改变它的内容。
Dreamweaver 通过在本地和远程服务器上产生相应的.lck 文件来实现存回和取出功
能,这些文件在 “文件” 面板中不显示, Dreamweaver能够读这些文件, 它只对Dreamweaver
有效。并没有为文件加上什么属性。如果用别的 Ftp工具和编辑器,仍旧可以打开它们。
259. 作网页时,鼠标飞舞,经常改变了设置好的图片的大小。能够不重新查看图片就纠正
吗?
如果图片的大小不符,在“属性”面板,它的值会变成显目的粗体,单击“重置”按钮,
就可恢复成真实大小。
260. 如何才能单击一个链接,同时改变多个框架?
最直接的方法就是为该链接建立一个框架系。
用Dreamweaver的“转到URL”行为更简单。对话框显示所有的框架,在下面的URL
文本框中填入相应的页面就可以了。
261. 想给文本加上行为,可是“行为”面板上的项目都是灰暗的,不可选的,怎么办?
以前遇到这种情况,我一般在文本旁边插入一张图片,把需要的行为加在图片上。然后
再编辑代码,移到文本上,并去掉图片。
上面的作法较繁琐,便捷的方式是将文本链接到“javascript:void(null)”,那些行为就
老老实实显露出来了。
262. 把使用了行为的AP Div放进库项目中时, Dreamweaver不让AP Div的行为跟着走,
怎么办?
可以使用模板来制作。
263. 检查 Flash插件并重定向的脚本有时不正常,还有别的方法吗?
制作 Flash 网页时,人们习惯使用Dreamweaver 的“检查插件”行为来重定向。但是
有时它会错报,明明安装了插件,却说没有。下面介绍一种稳妥的方法来重定向。
制作一个新的首页作为重定向的页面。用“head ”对象面板的“刷新”定向到未使用
Flash 技术的网页。它会在页面头部加上如下代码:<meta http-equiv="refresh" content="4;URL=noflash.htm">
另作一个很小的 Flash 影片,在第一帧加上一个 Get url 行为,指向使用 Flash 技术的
页面。把这个小影片嵌入到用来定向的首页。
显然,这个重定向的页面是非常可靠的。
264. 如何解决切割图片的间隙
首先需要将表格的边距、间距和边框设置为零,只要注意在分割图片时切片之间的距离
和表格的设置就行了。
265. 关于页面的靠边
执行“修改>页面属性”菜单命令,弹出“页面属性”对话框,在该对话框中将“左边
距” 、 “上边距” 、 “右边距”和“下边距”都设置为 0就可以了
266. 为什么会出现黄颜色的标识符
这是由于网页代码中标识符不匹配或非法标识符引起的, 解决方法就是删除掉非法标识
符或改正不正确的代码。
267. 插件是什么
插件是 Dreamweaver 的一个独特功能,使用它可以扩充 Dreamweaver 的功能,比如
说在网上下载了个可以制作动态下拉菜单的插件, 那么以后只要轻点几下鼠标设置一下就会
制作出个动态下拉菜单来,不会再像以前那样费事了。
268. 创建自定义命令
Dreamweaver 的一个最有用的功能就是 “历史” 面板。 基于 “历史” 面板, Dreamweaver
能够创建新的命令序列,要创建一个命令, 只需要简单地执行想要记录的步骤。 然后,在“历
史”面板中,选择想要保存的步骤,并在右下角点击“保存为”图标,起一个名字,单击“确
定”按钮。此时,自定义命令就出现在“命令”菜单中,可以随意使用了。
269. 去掉图片和表格接触地方的空隙
要使图片和表格接触的地方不留空隙,仅在表格属性面板上把边框设为 0是不行的, 还
需要在表格的“属性”面板上把单元格的两个属性设为 0(即 cellspacing="0"和
cellpadding="0") 。
270. 用跟踪图像帮助定位网页中各元素的位置
“跟踪图像”是Dreamweaver一个非常有效的功能,它允许用户在网页中将原来的平
面设计稿作为辅助的背景。这么一来,用户就可以非常方便地定位文字、图像、表格、层等
网页元素在该页面中的位置了。 跟踪图像的具体使用是这样的:首先使用各种绘图软件作出
一个想象中的网页排版格局图,然后将此图保存为网络图像格式(包括 gif、jpg、jpeg 和
png) 。用 Dreamweaver 打开你所编辑的网页,在菜单中选择“修改>页面属性”,然后在弹
出的对话框中的“跟踪图像”项中输入刚才创建的网页排版格局图所在位置。再在图像透明度
中设定跟踪图像的透明度,OK。这样你就可以在当前网页中方便地定位各个网页元素的位
置了。使用了跟踪图像的网页在用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就是相对于上一级绝对定位;如果文本框中没有数值,那么该 AP
Div 就是相对于上一级相对定位。添回和删除该数值也是 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,也在多个场合中明确表示不保证检索全部的动态网页。
因此,除非是超大型网站,为方便起见不得不采用动态网页生成技术,否则还是尽量使
用静态网页为好。