DW学习笔记范文.docx

1、DW学习笔记范文DW学习笔记范文 一、快捷键。 、F4：打开隐藏面板。 二、 、Dreamweaver 技巧荟萃. 1 同时链接两个网页 通常在网页中设置的超链接一次只能链接到一个网页中， 如果需要在不同的框架页中打 开新页面，可以使用“转到 URL”行为来实现。打开一个有框架的网页，选择页面中的需 要设置链接的文字或图像，单击“行为”面板上的“添加行为”菜单命令，在弹出菜单中选 择“转到 URL”选项，弹出“转到 URL”对话框，在该对话框中显示所有可用的框架，选 择其中一个需要设置链接的框架并输入相应的后再选择另一个框架并输入另一个 。 2 不要为网页文件使用中文名称 在制作网页时，初学者

2、起一个容易记忆的中文名称作为文件名，这种做法是不正确的。 因为 Dreamweaver 对中文文件名称支持得不是太好，经常会有页面调用不正确的现象发生， 所以在 Dreamweaver 中保存网页的时候，尽量使用英文或者数字作为文件名称，这样就可 以避免上面的出错现象。 3 设置不同分辨率 制作好的网页在本地计算机上浏览时很正常， 但在另外一台计算机上浏览时发现原本漂 亮的网页变得歪歪扭扭了。这主要是因为每台计算机的分辨率不同所导致的，为了使所制 作的网页在不同分辨率的计算机上都能正常显示，在 Dreamweaver 中得到了较好的解决， 在文档窗口的右下角，Dreamweaver 显示当前文

3、档被设计成的分辨率大小。单击数字，在 弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使设计的网页更具灵活性， 使不同分辨率的显示器都能较好地显示。 4 图像拖放技巧 在使用 Dreamweaver 网页的时候，经常需要插入一些图像什么的，如果要插入的 图像很多， 按照常规方法来操作就显得非常麻烦。 可以利用拖放技巧来很好地解决这个问题。 可以打开“文件”面板，在本地站点中的找到 _文件夹，在该文件夹中将 _一一拖入页 面中相应的位置，Dreamweaver 将自动把这些图像的路径地址添加到文件的 HTML 代码中。 5 巧妙 _文字 如果从 Dreamweaver 中 _区中的文字到

4、另外一个应用程序的时候，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）；（

5、Ctrl+4）标题 4；（Ctrl+5）标题 5；（Ctrl+6） 标题 6。 7 同时多个 HTML 文档 在 Dreamweaver 中，可以同时对多个 HTML 文档进行，只要执行“文件新建”或“文件打开”菜单命令，就可以在不退出当前文档的情况下，新建或打开另一个 HTML 文档进行。 8 输入连续空格 在每段的开头，一般都要空两个格，而直接用空格键只能输入一个半角空格，然后无论如何键入空格都不起作用。可以通过下面两个方法来实现输入空格。 切换到中文输入状态， 把标点状态设置为全角中文，就可以随心所欲地输入全角空格了。 光标定位需要输入空格的位置，转换到代码视图中，在 HTML 源文档中

6、输入“ ”代码。 3CTRL+SHIFT+空格键。 4在文本工具栏的最后一项中找到不换行空格。 5首选参数常规允许多个连续的空格（选中）(此法为一劳永逸的方法)。 9 HTML 源代码下工作 单击 “文档” 工具栏上的“代码” 按钮 ，转换到代码视图中， 可以在这里进行 HTML 标签及内容的输入。还可以单击“折分”按钮 ，Dreamweaver 折分为代码视图和设计视图两个部分，可以同时输入 HTML 标签和网页内容。 10. HTML 标签的作用范围 HTML 标签需要在 HTML 源代码状态下输入才有效， 例如在区直接输入“ ”， 显示在区屏幕上的主是“ ”

