Dreamweaver 技巧荟萃.docx

Dreamweaver 技巧荟萃网站建设技术 驻马店市龙山通用机械有限公司宣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源文档中输入“ ”代码。9HTML 源代码下工作单击“文档”工具栏上的“代码”按钮，转换到代码视图中，可以在这里进行HTML标签及内容的输入。还可以单击“折分”按钮，Dreamweaver 折分为代码视图和设计视图两个部分，可以同时输入HTML标签和网页内容。10. HTML 标签的作用范围HTML标签需要在HTML源代码状态下输入才有效，例如在编辑区直接输入“ ”，显示在编辑区屏幕上的主是“ ”字符串，而在HTML源代码中输入“ ”，在编辑区屏幕上没有任何显示，在浏览时则是一个半角空格。11. 特殊字符在编辑区中的显示在编辑状态下，特殊字符并不显示为最终的样子。而是有两种情况，一是什么也不显示，一是显示特殊字符的代码，如版权符显示为：“©”。12. 插入特殊字符的方法这些代码是直接写到HTML 代码中去的，而直接在编辑区中输入的则只显示为普通字符。13. 输=borderedDe入其他字符在“插入”栏上的“文本”选项卡中的最后一个按钮是“字符”按钮，单击该按钮，在弹出菜单中选择“其他字符”选项，弹出“插入其他字符”对话框，在该对话框中列出了英文中所有的特殊字符，用户可以从中选择所需要的字符。14. 经常保存在进行到一个比较确定的步骤时，建议保存文件。这样做有两个好处：一是可以防止忽然断电等原因引起的数据丢失；二是可以清除不必要的撤消步骤，释放内存。15. 标签选择器安位于状态栏的最左边，标签选择器中显示的是光标所在位置周围的HTML 标签，当选择其中一个HTML标签时，这个HTML标签及其中的内容都将被选中。在许多情况下，例如在表格嵌套时，如果嵌套的表格边框和空白都设置为0 时，通过鼠标几乎不可能准确地选中每个表格，此时利用标签选择器就可以轻松快捷地进行选择。16. 剪切“剪切”命令的作用类似于复制，不同的是，“剪切”命令在复制内容后，把原来的内容删除。所以在想把一部分内容移到另一部分去的时候，可以先剪切原内容，然后在新加内容的地方进行粘贴。17. 通过鼠标拖放进行复制与粘贴选中要复制的文字后，把鼠标移到选择区上，然后可以直接拖动将它移到新的位置，如果按下Ctrl键，则相当于复制后粘贴。18. 从Word 获取大量文本内容Word 是常用的文字处理软件，可能网页中许多内容需要从Word 中获取。直接通过粘贴的方法需要手工进行分段，而通过作为文本粘贴的方法则需要手工删除多余的换行标签，而且这两种方法都将丢失文字属性的信息。常用的方法是，先把Word 文档保存为HTML 格式，然后通地Dreamweaver 打开，再执行“命令清理Word生成的HTML”菜单命令进行代码优化。19. 在两个HTML 文档之间工作利用Dreamweaver 可以同时对多个HTML文档进行编辑，经常会需要把一个HTML文档的文字复制到别一个文档中，此时需要注意两种情况，如果想连同文字格r_e_s_u_l_式（例如大小、字体、颜色等）原封不动地直接复制到另一个HTML文档中，可采用常规的“拷贝”和“粘贴”方法。如果只需要文字内容，而不需要复制文字的格式，这时可以通过“拷贝”和“粘贴HTML”的方法进行。20. 个人词典有一些专有名词Dreamweaver 不认识，可以把它们加入个人词典，这样在拼写检查时Dreamweaver 就不会对这些单词报错了。21. 插入的图像地址在 HTML 文档中插入图像其实只是写入一个图像链接地址，而不是真的把图像插入到文档中。22. 使用相对地址和绝对地址的方法在网页中插入图像，在弹出的“选择图像源”对话框中，如果在“相对于”下拉列表中选择“文档”选项是使用相对地址；而选择“站点根目录”选项是使用绝对地址。23. 图像文本说明的作用图像的文本说明起到两个作用。第一是当鼠标移动到这些图片上时，如果给图像加上了说明文本，浏览器可以在鼠标指针右下方弹出一个黄底的说明框，为浏览者提供提示。第二是当浏览器禁止显示图片时，如果给图像加上了说明文本，可以在图片的位置显示出这些文本。24. 低分辨率图像与图像渐进在浏览网页时，会碰到这样的一种情况：图像首先非常模糊，然后会渐渐变得清晰。这种情况叫图像渐时。图像渐进是在保存图像时进行设置的，无论是GIF和JPEG都可以设成渐进模式。它和低分辨率图像不同的是，它并没有一个专门的缩略图文件，所以它的下载时间小于低分辨率图像加原图像的下载时间。在多数情况下，推荐采用图像渐进的方法来角决浏览者等待的情况。25. 为鼠标经过图像加入超链接可以在“插入鼠标经过图像”对话框中的“按下时，前往的URL”文本框中输入它的超链接，也可以单击鼠标经过图像后，在“属性”面板上的“链接”文本框中输入它的超链接。26. 改变导航按钮的顺序在导航条插入完毕后，如果对导航按钮的顺序不满意，可以通过“插入导航条”对话框中的向上或向下三角按钮进行调节。27. 修改导航条导航条插入完毕后，如果还想对它进行修改，可以参照下面的方法进行。再次单击“插入”栏上的“常用”选项卡中的“导航条”按钮，此时会弹出一个提示框，提示每页只能有一个导航条，而本页已经有一个导航条了，是否需要对它进行修改。单击“确定”按钮就可以调出“修改导航条”对话框对导航条进行修改。28. 理解URLURL（Uniform Resource Locator，统一资源定位符）是对文件名的扩展。在单机系统中，定位一个文件需要路径和文件名称，对于遍布全球的Internet 网，显然还需要知道文件存放在哪个网络的哪台主机中才行。在单机系统中，所有的文件都由统一的操作系统管理，因而不必给出访问该文件的方法；而在Internet 中，各个网络、各台主机的操作系统可能不一样，因此必须指定访问该文件的方法。29. 标题的作用标题经常被网页初学者忽略，因为它对网页中的内容不产生任何影响。其实在我们浏览网页时，会在浏览器的标题栏和状态栏中看到网页的标题，在进行多个浏览器窗口切换时，它可以很明白地提示当前网页信息。而且，当浏览者收藏一个网页时，也会把网页的标题列在收藏夹中。如果不对网页标题进行任何设置，Dreamweaver 会自动给网页加上一个“无标题文档”，这会给人一种不专业的感觉，所以在制作网页时，应该加上标题。30. 跟踪图像跟踪图像是网页排版的一种辅助手段，主要是用来进行图像的对位，它只在网页编辑时有效，对HTML文档并不产生任何影响。31. 关键字及网页说明的作用输入一个关键字检索时，在搜索引擎上不仅可以查到很多网站，还可以查到很多网页。大部分搜索引擎在查询网页时都是根据头元素里的关键字来进行的，显示的内容也是在头元素中的描述。当然，现在大的搜索引擎一般都可以做到网页的全文检索了，不过为了使网页可以适合更多的搜索引擎，在头部加入关键字和描述是十分有益的。32. 快速打开“历史记录”面板使用快捷键Shift+F10 可以快速打开“历史记录”面板。33. 重做操作的对象如果要重做的操作是设置对象（文字或图像等）的属性，一定要先选中相应的对象。34. 选择性的重做在“历史记录”面板中选择一步或多步操作，然后单击“重放”按钮。35. 修改批处理命令保存的批处理命令在“命令”菜单中出现。可以打开“命令”菜单，选择“编辑命令列表”命令来对命令列表进行编辑，在弹出的“编辑命令列表”对话框中可以更改命令的名称或删除不需要的命令。36. 录制命令在录制命令期间无法使用鼠标的选择功能，除了“修改”工具栏、“属性”面板和各个面板中的内容，所以在编辑网页时使用键盘是相当必要的。37. 使用键盘选择文字按住Shift键，然后按左右方向键可以选择文字。38. 清除特定标签在网页设计时，应用样式表的同时可能还用到标签，这些标签是冗余的，在清除特定标签栏中填入可以将它们清除掉。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. 删除或者修改一个表单如果想删除或者修改一个表单，可以通过右键单击红色虚线框打开快捷菜单，在其中选择“删除标签”选项，可以删除表单。选择其他项目可以对表单进行修改。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代码看到，它们分别位于和标签中。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与JavaJavaScript与Java 是两种不同的语言。JavaScript的开发公司是Netscape，是一种解释性脚本语句，应用范围仅限于Web。Java 是由Sun 公司开始的一种全新的跨平台语言，和C类似，是编译性语言，应用范围不仅仅限于Web，可能广泛应用于应用程序开发。两者之所以经常混淆，是因为Netscape 为了占领脚本语言市场，在得到Sun 公司的允许下把自己的脚本语言加上了个时髦的“Java”。99. JavaScript函数的位置JavaScript函数可以位于HTML的与区，为了减少出错以及增强可读性，一般把函数放在区中。100. 面向对象的编程面向对象的编程现在已经不是一个新名词了，几乎所有的语言都宣称是面向对象的，JavaScript也是这样。面向对象编程最基本的特征就是对象、属性和方法。101. HTML 标签样式和组合样式选择“重定义HTML”标签选项，可以直接定义HTML 语言中各种标签的样式，样式一经定义就在整个HTML文件中通用。选择“使用CSS选择器”选项，可以定义组合样式（两个或两个以上CSS 元素组合）以及具有特殊序列号（ID）的样式元素。Dreamweaver提供了四种给定的组合样式，分别是激活的链接a:active；当前链接a:hover；链接a:link；访问过的链接a:visited；通过对这几个元素的定义可以在网页中非常方便地实现简单的链接交互效果。102. 使用标签选择器应用样式为了更准确地选取要应用样式的页面元素，可以使用标签选择器选中元素，单击鼠标右键，在右键菜单中的“设置类”子菜单中选择要应用的样式。103. 标签中的样式表在标签中的内容应用样式表，包括子标签，例如、和等，但对于的标题标签和、的表格标签例外。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. 改变类型中的对象的属性要改变类型中对象的属性，必须先加入标签。否则，在“命名对象”下拉列表中将无法找到对象。在加入标签后，Dreamweaver 会先找到对象，然后再确定要改变的对象。139. “检查浏览器”动作通常“检查浏览器”动作被指定到标签，并使用onload事件。140. “检查插件”的操作检查插件后，“检查插件”将向拥有相应插件的访问者传送包含多媒体内容的网页，而将向那些没有安装相应插件的访问者传送一个提供下载插件服务的网页。141. 对Shockwave和Flash 对象进行命名要对 Shockwave和Flash对象进行命名，否则Dreamweaver 会提示用户，如果不对对象命名则不能创建行为动作。142. 拖动AP 元素的设置在“拖动AP 元素”对话框的“基本”选项卡中可以在“移动”下拉列表中选择“限制”选项，在后面会出现上下左右输入框，可以输入适当的数值，使AP Div在规定的范围内拖动。在“高级”选项卡中可以选择拖动AP Div的范围，当拖动时和拖动后调用JavaScript。143. 跳转网页如果在网页中存在框架，可以选择在特定的框架中打开跳转的网页，同时也可以在“行为”面板中设定触发的事件。144. 跳转网页的设置在利用单击网络广告赚钱的情况下，可以利用标签的事件来作弊。添加一个跳转网页的行为，将网页设置为正常的浏览网页，并将事件定义为Onfocus，再定义一个跳转网页的行为，将网页设置为广告商的网页，并将事件定义为Onblur，这