WDF(10)
专题：Dreamweaver的使用
教学内容
PPT12——
对于超级链接和命名锚链，演示一下在DW中的做法。示例：在glossary.htm中添加命名锚链和超级链接。
PPT13——
两种插入图片的方法：使用菜单“插入”→“图像”或使用常用“插入栏”的图像按钮。
第一个对话框中，我们选择图片的来源，其实是设置了img元素的src属性。
PPT14——
第二个对话框中，设置了img元素的alt属性。
选中图片之后，观察一下其“属性检查器”中的值，要知道每个项目和img元素属性的对应关系。
PPT15——
这是一个“在DW中插入图像”的屏幕录像。
PPT16——
DW认为p、blockquote和pre三个元素是比较相似的，工具栏按钮和菜单项放置的位置比较近。
pre的插入方法和p完全类似，blockquote无法通过“属性检查器”进行设置，其它一致。
注意在DW中，pre元素使用了两种名称：以编排格式和预先格式化的，这是由于汉化人员的疏忽所致。
PPT17——
无法在DW中直接插入address元素，请切换至代码视图手写。
h1, h2, h3和插入段落的方法一样，由于菜单和工具栏按钮的位置有限，对于h4, h5, h6可以使用“属性检查器”的“格式”下拉列表进行设置（一般情况下，下拉列表中可以放置更多的选项）。
PPT18——
hr只有一种插入方法：菜单“插入”→“HTML”→“水平线”。注意其“属性检查器”中的项目和hr元素属性的对应关系。另外，在“属性检查器”中是无法设置水平线颜色的，需要切换到代码视图进行设置。[hr的选中、切换到代码视图、代码的自动提示]
PPT19——
列表的设置在DW中稍显复杂，要多花点时间。
无序列表在DW中叫做“项目列表”，有序列表叫做“编号列表”，描述列表叫做“定义列表”。
对于列表来说，通过PPT上列举的三种方式插入列表元素（ul, ol, dl）后，无需再使用这些命令插入列表项目元素（li, dt, dd），而是直接录入文本，DW会自动将文本作为列表项目，按回车键后，会自动创建新的列表项目元素，继续录入即可。也就是说默认情况下，单击列表按钮后，DW会自动生成第一个列表项目，而无需再次单击列表项目按钮。
多个段落是可以一次性转换为列表项的，方法是选中多个段落后，使用上面介绍的三种插入列表的命令。而包含软换行的一个文本段落在转换后还是有软换行的，不会自动转换为多个列表项。
PPT20——
描述列表的插入和有序、无序列表类似，甚至多个段落也可以一次性转换为定义列表。
我们在讲有序、无序列表的时候讲过设置它们项目编号/符号样式的属性type，在列表的“属性检查器”中也可以设置该属性，但需要首先将“属性检查器”最大化，然后使用“列表项目”按钮，记住在使用“列表项目”按钮之前，编辑器中选中的应该是一个列表项目，而不是整个列表，否则该按钮不可用。
列表的嵌套可以使用属性检查器上的“文本缩进”和“文本凸出”按钮进行。
下面演示一个复杂嵌套列表的例子。
PPT21——
插入表格的对话框上不止针对table元素，还涉及到了th和caption两个元素。在播放幻灯片的时候，希望大家能够说出相关的属性或元素。
PPT22——
对于表格来说，主要涉及到三个元素：table、tr和td。这三个元素对应的“属性检查器”是不同的，我们来看一下。看的时候请说出长方形部分标示的属性名。
我们可以看到，tr和td的“属性检查器”是基本一致的，我们以前也说过对于tr属性的设置最终都会应用到该行内的所有td元素上。另外，tr的“属性检查器”其实并不严谨，最好还是以我们上课时讲的为准。
PPT23——
关于table的操作是我们现在学习的元素中最多的，一项一项来了解一下。
对于表格的示例，我们会在下次课演示。
PPT24——
插入表单元素前，尽量要先插入一个表单元素作为容器，否则DW也会提示你插入一个表单元素。
在DW中，文本框包含的不止input type=”text”，input type=”password”和textarea也包含在其中；按钮也不止input type=”submit”，input type=”reset”和input type=”button”也包含在其中。需要使用“属性检查器”选择后确定它们。
另外，在DW8中，插入表单项目时会插入一些label标签，这个是在DW的高级版本中才出现的，如果不想看到这些属性，可以回到DW4中进行练习。
PPT25——
新建后的框架网页包含多个页面：框架集是一个单独的页面，每个框架中也分别包含一个页面，需要为它们指定相应的名称后全部保存。
下面演示使用DW做一个框架网页并在框架网页中进行导航。
Life is like a boat, and I'm at sea.
浙公网安备 33010602011771号