7、字符串，而在 HTML 源代码中输入“ ” ，在编 辑区屏幕上没有任何显示，在浏览时则是一个半角空格。 11. 特殊字符在区中的显示 在状态下， 特殊字符并不显示为最终的样子。 而是有两种情况，一是什么也不显示， 一是显示特殊字符的代码，如版权符显示为： “©”。 12. 插入特殊字符的方法 这些代码是直接写到 HTML 代码中去的，而直接在区中输入的则只显示为普通字符。 13. 输入其他字符 在“插入”栏上的“文本”选项卡中的最后一个按钮是“字符”按钮，单击该按钮，在弹出菜单中选择“其他字符”选项，弹出“插入其他字符”对话框，在该对话框中列出了英文中所有的特殊字符，用户可

8、以从中选择所需要的字符。 14. 经常保存 在进行到一个比较确定的步骤时，建议保存文件。这样做有两个好处：一是可以防止忽然断电等原因引起的数据丢失；二是可以清除不必要的撤消步骤，释放内存。 15. 标签选择器 安位于状态栏的最左边，标签选择器中显示的是光标所在位置周围的 HTML 标签，当选择其中一个 HTML 标签时，这个 HTML 标签及其中的内容都将被选中。在许多情况下，例如在表 格嵌套时，如果嵌套的表格边框和空白都设置为 0 时，通过鼠标几乎不可能准确地选中每个表格，此时利用标签选择器就可以轻松快捷地进行选择。 16. 剪切 “剪切”命令的作用类似于 _，不同的是，“剪切”命令在 _内

9、容后，把原来的内容删除。所以在想把一部分内容移到另一部分去的时候，可以先剪切原内容，然后在新加内容的地方进行粘贴。 17. 通过鼠标拖放进行 _与粘贴 选中要 _的文字后，把鼠标移到选择区上，然后可以直接拖动将它移到新的位置，如果按下Ctrl 键，则相当于 _后粘贴。 18. 从 Word 获取大量文本内容 Word 是常用的文字处理软件，可能网页中许多内容需要从 Word 中获取。直接通过粘贴的方法需要手工进行分段，而通过作为文本粘贴的方法则需要手工删除多余的换行标签，而且这两种方法都将丢失文字属性的信息。常用的方法是，先把 Word 文档保存为 HTML 格式，然后通地 Dreamweav

10、er 打开，再执行“命令清理 Word 生成的 HTML”菜单命令进行代码优化。 19. 在两个 HTML 文档之间工作 利用 Dreamweaver 可以同时对多个 HTML 文档进行，经常会需要把一个 HTML 文档的文字 _到别一个文档中，此时需要注意两种情况，如果想连同文字格式（例如大小、字体、颜色等）原封不动地直接 _到另一个 HTML 文档中，可采用常规的“拷贝”和“粘贴”方法。如果只需要文字内容，而不需要 _文字的格式，这时可以通过“拷贝”和“粘贴 HTML”的方法进行。 20. 个人词典 有一些专有名词 Dreamweaver 不认识，可以把它们加入个人词典，这样在拼写检查时D

11、reamweaver 就不会对这些单词报错了。 21. 插入的图像地址 在 HTML 文档中插入图像其实只是写入一个图像，而不是真的把图像插入到文档中。 22. 使用相对地址和绝对地址的方法 在网页中插入图像，在弹出的“选择图像源”对话框中，如果在“相对于”下拉列表中选择“文档”选项是使用相对地址；而选择“站点根目录”选项是使用绝对地址。 23. 图像文本说明的作用 图像的文本说明起到两个作用。第一是当鼠标 _到这些 _上时，如果给图像加上了说明文本，浏览器可以在鼠标指针右 _弹出一个黄底的说明框，为浏览者提供提示。第二是当浏览器禁止显示 _时，如果给图像加上了说明文本，可以在 _的位置显示出

