第06章 dreamweaver 8网页型课件开发.ppt

使用超链接串接多个页面 添加文本和图像 添加音频和视频 添加Flash动画 添加表单对象 使用添加表单对象制作的网页 使用JavaScript语言编写网页特效 第06章 Dreamweaver 8网页型课件开发 网页型课件与传统课件相比，具有占用存储空间小，易于在网上传输、流通，易于共享等特点。网页型课件能够容纳大量信息，能兼容多种素材的文件格式，并且是一个开放的体系，有利于对课件进行修改、增添和删除。目前比较流行的网页制作软件是美国Macromedia公司开发的Dreamweaver 8，该软件是集网页制作和网站管理于一身的网页制作软件。 通过对本章的学习，读者应了解并掌握Dreamweaver 8的功能特点和基本使用方法，并且能够应用该软件制作出图文并茂的多媒体CAI课件。 Dreamweaver 8的工作界面 Dreamweaver 8的工作界面由文档窗口、工具栏、状态栏、上下文菜单、“插入”工具栏和属性检查器等部分组成。 Dreamweaver 8的工作区 文档窗口 工具栏 属性检查器 其他界面元素 工作界面视图 下图为Dreamwear 8的工作界面视图。 站点的基本操作 在Dreamweaver中，站点既可以指Internet服务器上的远程站点，也可以指本地计算机中的本地站点。通常，应先在本地计算机上构建本地站点，创建合理的站点结构，使用合理组织形式来管理站点中的文档，并对站点进行必要的测试，在全部准备好之后，再将站点上传到Internet服务器上，以便他人浏览。 创建本地新站点 设置本地文件夹 设置远程文件夹 文档的基本操作 Dreamweaver 8提供了多种创建文档的方法，用户可以创建一个新的空白HTML文档，或使用模板创建新文档。在Dreamweaver 8中，用户除了可以打开常用的HTML文本文件外，还可以打开很多相关类型的文件，如JavaScript文件、XML文件及各种纯文本文件。 创建新文档 打开与保存文档 设置文档属性 在文档窗口中选择元素 选择元素操作是使用Dreamweaver 8编辑文档的最基本操作之一。在文档窗口的设计视图中选择文档元素时，只需单击该元素即可，如果元素不可见，在选择它之前必须使该元素可见。 认识不可见元素 选择元素 显示不可见元素 使用可视化向导设计网页 Dreamweaver 8提供了3种可视化向导，用于辅助用户设计网页和估计网页在浏览器中的外观，分别是“标尺”、“网格”和“跟踪图像”。 使用“标尺”和“网格” 使用“跟踪图像” 使用表格布局页面 在Dreamweaver 8中，表格有标准模式、扩展模式及布局模式3种模式。标准模式就是最基本的表格模式；扩展模式是标准模式的扩充，在这种模式下用户可以方便地选择表格进行编辑；布局模式就是Dreamweaver 8为方便页面布局而专门设计的一种模式，与前两种模式相比，这种模式下表格和单元格边框是没有宽度的。 下图为使用表格布局页面的效果。 使用框架布局页面 使用框架可以方便地实现网页的定位，与其他定位方式不同的是，使用框架可以将一个浏览器窗口划分为多个区域，在每个区域都可以显示不同的HTML 文档。一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档，这是使用框架的一个极其典型的例子。 下图为框架示例。 使用层布局页面 使用图层可以将页面上的元素精确定位，图层中可以加入文本、图片、表格、插件，也可以在其中再嵌套另一个图层。网页制作中层概念的引进是网页制作技术的一大进步，它为网页设计者提供了强大的网页控制能力。层不但可以作为一种网页定位技术出现，也可以作为一种特效形式出现，灵活掌握了层的使用，就掌握了网页制作的精华之一。 下图为使用层布局页面后的效果。 Dreamweaver 8可以为对象、文本或图像创建超链接，以链接到其他文档或文件，或链接到单个文档的指定位置。当在本地站点内移动或重命名文档或其他链接文件时，Dreamweaver 可自动更新指向文档的链接。 创建页面间超链接 创建页面内超链接 创建E-mail链接 创建图形热点链接 在网页型课件中，文本和图像