DreamweaverCS4教学与自学教程.pptx

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