12、这些文本。 24. 低分辨率图像与图像渐进 在浏览网页时，会碰到这样的一种情况：图像首先非常模糊，然后会渐渐变得清晰。这种情况 叫图像渐时。图像渐进是在保存图像时进行设置的，无论是 GIF 和 JPEG 都可以设成渐进模式。它和低分辨率图像不同的是，它并没有一个专门的缩略图文件，所以它的下载时间小于低分辨率图像加原图像的下载时间。在多数情况下，推荐采用图像渐进的方法来角决浏览者等待的情况。 25. 为鼠标经过图像加入超链接 可以在“插入鼠标经过图像”对话框中的“按下时，前往的 URL”文本框中输入它的超链接，也可以单击鼠标经过图像后，在“属性”面板上的“链接”文本框中输入它的超链接。 26.

13、改变导航按钮的顺序 在导航条插入完毕后，如果对导航按钮的顺序不满意，可以通过“插入导航条”对话框中的向上或向下三角按钮进行调节。 27. 修改导航条 导航条插入完毕后，如果还想对它进行修改，可以参照下面的方法进行。 再次单击“插入”栏上的“常用”选项卡中的“导航条”按钮，此时会弹出一个提示框，提示每页只能有一个导航条， 而本页已经有一个导航条了， 是否需要对它进行修改。 单击“确定”按钮就可以调出“修改导航条”对话框对导航条进行修改。 28. 理解 URL URL（Uniform Resour _ Locator，统一资源定位符）是对文件名的扩展。在单机系统中，定位一个文件需要路径和文件名称，

14、对于遍布全球的 Inter 网，显然还需要知道文件存放在哪个网络的哪台主机中才行。在单机系统中，所有的文件都由统一的操作系统管理，因而不必给出访问该文件的方法；而在 Inter 中，各个网络、各台主机的操作系统可能不一样，因此必须指定访问该文件的方法。 29. 标题的作用 标题经常被网页初学者忽略，因为它对网页中的内容不产生任何影响。其实在我们浏览网页时，会在浏览器的标题栏和状态栏中看到网页的标题，在进行多个浏览器窗口切换时，它可以很明白地提示当前网页信息。而且，当浏览者收藏一个网页时，也会把网页的标题列在收藏夹中。 如果不对网页标题进行任何设置，Dreamweaver 会自动给网页加上一个“

15、无标题文档”，这会给人一种不专业的感觉，所以在制作网页时，应该加上标题。 30. 跟踪图像 跟踪图像是网页排版的一种辅助手段，主要是用来进行图像的对位，它只在网页时 有效，对 HTML 文档并不产生任何影响。 31. 关键字及网页说明的作用 输入一个关键字检索时，在搜索引擎上不仅可以查到很多 _，还可以查到很多网页。 大部分搜索引擎在查询网页时都是根据头元素里的关键字来进行的， 显示的内容也是在头元 素中的描述。当然，现在大的搜索引擎一般都可以做到网页的全文检索了，不过为了使网页可以适合更多的搜索引擎，在头部加入关键字和描述是十分有益的。 32. 快速打开“历史记录”面板 使用快捷键 Shif

16、t+F10 可以快速打开“历史记录”面板。 33. 重做操作的对象 如果要重做的操作是设置对象（文字或图像等）的属性，一定要先选中相应的对象。 34. 选择性的重做 在“历史记录”面板中选择一步或多步操作，然后单击“重放”按钮。 35. 修改批处理命令 保存的批处理命令在“命令”菜单中出现。可以打开“命令”菜单，选择“命令列 表”命令来对命令列表进行，在弹出的“命令列表”对话框中可以更改命令的名称 或删除不需要的命令。 36. 录制命令 在录制命令期间无法使用鼠标的选择功能，除了“修改”工具栏、 “属性”面板和各个 面板中的内容，所以在网页时使用键盘是相当必要的。 37. 使用键盘选择文字 按

