Dreamweaver MX 2004详解课件.ppt

第四章 Dreamweaver MX 2004详解 第一节 Dreamweaver MX 2004操作 第二节 扩展Dreamweaver MX 2004 第三节 应用实例 习题四 　　2．附加CSS样式表　　要在文档中创建并使用CSS样式，首选需要在文档中附加CSS样式表，其操作步骤介绍如下：　　（1）新建或打开需要使用CSS样式的文档。　　（2）选择“窗口”→“CSS样式”命令，打开“CSS样式”面板，如图4.1.48所示。 图4.1.48 “CSS样式”面板 　　（3）单击“附加样式表”按钮　，弹出“链接外部样式表”对话框，如图4.1.49所示。　　（4）单击“浏览”按钮，选择刚刚创建好的CSS样式表文件，单击“确定”按钮，返回到如图4.1.47所示的对话框。　　（5）单击“确定”按钮完成CSS样式表的附加。  图4.1.49 “链接外部样式表”对话框 　　3．CSS样式的创建、编辑与删除　　完成CSS样式表的附加后，便可在文档中创建、编辑、删除CSS样式了。　　创建CSS样式的操作步骤介绍如下：　　（1）单击“CSS样式”面板中的“新建CSS样式”按钮　，弹出“新建CSS样式”对话框，如图4.1.50所示。 图4.1.50 “新建CSS样式”对话框 　　（2）在“选择器类型”单选按钮组中选择一种新建样式的类型，共有3种类型可供选择： 　　　1）类（可应用于任何标签）：自定义CSS样式，可以将样式属性设置为任何文本范围或文本块，其名称前应该加入一个英文状态下的点“.”。 　　　2）标签（重新定义特定标签的外观）：HTML标记样式重定义特定标记的格式。例如：创建或更改td标记的CSS样式时，所有td和/td标记之间的内容都立即更新。 　　　 3）高级（ID、上下文选择器等）：CSS选择器样式重定义特定标记组合的格式，例如：每当鼠标经过超级链接时都应用a: hover；或重定义包含特定id属性的所有标记的格式，例如：#myStyle应用于所有包含属性值对id=“myStyle”的标记。 　　（3）如果选择的是“类（可应用于任何标签）”单选按钮，可直接在“名称”下拉列表框中输入所要创建的CSS样式的名称；否则单击“名称”下拉列表框右侧的小三角，在弹出的下拉列表中选择需要定义的CSS样式，例如当选中“标签（重新定义特定标签的外观）”单选按钮时，在“名称”下拉列表中选择“img”选项。 　　（4）单击“确定”按钮，弹出“img的CSS样式定义（在css.css中）”对话框，如图4.1.51所示。 图4.1.51 “img的CSS样式定义（在css.css中）”对话框 　　（5）根据需要设置其中的各个选项，单击“确定”按钮，完成CSS样式的创建。　　在“CSS样式”面板中选中所要删除的CSS样式，单击“删除CSS样式”按钮　，即可删除CSS样式；选中所要编辑的CSS样式，单击“编辑样式”按钮　，弹出对应的“CSS样式定义”对话框，便可对CSS样式进行编辑。 　　4．管理CSS样式表　　如果在同一文档中添加了多个CSS样式表，可以通过“编辑样式表”对话框管理CSS样式表。选择“文件”→“CSS样式”→“管理样式”命令，弹出“编辑样式表”对话框，如图4.1.52所示。在该对话框中，可以新建、编辑、重命名、删除CSS样式表等。 图4.1.52 “编辑样式表”对话框 　　八、使用多媒体　　多媒体已经非常普遍地应用于网站的建设当中，在网页中插入各种多媒体对象，能使网页显得更加生动。在Dreamweaver MX 2004中，提供了大量有关多媒体制作方面的功能，可以在网页中插入各种类型的多媒体对象。 　　1．插入视频和音频　　在网页中插入一个视频或音频对象的操作步骤如下：　　（1）将光标定位于需要插入视频或音频对象的位置。　　（2）在“常用”插入工具栏中，单击“媒体”按钮　右侧的小三角，在弹出的下拉菜单中选择“插件”命令，弹出“选择文件”对话框。 　　（3）选择需要插入视频或音频的文件，单击“确定”按钮便在网页中插入一个“插件”图标，用来提示视频或音频已经插入成功，如图4.1.53所示。 图4.1.53 插入的“插件”对象 　　提示：当插入不同格式的视频或音频时，浏览器会自动选择与之相对应的视频或音频播放器进行播放。　　（4）将鼠标光标定位在所插入的“插件”对象左下角的控制柄上，按下鼠标左键，将“插件”对象调整到合适的尺寸，如图4.1.54所示。 图4.1.54 调整“插件”对象的尺寸 　　（5）单击“标准”工具栏中的“保存”按钮　，保存文档。按F12键，在浏览器中进行预览。 　　2．插入Flash对象　　Flash是一种高质量的矢量动画，非常普遍地应用于各种网站中