《多媒体CAI课件制作应用教程》第五章 Dreamweaver网页型课件设计

高等学校计算机应用规划教材《多媒体CAI课件制作应用教程》第五

章

Dreamweaver网页型课件设计学习目标网页型效果的课件与传统课件相比，具有占用存储空间小，易于在网上传输，易于共享等特点。网页型课件能够容纳大量信息，能兼容多种素材的文件格式，并且是一个开放的体系，有利于对课件进行修改、增添和删除。目前比较流行的网页制作软件是AdobeDreamweaverCS6，该软件是世界顶级软件厂商Adobe公司推出的一款拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。该软件支持代码、拆分、设计、实时视图等多种网页编辑模式，可以无需编写任何代码就能快速创建Web页面。通过对本章的学习，读者应了解并掌握AdobeDreamweaverCS6的功能特点和基本使用方法，并且能够应用该软件制作出图文并茂的多媒体CAI课件。5.1网页型课件制作入门

随着课堂教学的不断变革，传统的理论讲述已经不能适应现代的课堂教学。网络课件的出现，摆脱了教材生硬的面孔，这种由文本、图形、动画、声音、视频等多种媒体信息组合在一起，经过加工和处理所形成的教学系统，图文声像并茂，表现力和感染力极强，使学习过程变得轻松愉快。网页型课件概述认识DreamweaverCS65.1.1网页型课件概述

目前，关于网络课件的定义非常多，比较容易为大家接受的定义是：网络课件是基于浏览器/服务器模式开发的、能在互联网或局域网中发布的课件。它有两个方面的含义：在网上执行和通过浏览器执行。网络课件具有以下优点。5.1.2认识DreamweaverCS6

Dreamweaver

CS6作为Dreamweaver系列中的最新版本，在增强了面向专业人士的基本工具和可视技术外，同时提供了功能强大、开放式且基于标准的开发模式，可以轻而易举地制作出跨平台和浏览器的动感效果网页型课件。5.2站点的基本操作

一个网页型的课件，就相当于一个简易的网站，在制作课件也就是建立网站之前，首先要设计并规划好整个站点需要有哪些页面，有哪些功能，继而才能进行具体的网页制作过程。创建好一个本地站点后，可以进行管理站点操作，还可以创建文档并将其保存在站点文件夹中。本节将主要介绍在Dreamweaver中创建站点的方法。使用向导创建本地站点使用高级模式创建本地站点站点的打开和管理创建与管理站点文件5.2.1使用向导创建本地站点

使用向导创建本地站点的方法很简单，通过【菜单栏】中的【站点】|【新建站点】命令即可实现。

5.2.2使用高级模式创建本地站点

有一个【高级设置】标签，用户可通过该标签下的选项对站点的具体参数进行设置。5.2.3站点的打开和管理

选择【窗口】|【文件】命令，打开【文件】面板，其中显示了当前站点中的所有文件。5.2.4创建与管理站点文件

创建好本地站点后，可以根据需要创建各栏目文件夹和文件，对于创建好的站点，也可以进行再次编辑或删除和复制这些站点。5.3文档的基本操作

DreamweaverCS6提供了多种创建文档的方法，可以创建一个新的空白HTML文档，或使用模板创建新文档。创建空白网页文档打开和保存文档设置文档属性5.3.1创建空白网页文档

空白网页文档是DreamweaverCS6最常用的文档。选择【文件】｜【新建】命令，或按Ctrl+N键，即可打开【新建文档】对话框。5.3.2打开和保存文档

打开和保存网页文档的方法非常简单。在打开网页文档时，可以选中所需打开的文档，也可以打开最近的文档。5.3.3设置文档属性

网页文档的属性主要包括页面标题、背景图像、背景颜色、文本和链接颜色、边距等。选择【修改】|【页面属性】命令，打开【页面属性】对话框，如图5-33所示，可以设置有关网页文档的所有属性。表格和框架是DreamweaverCS6中最常用的布局工具，表格在网页中不仅可以排列数据，还可以对页面中的图像、文本、动画等元素进行准确的定位，使页面显得整齐有序、分类明确，便于浏览。使用框架规划网页，可以把网页分成几个部分，每个部分都是一个独立的HTML页。本章主要介绍使用表格和利用框架规划网页布局。可视化助理使用表格使用框架5.4规划网页型课件布局

5.4.1可视化助理

DreamweaverCS6提供了【标尺】和【网格】功能，用于辅助设计网页文档。【标尺】功能可以辅助测量、组织和规划布局。【网格】功能可以使绝对定位的网页元素在移动时自动靠齐网格，还可以通过指定网格设置更改网格或控制靠齐行为。5.4.2使用表格

表格是网页中非常重要的元素，是网页排版的主要手段，可以帮助设计者高效、准确地定位各种网页数据，直观、鲜明地表达设计者的思想，向浏览者提供条理清晰的多样化信息。5.4.3使用框架

框架是将浏览器窗口划分为多个区域，每个区域可以分别显示不同的网页，并且各个框架之间不存在干扰，在网页模板出现之前，框架技术是最常用的布局网页工具之一。在对Dreamweaver

CS6有了一定的认识并掌握了网页的布局方法后，就可以在网页型课件中插入各种媒体元素了，包括文本、动画、视频、声音等。插入文本插入图像应用导航条插入Flash动画插入声音5.5在课件中插入媒体元素

5.5.1插入文本

文本是网页中最常见也是运用最广泛的元素之一，是网页内容的核心部分。在DreamweaverCS6中可以直接输入文本，也可以从其他文档中复制文本和导入文本。5.5.2插入图像

图像是网页上最基本的元素之一，制作精美的图像可以大大增强网页的视觉效果。在网页中插入图像通常是用于添加图形界面(如按钮)、创建具有视觉感染力的内容(如照片、背景等)或交互式设计元素(如鼠标指针经过图像)。5.5.3应用导航条

导航条是由一个或多个图像组成，它的显示随着动作的改变而改变，它就像图书目录一样，在浏览网站时起到指引方向的作用，能够快速地找到所需的内容。5.5.4插入Flash动画

Flash动画是网页上最流行的动画格式。在DreamweaverCS6中，Flash动画也是最常用的多媒体插件之一，它将声音、图像和动画等内容加入到一个文件中并能制作较好的动画效果，同时使用了优化的算法将多媒体数据进行压缩，使文件变得很小，因此，非常适合在网上传播。5.5.5插入声音

在网页型课件中插入声音可以使课件声情并茂，插入的声音既可以在网页中通过控制按钮播放，又可以作为网页的背景音乐。超链接是网页中至关重要的元素之一，它可以实现页面之间的互相跳转，从而有机地将网站中的每个页面联系起来。超链接的分类绝对和相对路径创建超链接的方法5.6在课件中使用超链接

5.6.1超链接的分类

在DreamweaverCS6中，可以创建下列几种类型的链接。5.6.2绝对和相对路径

从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般来说，链接路径可以分为绝对路径与相对路径两类。5.6.3创建超链接的方法

在DreamweaverCS6中，可以随时随地在所需的位置创建各种超级链接，并且可以通过多种方法来创建超链接，可以在【属性】面板中创建、使用菜单命令创建或使用【指向文件】图标来创建超链接。网页型课件制作完成后，设计者需要将该课件发布到WWW服务器上，才能让因特网上的其他用户浏览到课件的效果。本节主要来介绍如何测试和管理要发布的课件站点。测试