17、住 Shift 键，然后按左右方向键可以选择文字。 38. 清除特定标签 在网页设计时，应用样式表的同时可能还用到标签，这些标签是冗余的， 在清除特定标签栏中填入可以将它们清除掉。 39. “清理 Word 生成的 HTML”对话框 在清理 Word 生成的 HTML 格式时，对于繁多的选项有的人可能不知所措，这时完全可 以在默认的选项下清除格式，因为 Dreamweaver 中默认的选项完全可以达到清除的目的。 40. _相册 在创建 _相册时，Dreamweaver 会生成一个批处理的操作，启动 Fireworks，在其中 执行这个批处理操作，将生成缩略图和全屏的图像，再由 Dreamwe

18、aver 创建各个图像的网 页。 41. 格式化 HTML 源代码 Dreamweaver 的 HTML 源代码配置文件在 Dreamweaver _目录下 Configuration 子文 件夹中的 Sour _For _t. _ 文件中。在这个文件中包含了对 HTML 源代码的缩进、行的长度 和标签与属性的名称等设置。 42. 使用另外两种方法插入表格 可以执行“插入表格”菜单命令，或使用快捷键 Ctrl+Alt+T 快速插入表格。 43. 表格宽度设置 插入表格时，可以对插入的表格的宽度进行设置。可以设置为百分比，这个比例是相对于网页大小而言的。如果要精确地指定表格宽度的话，可以选择“像

19、素”做为表格宽度的单位。 44. 快速选择整个表格 将光标放在表格中的单元格内，使用快捷键 Ctrl+A 选中鼠标所在单元格，再使用一次 Ctrl+A键则选中整个表格。 45. 使用标签选择器 Dreamweaver 给设计者提供了标签选择器，用于在界面中使用鼠标选取较难选择的 HTML标签，这项功能不但可以清晰明了地选择标签，还可以对其他的功能起辅助作用。 46. 选择行或列 与处理整个表格类似，设计者有若干种选择行或列的方法。然而，没有一种方法是使用菜单来完成的，行或列的选择基本上是使用鼠标来进行处理的。事实上，用户单击鼠标便可以选择整行或整列。 47. 选择单元格 有时对表各中的一小部分

20、进行简单的，如改变首行的背景颜色，需要选择单元格。另外，还可以使用快捷键 Ctrl+A，选中光标所在的单元格。 48. 快速选择多个单元格 可以将光标定位在第一个单元格中，然后按住 Shift 键，用鼠标单击最后一个单元格。 49. 快速追加一行 将光标定位在最后一行的最后一个单元格中， 按下 Tab 键，在当前行下会添加一个新行。 50. 删除行和列位置 在删除行和列时，行会从表格的右侧开始删除，列会从表格的下部开始删除。 51. 快速删除行和列 在表格中选中一整行或一整列，然后按 Delete 键，即可快速删除行和列。 52. 表格高度设置 通常并不需要设置表格的高度，因为 Dreamwe

21、aver 将自动为表格设置高度。 53. 功能提示 在“属性”面板中，在高级选项中左侧有几个按钮，在按钮上停留一定的时间后，鼠标附近就会出现一条文字，显示按钮的名称，从名称中可以了解其大致的用途。 54. 帮助信息 在遇到困难时，单击“属性”面板上的“帮助”按钮，会弹出浏览器窗口，显示帮助信息。 55. 设置边框 表格的边框宽度是以像素来表示的，默认值为 1 像素。宽度设为 0 时，边框不可见，Dreamweaver 用虚线段来表示边框。 56. 分隔表格数据的分隔符 在“导入表格式数据”对话框中的“发隔符”下拉列表中选择分隔表格数据的分隔符。其中包括了 Tab、逗号、分号、引号和其他，当选择

22、“其他”选项时，旁边会出现一个文本框，你可以在其中输入需要使用的任意分隔符。如果未指定分隔符或者在文件中未使用任何分隔符，数据的导入将会出错，而且系统不会自动进行错误提示。 57. 另一种方法导入表格数据 执行“文件导入表格式数据”菜单命令，可以导入表格数据。 58. 导出表格的一部分数据 在导出表格的时候，整个表格都将被导出。如果只想导出表格中某一部分数据，例如前六行或前六列的数据，那就先创建一个新的表格，将你要用到的资料 _进去，然后再导出新的表格。 59. 制作网页框架的原则 在制作嵌套表格时应遵循如下原则： 要规划好再运行，甚至要进行无数次的实验和重复运行才能制作出好的框架。从外向内工

