第5章网页型课件设计——DreamweaverCS5.pptxVIP

《多媒体CAI课件制作基础教 程》 （第四版） 第 五 章 网页型课件设计——Dreamweaver CS5 内 容 提 要 网页型课件与传统课件相比，具有占用存储空间小，易于 在网上传输，易于共享等特点。网页型课件能够容纳大量信息 ，能兼容多种素材的文件格式，并且是一个开放的体系，有利 于对课件进行修改、增添和删除。目前比较流行的网页制作软 件是Adobe Dreamweaver CS5，该软件是集网页制作和网站管 理于一身的网页制作软件。 通过对本章的学习，读者应了解并掌握Adobe Dreamweaver CS5的功能特点和基本使用方法，并且能够应用 该软件制作出图文并茂的多媒体CAI课件。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.1 网页型课件设计 随着课堂教学的不断变革，传统的理论讲述已经不能适应 现代的课堂教学。网络课件的出现，摆脱了教材生硬的面孔， 这种由文本、图形、动画、声音、视频等多种媒体信息组合在 一起，经过加工和处理所形成的教学系统，图文声像并茂，表 现力和感染力极强， 使学习过程变得轻松愉快。 目前，关于网络课件的定义非常多，比较容易为大家接受 的定义是：网络课件是基于浏览器/服务器模式开发的、能在互 联网或局域网中发布的课件。它有两个方面的含义：在网上执 行和通过浏览器执行。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2 Dreamweaver CS5的工作界面 Dreamweaver CS5作为Dreamweaver系列中的最新版本， 在增强了面向专业人士的基本工具和可视技术外，同时提供了 功能强大、开放式且基于标准的开发模式，可以轻而易举地制 作出跨平台和浏览器的动感效果网页型课件。  菜单栏  “插入”面板  “文档”工具栏  “文档”窗口  “属性”面板  状态栏  面板组 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.1 菜单栏 菜单栏提供了各种操作的标准菜单命令，它由“文件”、“编 辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“ 窗口”和“帮助”等10个菜单命令组成，如图5-2所示。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.2 “插入”面板 在“插入”面板中包含了可以向网页文档添加的各种元素， 如文字、图像、表格、按钮、导航以及程序等。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.3 “文档”工具栏 “文档”工具栏主要包含了一些对文档进行常用操作的功能 按钮，通过单击这些按钮可以在文档的不同视图模式间进行快 速切换，如图5-13所示。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.4 “文档”窗口 “文档”窗口也就是设计区，是Dreamweaver CS5进行可视 化编辑网页的主要区域，可以显示当前文档的所有操作效果， 如插入文本、图像、动画等，如图5-14所示。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.5 “属性”面板 在“属性”面板中可以查看并编辑页面上文本或对象的属性 ，如图5-15所示。该面板中显示的属性通常对应于标签的属性 ，更改属性通常与在“代码”视图中更改相应的属性具有相同的 效果。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.6 状态栏 Dreamweaver CS5中的状态栏位于文档窗口的底部，它的 作用是显示当前正在编辑文档的相关信息，如当前窗口大小、 文档大小和估计下载时间等，如图5-16所示。 :::::《计算机基础与实训教材系列》系列丛书官方网站 :::::《计算机基础与实训教材系列》系列丛书官方网站 /edu ::::: /edu ::::: 5.2.7 面板组 为使设计界面更加简洁