第5章Dreamweaver与网络课件DreamweaverCS4DreamweaverCS4第5章Dreamweaver与网络课件第5章Dreamweaver与网络课件多媒体CAI课件的特点是集文本、图形图像、声音、动画及数字电影于一体，可谓声光电并存、声情画并茂。正因为如此，课件的体积往往很大，这与网络传输是相互矛盾的。因为网络传输速度的“瓶颈”严重制约了大体积的“信息文件”的传播与发送。所以，网络课件的制作原则应该区别于其它形式的课件，以短小精悍为最高原则；其次，由于网络课件的使用对象具有不可预知性，因此要求网络课件在语言上必须更规范、更精确，同时必须具有更好的引导性和交互性。5.1第5章Dreamweaver与网络课件牢固掌握了网络课件的制作原则以后，接下来就是选择网络课件的制作工具了。目前可以用于制作网络课件的工具很多，几乎所有的网页制作软件都可以用于制作网络课件，例如FrontPage、Dreamweaver等，本章主要介绍DreamweaverCS4的应用技术。制作网络课件实质上就是建立教学站点，DreamweaverCS4是目前最流行的一款所见即所得的网站开发与网页制作软件，在制作网络课件方面具有独到的优势。它是一款所见即所得的网页编辑工具，具有功能强大、界面简洁、简单实用等特点，是最好的网页制作软件，也是制作网络课件的首选软件。第5章Dreamweaver与网络课件DreamweaverCS4提供了多种工作界面，以适合不同的工作人员。第一次安装该软件并启动后，出现的工作界面如图5-1所示，该工作界面称为“设计器”界面。对于老用户而言，如果不适应这种工作界面，可以通过界面切换菜单进行切换，选择适合自己的界面模式。本章将以“经典”界面模式介绍DreamweaverCS4在网络课件中的应用，如图5-2所示。5.2DreamweaverCS4第5章Dreamweaver与网络课件图5-1“设计器”界面第5章Dreamweaver与网络课件图5-2“经典”界面第5章Dreamweaver与网络课件由上图可以看出，DreamweaverCS4的工作界面主要由菜单栏、【插入】工具栏、【文档】工具栏、编辑窗口、状态栏、【属性】面板和各种面板组构成，下面简单介绍各主要组成部分。第5章Dreamweaver与网络课件5.2.1DreamweaverCS4的【插入】工具栏中包含了8个标签，分别为：常用、布局、表单、数据、Spry、InContextEditing、文本、收藏夹，如图5-3所示。单击【插入】工具栏中的不同标签可以进行切换，每一个标签中包括了若干的插入对象按钮。单击【插入】工具栏中的对象按钮或者将按钮拖曳到编辑窗口内，即可将相应的对象添加到网页文件中，并可在网页中编辑添加的对象。第5章Dreamweaver与网络课件图5-3【插入】工具栏第5章Dreamweaver与网络课件5.2.2【文档】工具栏中包含了代码视图、拆分视图、设计视图、实时视图、实时代码、文档标题、文件管理、浏览器预览、可视化选项等按钮，如图5-4所示。第5章Dreamweaver与网络课件图5-4【文档】工具栏第5章Dreamweaver与网络课件【文档】工具栏中的前三个按钮用于切换视图模式。单击按钮可以进入代码视图，这是一个用于编写和编辑HTML、JavaScript、服务器语言代码(如ASP或ColdFusion标记语言)以及其他类型代码的手工编码环境。单击按钮可以进入代码视图与设计视图，在该视图中，窗口被分成上、下两部分，顶部窗口用于编写HTML代码，底部窗口用于可视化编辑网页。单击按钮可以进入设计视图，这是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver中显示的文档处于可视化编辑状态，页面效果类似于在浏览器中查看页面时看到的内容。第5章Dreamweaver与网络课件5.2.3在DreamweaverCS4状态栏中可以显示当前光标所在位置的HTML标记，通过此标记可以确定所编辑的网页内容。状态栏上还可以显示当前网页的编辑窗口大小、当前网页文件的大小与网页的传输速度，如图5-5所示。另外，DreamweaverCS4的状态栏上新增了视图控制工具，其中选取工具用于选择页面中的操作对象；手形工具用于平移视图；缩放工具用于放大或缩小视图显示；而设置缩放比率选项框可以通