23、作。先建立最大的表格，再在它内部创建较小的表格。在外部使用绝对计量方法，在内部使用相对计量方法。这不是一个不容改变的规则，但最好将外部表格宽度设为一个特定的绝对像素值，而将内部表格宽度设为相对的百分比数，这样可以节省计算宽度的时间。 60. 新建布局单元格 如果在新建布局表格之前新建一个布局单元格， 系统会自动创建一个布局表格作为布局 单元格的容器，即布局单元格不能脱离布局表格而存在。 61. 一次新建多个布局单元格 按住 Ctrl 键的同时绘制布局单元格，可以连续创建多个布局单元格。 62. 自动吸附功能 当新建布局单元格时，如果和另一个单元格相距很近（小于 8 个像素）或者和布局表格的边界

24、相距很近（小于 8 个像素） ，这个单元格会自动吸附。如果要取消自动吸附功能，在绘制单元格的同时，按住 Alt 键即可。 63. 布局表格的边框颜色 在默认状态下，单元格边框是蓝色，当鼠标放上去时是红色，表格边框是绿色，背景色是灰色，可以在用户参数设置中进行更改。 64. 使用网格 显示网格，可以更好地对布局单元格和布局表格进行精确定位。 65. 向布局单元格中添加内容 如果要在布局表格中添加内容，比如文本、图像等网页元素，必须要先在布局表格中建立布局单元格，然后向布局单元格中添加内容。 66. 快速选中布局单元格 按住 Ctrl 键，同时在想要选中的单元格内任意处单击鼠标，即选中了单元格格。

25、 67. 布局单元格属性 在“宽”选项区中可以设置单元格的宽度，其中有两种方式，一种是固定数值的，一种是自动伸展的，相当于标准视图下表格宽度以百分比表示；在“高”文本框中可设置单元格的高度；在“背景颜色”选项中可设置单元格的背景颜色；在“水平”和“垂直”下拉列表中可分别设置水平和垂直的对齐方式；而选择“不换行”复选框可以防止单元格中的文本自动换行。 68. 布局表格属性 “宽” 、 “高”和“背景颜色”选项均与单元格一样； “填充”是指单元格中的内容和单 元格边框之间的距离； “间距”是指单元格之间的距离；单击“清除行高”按钮可清除表格 的行高，作用与“清除单元格高度”相类似；单击“使单元格宽

26、度一致”按钮可使单元格宽度和单元格内容宽度一致；单击“移除所有分隔符图像”按钮可以清除所有的透明分隔符图像；单击“清除嵌套”按钮可清除嵌套表格，可以不损失页面已输入的内容，而直接删除嵌套表格。 69. “布局视图”参数解释 在“自动插入间隔符”选项中可设置是否自动插入间隔符；在“间隔图像”选项区中，在“站点”下拉列表中可选择哪个 _设置间隔图像，而在“图像文件”选项中可自己指定或让系统创建新的图像。“单元格外框”是指单元格一般情况下的边框颜色， “单元格高亮”指是鼠标放上去时单元格边框的颜色； “表格外框”是表格边框的颜色，“表格背景”是指表格的背景颜色。 70. 间隔图像 所谓间隔图像就是在

27、自由伸缩的表格中用来控制表格宽度的透明图像，这幅 _并不在浏览器中出现。可以在列头菜单中为单元格添加间隔图像。 71. 表单元素的主要属性 表单元素的主要属性有“方法” 、 “动作”等，其中“方法”表示表单提交的方工是 POST 还是 GET。“动作”是告诉表单将收集到的数据送到什么地方，一般这里是指向处理表单数据的服务端程序或者是 _ilto 标签。 72. 使用 _ilto 标签 在许多情况下，特别是制作个人主页时，服务器端的权限是不开放的，就没有办法用服务端程序的方法来处理表单。如果还想使用表单，只有用 _ilto 标签，填上邮件地址，这样表单内容就会通过 _传给 _ilto 的邮件地址

28、。 73. POST 与 GET 的区别 一般 GET 方式是将数据附在 URL 后发送，数据长度不能超过 100 个字符，一般搜索引擎中查找关键词等简单操作通过 GET 方式进行。而 POST 则不存在字符长度的限制，并且不会把内容附加到 URL 后，比较适合内容较多的表单。 74. 删除或者修改一个表单 如果想删除或者修改一个表单， 可以通过右键单击红色虚线框打开快捷菜单，在其中选择“删除标签”选项，可以删除表单。选择其他项目可以对表单进行修改。 75. 文本域 文本域主要有三种形式，即单行、 _和多行，可以在“属性”面板中的“类型”选项组中进行切换，在文本域中主要是输入文本。单行文本域只

29、能输入单行的文本，通过“属性”面板上的“字符宽度”选项可控制单行文本框的宽度，通过“最大字符数”选项可控制输入的最长字符数，在“初始值”文本框中可以输入初始文字。 _域的主要特点是不在表单中显示具体输入的内容，而是用*来替代显示。它主要被用来验证 _，具体的验证仍然需要通过 JavaScript等程序进行。多行文本域可以显示和输入多行文字，可以通过“行数”选项控制显示的行数，而“换行”下拉列表可用来控制如何换行。 76. 变量名的设置 在进行单选项设置时，单选按钮变量名称非常重要，如果不进行任何改变，无论你插入多少个单选项，也无论这些单选项分布在多少行中，它们中只能选择一个。如果在表单中还有另

30、一个单选项目，则必须更改这个单选项目中 radio button 的变量的名称。 77. 使用图形按钮 在提交表单时，如果不想千篇一律地使用标准按钮，则可以通过使用图形按钮的方法来美化网页。在表单结尾处，单击“表单”选项卡中的“图像域”按钮，然后选择合适的图像即可。 78. 插入跳转菜单时选择是否加上“前往”按钮 在插入跳转菜单时，可以选择是否加上“前往”按钮，默认是没有该按钮的，选择其中一个链接时网页就开始跳转， 如果加上“前往”按钮，选择链接时网页不跳转，必须按下“前往”按钮后才跳转。 79. 框架构成及设置 一个框架实际上是由几个 HTML 文档所构成的，其中一个专门负责框架的设置：是分

31、行型还是分列型，或者是混合型；行和列的尺寸如何等等。另外的就是普通的 HTML 文档，分别被放置到各框架中，当链接到设置框架的 HTML 文档时，整个框架以及各 HTML 文档就会一起显示在浏览器中。 80. 系统预设的框架类型 在“插入”栏中的“框架”选项卡中，提供有 13 个程序预设的框架类型，它们代表了框架设计中最常用的几种类型，你可以逐个进行试验，看看哪些类型的框架最适合你。 81. 删除框架 框架创建完成后，如何进行删除呢？刚开始建立时可以执行“撤消”命令，如果在操作了一段时间后想删除框架，通过菜单是不能实现的，必须通过鼠标操作，用鼠标拖动框架间的边框，一直将它拖动到最边上，就可以删除一个框架了。 82. 随意创建框架格式的两种方法 重复插入框架和分割框架都可以随意创建框架格式，我们推荐第一种方法，理由是重复插入框架时，每个框架都会自动命名，提高了效率；而且框架的形式是用 rows=”*,80”这样只指定一个分框架大小的语句，可以适应各种分辨率的浏览器窗口。 83. 用拖动鼠标的方法来分割框架 可以用拖动鼠标的方法来分割框架，先执行“查看可视化助理框架边框”菜单命令，显示出框架的边框，然后 _鼠标到四个边框或四角，在出现 _箭头时，拖动鼠标即可分割框