athorware制作案例

合集下载

DreamWeaver实例教程前5例

DreamWeaver实例教程前5例

DW网页设计100例1:构建开发环境( 1 )单击【开始】→【控制面板】,如图1-1 所示。

图1-1 打开控制面板( 2 )在弹出的【控制面板】窗口中双击【添加或删除程序】按钮图标,在弹出的【添加或删除程序】对话框中选择安装IIS 服务器,如图1-2 所示。

( 3 )安装好IIS 服务器后,在【控制面板】窗口中单击管理工具,然后在弹出的【管理工具】窗口中单击【Internet 信息服务】,进行默认站点属性的设置,具体操作如图1-3 所示。

( 4 )安装 .NET 框架。

.NET 框架是创建、部署和运行Web 服务及其他应用程序的一个环境。

它包括三个主要部分:公共语言运行时、框架类和 。

安装 .NET 框架其实就是构建 开发环境。

.NET 框架SDK 可在微软的网站上下载,如 .NET Framework 2.0 和相应版本的SDK 工具包的下载安装网址如下:① .NET Framework 2.0 框架( .NET Framework 2.0 版可再发行组件包测试版2 x86 ),下载地址为/downloads/details.aspx?displaylang=zh-cn&FamilyID =7abd 8c 8f -287e -4c 7e -9a 4a -a4ecff40fc8e ;② .NET Framework 2.0 SDK 工具包( .NET Framework 2.0 SDK Beta 2 x86 ),下载地址为/downloads/details.aspx?FamilyID=41070791-8912-4f94-ac46-7 ce0e386dsc9&DisplayLang=en ;(上面两个下载地址,可直接复制【光盘】| 【源文件】| 【实例1 】|【 1.1.txt 】中的内容而获得)③ .NET Framework 2.0 中文语言包已附在随书光盘的【源文件】| 【实例 1 】中。

Aurthorware课件制作解析

Aurthorware课件制作解析

课件制作——AurthorwareAurthorware是面向大众的多媒体课件制作软件,采用面向对象的设计思想,是一种基于图标和流线的多媒体开发工具。

它自己不进行多媒体素材开发处理(设计图片、制作视频、音乐),只是把多媒体素材集成和组织起来形成优秀的课件。

你需要知道的是用那种图标可以呈载什么样的素材、呈现什么样的效果;想要素材以什么样的顺序出现,流程图改怎么样设计,也就是说什么时间出现什么样的内容来决定哪个位置用那种图标。

这样就可以进行简单的课件制作了。

一、操作界面1.菜单栏插入菜单用于引入知识对象、图像和ole对象等。

修改菜单用于修改图标、图像和文件的属性,群组及改变前景和背景的设置等。

文本菜单提供丰富的文字处理功能,用于设定文字的字体、大小、颜色、风格。

2.常用工具栏3.图标工具栏显示图标可用来制作课件的静态画面、文字,可用来显示变量、函数值的即时变化。

动画图标与显示图标相配合,可制作出简单的二维动画效果。

擦除图标用来清除显示画面、对象。

等待图标其作用是暂停程序的运行,直到用户按键、单击鼠标或者经过一段时间的等待之后,程序再继续运行。

导航图标其作用是控制程序从一个图标跳转到另一个图标去执行,常与框架图标配合使用。

框架图标用于建立页面系统、超文本和超媒体。

决策图标其作用是控制程序流程的走向,完成程序的条件设置、判断处理和循环操作等功能。

交互图标用于设置交互作用的结构,以达到实现人机交互的目的。

计算图标用于计算函数、变量和表达式的值以及编写Authorware的命令程序,以辅助程序的运行。

群组图标是一个特殊的逻辑功能图标,其作用是将一部分程序图标组合起来,实现模块化子程序的设计。

电影图标用于加载和播放外部各种不同格式的动画和影片声音图标用于加载和播放音乐及录制的各种外部声音文件。

视频图标用于控制计算机外接的视频设备的播放。

开始旗用于设置调试程序的开始位置。

结束旗用于设置调试程序的结束位置。

4.程序设计窗口二、程序设计的一般步骤1、构思自己的课件课件用于什么地方(是参赛还是教学用,是要完整的还是片段),想要什么样的显示效果,用课件想达什么样的教学效果,课件中应该有什么样的内容。

Author ware 课件制作第1章 概述#

Author ware 课件制作第1章 概述#

1.2 Authorware 7.0的工作界面与菜单 Authorware 7.0的工作窗口主要由标题栏、菜单栏、工具栏、图标栏和流程编辑窗口几个部分组成。
1.标题栏 2.菜单栏 3.工具栏 4.图标栏 5.流程编辑窗口 6.演示窗口 7.属性面板 8.绘图工具箱 9.知识对象窗口
1.3 【案例1】我的第一个Authorware文件 1.4 【案例2】欢迎程序
Authorware是一款非常优秀的多媒体集成 软件,它由美国Macromedia公司推出的一款 用于交互式多媒体制作的软件。 1.1.1 Authorware的特点 1. 基于流程线和设计图标的编程环境 2. 跨平台体系结构与强大的交互性 3. 超强的多媒体元素整合功能
4. 标准的Windows应用程序接口 5. 强大的网络支持功能
Authorware是一种面向对象并基于流 程线和图标的多媒体制作平台,现已被
广泛应用于商业领域和多媒体教学,它
功 A能utho强rwa大re 7、.0新操增了作以下方10便大功,能:非专业人员也能 轻 1而)采易用M举acr地ome接dia通受用。用户、界面。
2)能导入Microsoft Office组件中的PowerPoint文件。 3)能整合播放DVD视频文件。 4)通过文本、内容创建导航等功能在制作时更简便、容易。 5)能支持XML的输出和导入。 6)能支持JavaScript脚本。 7)增加“学习管理系统”知识对象。 8)一键发布功能。 9)完全的脚本属性支持。
1.5 本 章 小 结
Authorware 7.0是一款高级多媒体集成软件,它为 非专业用户创作专业级多媒体作品提供了可能,因此 深受用户的青睐。本章主要介绍了Authorware 7.0的 基础知识,包括新增功能、主要特点、工作环境等内 容,分析了Authorware基于流程线的工作原理,这是 使用Authorware之前必须了解的内容。只有掌握了软 件的基本知识,熟悉了软件的使用规则,才能驾轻就 熟地使用软件。

dreamweaver实例教学(30例)

dreamweaver实例教学(30例)

Dreamweaver实例教学目录实例1 站点的建立实例2 布局表格实例3 层的运用实例4 显示隐实藏图层实例5 插入背景音乐实例6 插入背景图像实例7 文本超链接实例8 图像热点链接实例9 弹出信息实例10 自动跳转链接实例11 创建交换图实例12 跳转菜单实例13 插入FLASH文本实例14 插入FLASH按钮实例15 插入FLASH动画实例16 插入视频实例17 显示弹出式菜单实例18 框架的使用实例19 创建网站相册集实例20 插入按钮实例21 页面配色方案实例22 CSS的使用实例23 自动格式化表格实例24 使用表格间隔图像实例25 单元格自动延伸实例26 炽热文字实例27 显示当前日期实例28 显示登陆时间实例29 状态栏中跳动的文字实例30 左右移动的图片实例1 站点的建立目的:了解和掌握怎么建一个网站,这是做网站的第一步,因此必须掌握。

要点:要对Dreammeaver mx2004的工具栏有一定的了解,还要熟悉其的用途。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver mx2004,如图1.1.1所示.图1.1.1 启动后所示的界面(2) 选择菜单栏的站点(S)→站点管理(M)命令,打开对话框,如图1.1.2所示.图1.1.2 “站点管理”对话框(3) 单击”站点管理”对话框的新建(N) 出现”站点(S)和FTP与RDS服务器(F)”,选择其中的”站点(S)”出现对话框,如图1.1.3所示.图1.1.3 “站点定义1”对话框(4) 在文本框里可以为你的站点起个名字,然后按下一步出现对话框,如图1.1.4所示.图1.1.4 “定义站点2”对话框(5) 在对话框中,根据自己所做的网站选择”否”或者”是”.如果你做的是静态网页,那么就可以选择”否”,如果你做的是动态网页,那你就要选择”是”,然后在下拉菜单中选择你所用的服务器技术类型.我做的是静态网页,因此我选择”否”,然后再按下一步出现对话框,如图1.1.5所示.图1.1.5 “站点定义3”对话框(6) 选择系统推荐的选项,在文本框里可以填入你所建网站的保存路径,也可以不变系统默认的路径,然后按下一步出现对话框,如图1.1.6所示.图1.1.6 “站点定义4”对话框(7) 根据你自己的实际情况,如果你想下传到某服务器上的话,那你就从下拉菜单中选择你所用的上传方法,如果不想上传的话,就选择”无”,然后再按下一步,出现对话框,如图1.1.7所示,按完成,出现图1.1.8所示,再按完成这就完成了建一个站点的过程.图1.1.7 “站点定义5”对话框图1.1.8 “站点定义6”对话框实例2 布局表格目的:学会制作表格,能熟悉掌握表格的作用,现在大部分网页都运用到了表格,它是做网页不可缺少的技术,也要熟悉掌握.最终效果如图:.要点:主要应用布局表格和布局单元表格来绘制表格,同时在表格中插入图片和添加文本,或者flash等等,最终实现你所想的效果.创作步骤(1)启动Dreamweaver mx 2004 软件.(2)选择文件→新建(N) …Ctrl+N 命令,打开新建文档对话框,如图1.2.1所示,单击创建(R)按钮,创建一个空白HTML文档,如图1.2.2图1.2.1 “新建文档”对话框图1.2.2 新建空白HTML文档(3)选择菜单栏的修改→页面属性(P)…Ctrl+J 命令,弹出页面属性对话框,如图1.2.3所示,在标题(T): 栏中输入文字作为标题,如现在输入”布局表格”,再按确定,返回主界面.图1.2.3 “页面属性”对话框(4)单击工具栏的按钮,切换到”布局视图”工作界面,如图1.2.4所示.图1.2.4 “布局视图”工作界面(5)单击在工具栏上的布局表格按钮,在页面中拖曳鼠标绘制一个布局表格,如图1.2.5所示.还可以根据你的需要来调整表格的大小.图1.2.5 绘制布局表格(5)单击工具栏上的绘制布局单元格按钮,在需要添加布局单元格的位置拖曳鼠标,绘制布局单元格,如图1.2.6所示.图1.2.6 绘制布局单元格(6)重复第(4)和(5)步的操作,绘制其它布局表格和布局单元格,如图1.2.7所示.图1.2.7 绘制其它单元格(7)在布局单元格添加文本和图像,如图1.2.8所示.图1.2.8 表格添加内容(8) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.2.9所示.图1.2.9 浏览器中的效果实例3 层的运用目的:学会使用层的技术,虽然现在的大部分的网页是没有用到层,但要制作一些比较特别的网页时,用层比用表格简单得多.要点:本例要用到层的技术,建层,改变层的属性等,制作一些布局比较简单的网页. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”层的运用”的网页,如图1.3.1所示.图1.3.1 “层的运用”网页的建立(3)选择插入(I)→布局对象→层(Y)命令,插入一个层,如图1.3.2所示.图1.3.2 层的建立(4)点击层的里面便可对层的内容进行编辑,你可插入图片也可插入文字,现在就来插入图片,选择插入(I)→图像(I)…Ctrl + Alt +I打开对话框,如图1.3.3所示图1.3.3 “打开”的对话框(4)选择你所定好的图片,然后再按确定,再调整图的大上和层的位置,最后可得效果如图1.3.4所示.图1.3.4 插入图片(5)重复步骤3再插入一个层,输入文字在层里,根据你的需要移动和调整层的位置大小,也可以在”属性”修改层,最后效果如图1.3.5所示.图1.3.5 最终效果(6) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.3.6所示图1.3.6 在浏览器中的效果实例4 显示隐实藏图层目的:制作显示隐藏图层的效果,使网页具有动态效果.如右图.要点:本例主要应用”显示隐藏图层”命令.单击”显示”按钮,页面中显示所有的图层,单击”隐藏”按钮,隐藏所有的图层.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”显示隐藏图层”的网页,如图1.4.1所示.图1.4.1 “显示隐藏图层”网页的建立(3)在网页使用布局表格技术建立表格,如1.4.2所示.(4)单击第一个单元表格内,单击插入(I)→布局对象(Y)→层(Y)命令,调整层的大小刚好等于第一个单元表格的大小,单击层里面,选择插入(I)→图像(I)…Ctrl +Alt +I 命令,出现对话如图1.4.3所示,选择图像按..(5)单击第二个单元表格,按步骤4,插入层和图像,并在第三和第四个单元表格内分别写上”显示”和”隐藏”.最后效果如图1.4.4所示.图1.4.2 建立表格的网页图1.4.3 “打开”对话框(6) 选择第三单元表格里的”显示”,单击窗口(W)→行为(E)…Shift + F3,打开行为面板,如图1.4.5所示(7) 单击”添加行为”按钮,在弹出的下拉菜单中选择显示-隐藏层命令,打开显示隐藏层对话框,如图1.4.6所示.(8) 选中所有图层,单击按钮,为所有层添加显示行为,如图1.4.7所示,单击按钮,关闭显示-隐藏层对话框.(9) 单击面板中的”下拉箭头”按钮,在弹出的下拉菜单中选择onClick选项,如图1.4.8所示.(10)重复6~9步的操作,选中第四单元表格里的”隐藏”,为那二层(即那二张图像)添加隐藏图层及相应触发事件,如图1.4.9.所示.图1.4.4 插入图像的网页图 1.4.5 行为面板图1.4.6 “显示-隐藏层”对话框图1.4.7 设置显示层行为图1.4.8 设置触发事件图1.4.9设置隐藏层行为(11)选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.4..10和1.4.11所示图1.4.10 单击”显示”的效果图1.4.11单击”隐藏的效果实例5 插入背景音乐目的:使网页更加活泼生动.如右图所示.要点:本例主要让你了解本软件的基本功能,学习怎么在网页中添加音乐.~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”背景音乐”的网页,如图1.5.1所示.图1.5.1 “背景音乐”网页的建立(3)按上例在网页中插入图像居中,再插入一个层,并在层里输入文字”让我唱支歌!”调整层的大小和位置.如图1.5.2所示.(4) 按上例单击窗口(W)→行为(E)…Shift + F3,打开行为面板.(5) 单击”添加行为”按钮,在弹出的下拉菜单中选择播放声音命令,打开播放声音对话框,如图1.5.3所示.(6)单击播放声音文本框后的按钮,在弹出选择文件对话框中选中一个音乐文件(见图1.5.4所示)单击按钮.图1.5.2 插入图像和层的效果.图1.5.3 “播放声音”对话框图1.5.4 “选择文件”对话框(7)单击面板中的”下拉箭头”按钮,在弹出的下拉菜单中选择onLoad选项,如图1.5.5所示.(8) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.5.6所示.图1.5.5 设置触事件→图1.5.6 浏览器中的效果实例6 插入背景图像目的:使网页在颜色方面不是那么单调.效果如右图所示.要点:本例主要学习如果把一张图片作为网页的背景图像,使网页更加好看.~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”插入背景图像”的网页,如图1.6.1所示.如图1.6.1 ”插入背景图像”网页的建立(3)在网页中输入文字,并在网页下面的中,改变文字的大小和位置,如图1.6.2所示.(4) 在网页空白处按右键,选择页面属性(T)…出现对话框,如图1.6.3所示,(5) 单击页面属性对话框中的出现选择文件对话框,如图1.6.4所示.按.(6) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.6.5所示.图1.6.2 在网页中输入文字图1.6.3 页面属性的对话框图1.6.4 选择文件对话框图1.6.5 在浏览器中的效果实例7 文本超链接目的:制作具有超链接的网页.如右图所示.要点:本例学习如何设置超链接,它是制作网站的最基本技术,因为现在的网站可以说没有一个不用到它,因此学会它是非常有必要的.~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”超链接”的网页,如图1.7.1所示.图1.7.1 ”超链接”的网页建立(3)按上例的步骤制作同样的网页,并在诗的下面加多一行字”更多的诗”,效果如图1.7.2所示.(4)选择最后一行字”更多的字”点击右键,选择创建链接(L)出现选择文件对话框,如图1.7.3所示.然后选择你选定的网页,即当点击文字”更多的诗”时所显示的网页,你应该先做好它.最后按.图1.7.2 添加字后的网页图1.7.3 选择文件的对话框(5) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.7.4所示..当你点击”更多的字”时,网页就会转到你所链接的网页.图1.7.4 在浏览器中的效果实例8 图像热点链接目的:制作出具有图像链接的网页,即当你点击图像中的某一处时,网页会转到它所链接的网页去,最后如右图所示.要点:本例所用到的技术跟上例差不多,上例是文本的超链接,而本例是图像的一小处的超链接.特别是介绍照片中很多人的其中一个是谁时,就能用到这种技术.~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”图像热点链接”的网页,如图1.8.1所示.图1.8.1 ”图像热点链接”的网页的建立(3) 按以上几例所讲到的技术在网页中插入图片,并调整图片的大小和位置,结果如图1.8.2所示.(4) 选择图片,点击下面的,鼠标就变成一个”+”,然后在图片中选择区域的大小,如图1.8.3所示.(5) 在后面的文本框里填入你要链接的文件或者点击下面右边的,出现选择文件对话框, 如图1.8.4所示,并在后面写上”了解我更多”..图1.8.2 插入图片后的网页图1.8.3 选择图片的区域图1.8.4 选择文件对话框(6) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.8.5所示..当你鼠标移到刚才你所选的区域时,就会显示”了解我更多”点击它网页就会转到你所链接的网页.图1.8.5 在浏览器中的效果实例9 弹出信息目的:制作一些能自动跳出信息的网页.如右图所示.要点:本例主要应用了”添加行为”的技术,跟例5有点相像,也是用到”添加行为”技术.~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)选择文件(F)→打开(Q)…Ctrl + 0命令,打开打开对话框(见图1.9.1),选择上例的网页,如图1.9.2所示.图1.9.1 “打开”对话框(3) 按上例单击窗口(W)→行为(E)…Shift + F3,打开行为面板.如图1.9.3所示.(4)单击”添加行为”按钮,在弹出的下拉菜单中选择弹出信息命令,打开弹出信息对话框并文本框里写入”欢迎光临本站”.按确定退出. 如图1.9.4所示(5) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.9.5所示.图1.9.3 “行为”面板图1.9.2 打开上例的网页图1.9.4 “弹出信息”对话框图1.9.5 在浏览器中的效果实例10 自动跳转链接制作”自动跳转链接”效果的网页.本例主要实现网站首先自动跳转功能,当用户浏览网页时,系统会自动进入新的网址. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)选择文件(F)→打开(Q)…Ctrl + 0命令,打开打开对话框(见图1.10.1),选择例8的网页,如图1.10.2所示.图1.10.1 “打开”对话框(3) 单击文档窗口左下角标签栏中的<body>标签,选择窗口(W)→行为(E)…Shift + F3命令,打开行为面板,如图1.10.3所示 .(4) 单击”添加行为”按钮,在弹出的下拉菜单中选择转到URL命令,打开转到URL对话框,并在URL后面的文本里输入一个网站如www.163.,如图1.10.4所示.单击确定.(5) 单击行为面板中的”下拉箭头”按钮,在弹出的下拉菜单中选择onload项,即设置触发事件为当用户浏览系统自动进入相应的网址,如图1.10.5所示,(6) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.10.6所示.图1.10.3 行为面板图1.10.2 打开例8的网页图1.10.4 “转到URL”对话框图1.10.5 设置触发事件图1.10.6 在浏览器中的效实例11 创建交换图制作”创建交换图”效果的网页.如右图所示.本例主要讲述交换图的创建过程,用来交换的图必须和原图大小相同.~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)按上例创建一个名为”创建交换图”的网页,如图1.8.1所示.图1.11.1 ”创建交换图”的网页建立(3) 选择插入(I)→表格(T)…Ctrl + Alt命令,出现表格对话框,如图1.11.2所示,(4) 在表格对话框中,输入行数和列数都为1.按确定插入网页中,并调整表格的大小,使其居中,效果如呼1.11.3所示.(5)单击表格里面,选择插入(I)→图像对象(G)→鼠标经过图像(R)命令,出现对话框.如图1.11.4所示.(6)在后的文本输入原始图像的路径,或单击选择一个图片为原始图像.图1.11.2 表格对话框图1.11.3 插入表格后的网页图1.11.4 插入鼠标经过图像的对话框(7)同样为选择一个图片作为鼠标经过的图像.最后按确定.效果如图1.11.5所示.图1.11.5 插入图像后的效果(8) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果,如图1.11.6所示.当鼠标经过图像时的效果如图1.11.7所示.图1.11.6 图1.11.7实例12 跳转菜单制作”跳转菜单”效果的网页.如右图所示.本例主要应用跳转菜单呈菜单或者列表的形式制作,当用户选择其中的项目时,会自动从当前页面跳转到相应页面中.~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”跳转菜单”的网页,如图1.12.1所示.图1.12.1 ”跳转菜单”的网页的建立(3)选择插入(I)→表单(F)→跳转菜单(J)命令,出现”插入跳转菜单”对话框,如图1.12.2所示.(4) 在”插入跳转菜单”对话框中的后面输入要跳转菜单名,在后面输入该跳转菜单的地址,再按添加其它的菜单.(如图1.12.3),按确定.(5) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.12.4所示.图1.12.2 ”插入跳转菜单”对话框图1.12.3 ”插入跳转菜单”的设置图1.12.4 在浏览器中的效果实例13 插入FLASH文本制作”插入FLASH文本”效果,使网页具有动态美感.如右图所示.本例主要学习如何插入FLASH文本技术. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”插入FLASH文本”的网页,如图1.13.1所示.图1.13.1 ”插入FLASH文本”的网页建立(3)选择插入(I)→媒体(M)→FLASH文本(L)命令,打开FLASH文本对话框,如果系统提示要保存的话,你就先保存网页,如图1.13.2所示.(4) 输入你想要写的文字,并改变字体的大小,格式,颜色,位置等设置,最终效果如图1.13.3所示.按确定.(5) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.13.4所示.图1.13.2 “FLASH文本”对话框图1.13.3 “FLASH文本”对话框的设置图1.13.4 在浏览器中的效果实例14 插入FLASH按钮制作”插入FLASH按钮”效果的网页.本例主要学习如何插入FLASH按钮技术. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”插入FLASH文本”的网页,如图1.14.1所示.图1.14.1 ”插入FLASH文本”的网页的建立(3) 选择插入(I)→媒体(M)→FLASH按钮(F)命令,打开FLASH按钮对话框, 如果系统提示要保存的话,你就先保存网页,如图1.14.2所示.(4) 在FLASH按钮对话框的后面可以选择按钮的样式,在后面输入”播放”或者其它,点击后面的选择所要链接文档的URL地址,可以不设置,在下拉表框中指定所要链接文本的打开方式,可以不设置.其它的就可以按自己的意愿设置,按确定.(如果在文本框中指定的SWF格式的文件名路径或文件名中含有中文字符,系统会弹出要求你重新输入的提示框)图1.14.2 FLASH按钮对话框(5) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.14.3所示.图1.14.3 在浏览器中的效果实例15 插入FLASH动画目的:制作”插入FLASH动画”效果.如右图所示.要点:本例主要应用FLASH动画的矢量动画制作完成,它下载速度快,在网页中经常应用,本例学习如何插入FLASH动画. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”插入FLASH动画”的网页,如图1.15.1所示.图1.15.1 ”插入FLASH动画”的网页建立(3) 选择插入(I)→媒体(M)→FLASH (F)命令,打开FLASH对话框,如图1.15.2所示.选择要插入的FLASH 按确定.(4) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.15.3所示.图1.15.2 FLASH对话框图1.15.3 在浏览器中的效果实例16 插入视频目的:制作”插入视频”效果.如右图所示.要点:本例主要学习如何插入视频,即在网页中可以观看视频文件. ~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”插入FLASH动画”的网页,如图1.16.1所示.图1.16.1 ”插入FLASH动画”的网页建立(3) 选择插入(I)→媒体(M)→插件(P)命令,打开插件对话框,如图1.16.2所示.选择要插入的视频文件按确定.(4) 在网页中调整播放窗口的大小和位置,如图1.16.3所示.(5) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.16.4所示.图1.16.2 插件对话框图1.16.3 调整播放窗口图1.16.4 在浏览器中的效果实例17 显示弹出式菜单制作”显示弹出式单”效果.如右图所示.本例主要运用”显示弹出式菜单”的技术,这种技术虽然不是在很多网页中能看到,但它也有它独特的用处,比如说网中的栏目太多而放不下时,就可以进行归类应用这种技术,从而使网页清洁好看. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”显示弹出式菜单”的网页,如图1.16.1所示.图1.17.1 ”显示弹出式菜单”的网页(3)按上几例所学知识,在网页中插入一个3行1列的表格,并在每个单元表格内输入文字,调整文字的大小和位置,效果如图1.17.2所示.(4) 选择表格内的”电影欣赏”,在下面的后面文本框里输入” * “以表示”电影欣赏”是具有超链接的.(5) 选择窗口(W)→行为(E)…Shift + F3命令,打开行为面板,如图1.17.3所示(6) 单击”添加行为”按钮,在弹出的下拉菜单中选择显示弹出式菜单命令,打开显示弹出式菜单对话框,如图1.17.4所示.图1.17.2 插入表格后网页图1.17.3 行为面板图1.17.4 ”显示弹出式菜单”对话框(7) 在后面写上菜单名,在后面填上路径,在后面可不设置,然后再按增加按钮增加其它的菜单,还可以在外观,高级,位置改变设置,按确定最终效果如图1.17.5所示..图1.17.5 ”显示弹出式菜单”对话框的设置(8) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.17.6所示.图1.17.7 在浏览器中的效果实例18 框架的使用制作”框架的使用”效果.如右图所示.本例主要运用”框架的使用”的技术,这种技术虽然不是十分流行,但在一定条件下用到这种技术却是非常之好的. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”框架的使用”的网页,如图1.18.1所示.图1.18.1 ”框架的使用”的网页建立(3)选择插入(I)→HTML→框架(S)→上方及左侧嵌套(O)命令,插入后可以用鼠标对框架进行调整,或者按住键盘的ALT键,再点击其中一个框架就会出现这个框架的属性,必要时可修改,最终效果如图1.18.2所示.(4) 在框架中输入文字,并调整大小和位置,最终效果如图1.18.3所示.(5) 选择框架中的文字”动画欣赏”,按右键选择创建链接(L),打开选择文件对话框(见图1.18.4所示),选择要链接的文件,按确定退出.(6) 在下面的下拉菜单中mainframe.其它可不设置.图1.18.2 插入框架后的网页图1.18.3 框架中插入文字的网页图1.18.4 选择文件对话框(7) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,当点击”动画欣赏”观看在浏览器中的效果.如图1.18.5所示.图1.18.5 当点击”动画欣赏”观看在浏览器中的效果实例19 创建网站相册集目的:制作”创建网站相册集”效果.如右图所示.要点:本例主要应用”创建网站相册集”命令创建一个电子相同,单击页面中的某一张相片,可打开该相片的效果图. ~~~~~~~~~~~~~~~~~~~~~~~~创作步骤(1)启动Dreamweaver MX 软件.(2)新建一个名为”显示弹出式菜单”的网页,如图1.19.1所示.图1.19.1 ”显示弹出式菜单”的网页建立(3)选择命令(C)→创建网站相册(C)…命令,弹出创建网站相册对话框,完成该对话框的设置,如图1.19.2所示,单击确定按钮.(创建过程是同Dreamweaver MX启动Fireworks来自动完成的,所以系统中必须安装Fireworks软件,才可以实现机册的创建)(4) 选择文件(F) →另存为(A)…Ctrl+Shift+S 命令,保存文件.按快捷键F12,观看在浏览器中的效果.如图1.19.3所示.图1.19.2 创建网站相册对话框图1.19.3 观看在浏览器中的效果实例20 插入按钮。

第12章Authorware综合实例

第12章Authorware综合实例

图12.5.7 “答案”交互图标中的内容
(9)单击“A︱a”按键响应类型标记,在其属性面板中的 设置如图12.5.8所示,“C︱c”的属性面板也做同样的设置。
图12.5.8 “属性:交互图标[A︱a]”面板
(10)单击“B︱b”按键响应类型标记,其属性面板的设 置如图12.5.9所示。
图12.5.9 “属性:交互图标[B︱b]”面板
图12.5.4 “属性:决策图标[选择题]”面板
(6)双击“题”交互图标,并添加设计图标,其中的交 互响应为“按键响应”,流程线如图12.5.5所示。
图12.5.5 子设计窗口的流程线
(7)双击“翠鸟”显示图标,为其导入一幅图片,如图 12.5.6所示。
图12.5.6 导入图片
(8)双击“答案”交互图标,在其中输入文字,如图 12.5.7所示。
(6)按Ctrl+方向键,移动复制的文本,使其与原文本 重合。 (7)同时选中两个文本,选择“修改”→“群组”命令, 将其组合在一起。 (8)在流程线上添加一个显示图标,命名为“阴影字”。
(9)双击“阴影字”图标,在打开的演示窗口中输入文 字, 复制粘贴文字,并设置文字的颜色、字体和字号,效果如 图10.1.6所示。
(11)双击“A︱a”响应图标,在其演示窗口中进行如图 12.5.10所示的设置。在“C︱c”响应图标中也进行同样的设置。
图12.5.10 “A︱a”和“C︱c”响应图标中的内容
(12)双击“B︱b”响应图标,在其演示窗口中进行如图 12.5.11所示的设置。
图12.5.11 “B︱b” 响应图标中的内容
提示:步骤(11)和(12)这两步用于设置对用户答案 的反馈信息。 (13)双击“成绩”显示图标,打开其演示窗口,并在 其中输入如图12.5.12所示的文字。 (14)程序设计完成后保存程序,最终效果如图12.5.1 所示。

实验四 多媒体创作工具autherware的应用

实验四 多媒体创作工具autherware的应用
实验四 多媒体创作工具autherware的应用
一、实验目的
掌握authorware软件的操作。
学习小型系统的开发方法及技巧。
综合运用知识的能力。
二、实验说明
在各种多媒体应用软件的开发工具中,Authorware是不可多得的
开发工具之一。它使得不具有编程能力的用户也能创作出一些高 水平的多媒体作品。
2、开发作品前的准备工作
1)规范各种外部文件的位置
如果在你的作品中嵌入了大量的文件,特别是声音这样的大块头,
会使主程序文件体积过大,影响播放速度。所以常常将这些文件
作为外部文件发布。对这些文件,不同类型一般放在不同的目录 下,以便管理。比如,图片放在image文件夹中,声音放在sound
文件夹中等等。
将你的课件内容用一个线框流程图表示出来。比如,
什么时候进行跳转,跳到什么地方,如何返回等等。 看起来,似乎小题大做,可是真正做过课件的朋友都 会体会到这样做的重要性。没有流程图,在设计程序 时,随心所欲,将会不停地修改,始终确定不了程序
的流向。所以在开始制作之前,理好课件各层次的关
系,画出流程图,哪怕非常简单,都会大大提高工作
5)关于字体 如果你在作品中,需要使用系统提供的四种基本中文 字库之外的字体,在确认用户机器上有这种字库时, 可以将字符方式显示这种文本,否则,你就要将这些
文字转化为图片,这样才能保证用户看到的效果正是
你想表现的。
6)关于图片和声音 图片和声音占用的空间较大,对程序的运行速度有很大影响。 在使用图片时,如果256色可以表现出所需色彩的,就不要使用
44.1KHz,在效果上没有明显提高,却大大增加了数据量。声音
的编码,最好采用Macromedia的SWA格式,这种格式质量不错, 压缩比也很高。可以使用“Xtras>>Other>>Conver WAV to

Dreamweaver制作网站实例教程

Dreamweaver制作网站实例教程

Dreamweaver制作实例教程一、定义站点1、在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。

***备注:中所用的文件都要用英文名。

2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。

在站点名称中输入的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。

然后确定即可。

***备注:再次打开Dreamweaver,会自动找到刚才设立的站点。

如果有多个站点,可以在菜单“站点—打开站点”中去选择。

二、创建页面1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。

htm就表示这个网页文件是一个静态的HTML文件。

给它改名为index.htm。

***第一页的名字通常是index.htm或index.html。

其它页面的名字可以自己取。

2、双击index.htm进入该页面的编辑状态。

在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。

在这里可以设置的标题、背景颜色或背影图像,超级的颜色(一般默认即可),其他都保持默认即可。

3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。

选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。

4.如要选取字体,则选择字体中的最后一项:编辑字体列表。

然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。

***在网页上最常用的是宋体字。

不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。

如果需要用的话,要做成图片后再使用。

***在网页上打入空格的办法是:把输入法调为全角。

***在网页上换行的办法是:shift+Enter。

只按Enter则为换段。

三、为页面添加图片1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pic或images都可以。

Aurthorware课件制作解析

Aurthorware课件制作解析

课件制作——AurthorwareAurthorware 是面向大众的多媒体课件制作软件,采用面向对象的设计思想,是一种基于图标和流线的多媒体开发工具。

它自己不进行多媒体素材开发处理(设计图片、制作视频、音乐),只是把多媒体素材集成和组织起来形成优秀的课件。

你需要知道的是用那种图标可以呈载什么样的素材、呈现什么样的效果;想要素材以什么样的顺序出现,流程图改怎么样设计,也就是说什么时间出现什么样的内容来决定哪个位置用那种图标。

这样就可以进行简单的课件制作了。

一、操作界面1. 菜单栏插入菜单用于引入知识对象、图像和ole对象等。

修改菜单用于修改图标、图像和文件的属性,群组及改变前景和背景的设置等。

文本菜单提供丰富的文字处理功能,用于设定文字的字体、大小、颜色、风格。

2.常用工具栏3.图标工具栏显示图标圜可用来制作课件的静态画面、文字,可用来显示变量、函数值的即时变化。

动画图标附与显示图标相配合,可制作出简单的二维动画效果。

擦除图标©用来清除显示画面、对象等待图标咚咬其作用是暂停程序的运行,直到用户按键、单击鼠标或者经过一段时间的等待之后,程序再继续运行。

导航图标▽其作用是控制程序从一个图标跳转到另一个图标去执行,常与框架图标配合使用。

框架图标回用于建立页面系统、超文本和超媒体。

决策图标其作用是控制程序流程的走向,気成程序的条件设置、判断处理和循环操作等功能。

交互图标② 用于设置交互作用的结构,以达到实现人机交互的目的计算图标用于计算函数、变量和表达式的值以及编写Authorware 的命令程序,以辅助程序的运行。

群组图标是一个特殊的逻辑功能图标,其作用是将一部分程序图标组合起来,实现模块化子程序的设计。

电影图「〔标用于加载和播放外部各种不同格式的动画和影片声音图标迴用于加载和播放音乐及录制的各种外部声音文件。

视频图标用于控制计算机外接的视频设备的播放开始旗用于设置调试程序的开始位置。

结束旗口用于设置调试程序的结束位置。

Authorware课件制作(上课用)

Authorware课件制作(上课用)

5、目标区域响应

目标区域响应的确定 目标对象及目标区域的确定 设置目标区域响应的属性 目标区域响应设置对话框

传媒技术学院
Authorware的交互功能
6、下拉菜单响应

下拉菜单响应及其属性 设置 如何设置多个主菜单

7、条件响应
条件响应属性的 “自动”必须设成 “为真”或 “当由 假为真” 有三个主菜单的下拉菜单流程图
第 三 章
用Authoware制作课件
传媒技术学院
一、Authorware简介
二、图形图像、文本的编辑及显示图标属性设置
三、简单课件的设计及多媒体的引用
四、Authorware的交互功能
五、Authorware的导航功能
六、Authorware的变量和函数应用
七、多媒体课件的打包发行
传媒技术学院
1.Authorware是一个多媒体开发工具。 2. Authorware的特点:
设置Authorware文件属性 (如何满屏显示?)
传媒技术学院
1、图形图像的编辑

利用绘图工具绘制图形
图形图像、文本的编辑及显示图标属性设置
图形的移动、修改和编辑
绘图工具的使用
设置线型、颜色和填充图案
图形的排列、组合和分解

导入外部图像
传媒技术学院
图形图像、文本的编辑及显示图标属性设置
2、文本的编辑
指向固定路径终点的运动(Path to End) 指向固定路径上任意点的运动(Path to point)

移动效果示例
(升旗的例子)
传媒技术学院
1、交互图标、交互响应及交互分支机构
Authorware的交互功能

Authorware课件制作实例教程-第2章

Authorware课件制作实例教程-第2章

语音实验室的局限
((1)由于座位的隔断,使师生间的视 觉交流、情绪交流受到影响 (2)系统功能的充分发挥依赖教师的教 学思想和教师对语言实验室的操作技 术,否则很难得到预期的教学效果。
数字校园网络的 拓扑结构
任务实现
1、星状结构 2、环状结构 3、总线结构 4、树状结构。
数字校园网络的功 能
(1)学习资源的发布与共享 (2)提供师生信息交流平台 (3)网络办公管理
任务实现
微格教学系统的 概念
所谓微格教学系统,实际上是一个有控制的实践系 统。它是借助现代教育技术设备——摄像机、录像 机、全场录音系统、视频遥控系统、视音频切换机 等,对学生进行某项专门训练,使学生掌握某种技 能技巧的小规模教学系统
任务实现
微格教学的实施
(1)事先的学习和研究 (2)确定培训技能和编写教案 (3)提供示范 (4)微格教学实践 (5)反馈评价 (6)修改教案
任务实现
视听媒体的教学模式
(1)间插式录像教学:即在教学过程中, 录像教学与传统教学及其它教学媒体 互相补充、互相结合的教学方法。 (2)示例式录像教学:它是指运用录 像媒体来演示、展现标准技能(如体 育或舞蹈的动作、一些工作中的操作 程序等),以便学生模仿的教学方式, 多用于技能性的教学活动中。 (3)自学式录像教学:即学生在没有教 师辅导的条件下,独立利用录像教材 进行自学的教学方式。
任务实现
视听媒体的特点
通过有声的、活动的视觉图像,生 动、直观、逼真的传递教育教学 信息,易于集中学习者的注意力、 激发学习者的学习动机,有利于 提高教学效率和效果。
任务实现
视听媒体的教学功能
(1)听觉媒体的使用打破了时空限制, 能扩大了教学的规模和范围。 (2)可提供声音的真实感受,创设教学 氛围。 (3)在语言与音乐等教学与训练中,可 利用听觉媒体提供典型示范,同时, 录音播放文学、音乐作品,可以提高 学生鉴赏能力。 (4)有利于个别化学习。 (5)利用听觉媒体使抽象的教学内容变 得生动、形象、直观,有利于解决教 学难点,提高教学质量。

Authorware实例教程

Authorware实例教程

Authorware实例教程(1):界面和流程2002-11-12· · ··宇风多媒体1 234下一页本系列教程通过一个音乐欣赏实例的制作过程,帮你掌握Authorware 制作多媒体程序的整个过程及有关知识。

只要你投入就能掌握相关技术,并很快拿出自已的多媒体作品。

记住,要学会Authorware并不困难,但在要成为Authorware专家一就不那么容易,因为它的功能太强大了。

现在我们就正式进入主题,讲解一个关于“音乐欣赏” 的多媒体实例,本文介绍界面和流程的制作过程以及相关知识。

用户界面如图1所示。

图1主界面本实例一共有四大模块,界面左侧四个图标为按钮,分别点击后可进入作品赏析、作曲家传、音乐欣赏和视频精选四个分界面。

步骤1:创建新文件我们可以从File菜单中选取New命令,也可以单击工具栏中的按钮。

Authorware将弹出一个名"Untitled"的设计窗口,如图2所示。

图2 只有流程线的设计窗口相关知识:设计窗口是用以显示一个多媒体程序的逻辑设计结构,它很象我们在中学物理中常见的电路图,思路也很相似,我们可以把Authorware中的流程线看成电线,流程线上的各种图标当成是电阻或开关等电子元件,这样就能很好的这种由流程线及其按钮图标组成的“线路图”。

如果你的电路知识一穷二白,当然没有必要再去学电路原理,只不过这样的话在学Authorware时就要有些耐心。

在进一步讲解流程线之前,先要熟悉设计窗口左边的图标工具。

图标工具的运用可以说是Authorware的核心部分。

以往制作多媒体一般要用编程语言,而Authorware通过这些图标的拖放及设置就能完成多媒体程序的开发,因而给多媒体制作领域带来了一场革命。

显示图标负责显示文字或图片对象,即可从外部导入,也可使用内部提供的“图形工具箱”创建文本或绘制简单的图形。

移动图标可以移动显示对象以产生特殊的动画效果,共有五种移动方式可供选择。

Authorware简介及实例1

Authorware简介及实例1

Authorware简介及实例1学习目标:1、通过本课的学习,同学们要了解Authorware的特点和窗口的组成;2、通过Authorware实例1掌握显示图标、等待和擦除图标的使用方法,理解用该软件制作多媒体作品的基本思路。

一、Authorware简介Authorware是美国Macromedia公司推出的可以兼容所有WINDOWS95以上版本的多媒体开发系统,它已经广泛应用于教育和商业领域,我校的大部分课件都是用Authorware制作开发的,首先我们简单了解一下Authorware的基本特点1、具有人机交互能力(11种交互)2、具有直观易用的开发界面(可视化)3、具有多媒体素材集成能力(可插入各种素材:声音、动画、视频、文字等等)4、具有文字、图形图像和动画处理能力5、可以使用模块和库6、具有强大的数据处理能力和集成能力7、提供了设计模板下面我们在认识一下Authorware的界面这是一种组件或者图标式的编程,如课本63页上图,包含在Authorware窗口中的小窗口就式程序设计窗口。

在设计过程中可以拥有一个或多个设计窗口。

它由标题栏和设计平台两部分组成。

设计平台左侧由一条贯穿上下的直线,称为程序流程线。

设计程序时,我们将用到的组件直接拖动到程序流程线上即可。

待会我们就以“鸭子戏水”为例给同学们分析一下设计Authorware程序的大体思路和方法。

二、显示图标、等待图标和擦除图标1、显示图标:用来显示文字、图形或静态图象。

拖动一个显示图标到程序流程线上,双击该图标打开其演示窗口,就可以在这里放上你想显示的内容。

在打开演示窗口同时打开了一个绘图工具面板(如下图1),利用这些其中的工具可以绘制图形和书写文字。

当然,在显示图标中也可以放入外部图片。

绘图工具面板中的各个工具分别是:选择指针、文字工具、直线工具、斜线工具、椭圆工具、矩形工具、圆角矩形和折线工具。

其使用随着后面的学习分别体会。

2、等待图标:用来使多媒体程序暂停,可以设置单击鼠标、按任意键或等待一段指定时间(单位为秒)来结束等待。

用Authorware制作课件1

用Authorware制作课件1

Authorware图标选择板
显示图标 显示文字 移动图标 擦除图标 及图形图像信息 制作多媒体对象的 等待图标 擦除屏幕上 二维简单运动 导航图标 程序运行过程中 所显示的对象 框架图标 用于程序内 产生等待时间间隔 判断图标 包含一组 任意页之间的跳转 实现循环 预定导航图标 图标调色板 及建立程序分支 对图标上色,以标 记图标的重要性 交互图标 计算图标 设置交互程序分支 群组图标 输入和执行语句 并附属反馈按钮 数字电影图标 组合多个图标 扩展图标功能 声音图标 导入数字电影文件 优化设计平台空间 DVD图标 导入并控制 并可以控制回放 知识对象 导入并播放 声音信息 起始/结束图标 导入知识对象 DVD视频 设置程序的 起点和终点
运用2:导入外部图像
• 双击显示图标打开演示窗口 • 单击工具栏上的“导入”按钮
导入的图像文件的内容不添加到 应用程序,应用程序只存储图像 文件的位置和文件名,则程序中 的对象随导入的对象而改变
设置图像属性
• 选中图像,执行“修改|图像属性”
按图像原大小显示 显示当前图像文件 图像以指定的比例缩放 显示图象的引入方式 的位置和文件名 不进行缩放,指定图像的 内部:图像保存在程序中 显示区域,区域外的部分 外部:图像“链接到文件” 将被裁切掉
在显示图标中添加图形图像
运用1:绘制图形
• 双击显示图标打开演示窗口 • 选中浮动工具栏中的绘图工具进行绘制 运用技巧: • 可利用圆角矩形工具弯度控制点调整其弯度 • 按住“shift”键可以画方画圆 • 线型设置仅对绘制的图形有效 • 使用“修改”菜单调整对象的相对位置及层级
在显示图标中添加图形图像
Authorware 设计基础
Authorware7.0 简介 程序的基本调试步骤

autherware教程

autherware教程

第1章 A u t h o r w a r e基础知识作为一个优秀的多媒体制作软件,A u t h o r w a r e已成为众多多媒体创作者的宠儿。

除了它本身具有简单、易上手的因素外,另外一个不可忽视的方面就是它能在绝大多数的操作系统(像Windows 95/98、Windows NT、M a c i n t o s h等)下稳定运行。

由于目前Wi n d o w s仍然在操作系统中独占螯头,因此本章主要讲述Authorware 5在Windows 95/98下的安装及运行。

本章主要内容:• Authorware软件简介。

• Authorware软件的安装。

• Authorware软件的启动与退出。

• Authorware软件窗体的基本构成。

1.1 Authorware简介Authorware 是一个优秀的交互式多媒体编程工具。

它广泛地应用于多媒体教学和商业领域,目前大多数多媒体教学光盘都是用A u t h o r w a r e开发的。

而商业领域的新产品介绍、模拟产品的实际操作工程、设备演示等,也大多采用Authorware 来开发,以求取得良好的企业形象和市场宣传效果。

用A u t h o r w a r e制作多媒体的思路非常简单,它直接采用面向对象的流程线设计,通过流程线的箭头指向就能了解程序的具体流向。

A u t h o r w a r e能够使不具备高级语言编程经验的用户迅速掌握,并创作出高水平的多媒体作品,因而成为多媒体创作首选的工具软件之一。

用A u t h o r w a r e进行多媒体创作,易学易用,创作出来的作品效果好,而且图、文、声、像俱全,最适合于多媒体创作的初学者选择使用。

A u t h o r w a r e主要具有以下特点:1) 简单的面向对象的流程线设计。

用A u t h o r w a r e制作多媒体应用程序,只需在窗口式界面中按一定的顺序组合图标,不需要冗长的程序行,程序的结构紧凑,逻辑性强,便于组织管理。

Althorware课件制作(复习用)

Althorware课件制作(复习用)

光标设置
传媒技术学院
Authorware的交互功能
4、热对象响应

热对象响应分支流程
结构

热对象的确定 热对象属性的设置
传媒技术学院
Authorware的交互功能
5、目标区域响应

目标区域响应的确定 目标对象及目标区域的确定 设置目标区域响应的属性 目标区域响应设置对话框

传媒技术学院
Authorware的交互功能
1.设计窗口右上角的数 字不是设计窗口的编号 2.设计窗口不能用[最 大化]按钮进行最大化 3.对Authorware而言, 一个打开的程序可以拥 有(一个或多个)设计窗 口(使用群组图标)。
传媒技术学院
Authorware简介
2、Authorware7的演示窗口
演示窗 口是最常用 的窗口,它 提供了一个 所见即所得 的设计环境
利用文本菜单编辑文本
执行“Modify”(修改)字体 、大小、风格 、对齐方式 、颜色 “Align”(排列)菜单命 滚动条显示方式 、消除锯齿令后,系统将弹出对齐方 式选择板。 直接导入文本文件 复制和粘贴方式插入文本

导入文本文件

多行文字(多标题)的排列和对齐
传媒技术学院
图形图像、文本的编辑及显示图标属性设置
▲具备多样化的交互作用能力,提供强有力的交
互控制。
传媒技术学院
Authorware简介
1、Authorware7启动和界面 许多常用的菜单命令都配
Authorware7启动 有快捷键,如快捷键
界面: 标题栏 菜单栏 “Ctrl+P”用来运行程序
工具栏
图标栏 编程图工作窗 属性面板
2.流程线处于Authorware主窗 口的设计窗口中,每一条流程线 的最上方和最下方都入口点 和出口点标志。文本和图形不 能直接绘制到主流程线上

Authorware制作实例教程 ppt课件

Authorware制作实例教程  ppt课件

交互图标 是整个交互循环的核心,是创建交互结构 的起始图标。交互图标首先,它可以显示文本和图 形,只要程序执行到交互图标或者流程返回到交互 图标,Authorware就会显示交互图标中的内容;其 次,它能够根据响应,决定程序的流向;另外,交 互图标会使作品暂停等待用户响应;最后,再返回 交互图标时,会擦除显示的对象并回到交互的初始 状态。 交互图标除了具有显示功能外,还具有一些 附加功能。如果在交互图标中增加了按钮响应、热 区响应、文本输入响应和目标区域响应这4类响应类 型,则在编辑交互图标时,与这4种响应类型相对的 响应标志
ppt课件
Authorware
1
学习目标:
ppt课件
1、掌握AUTHORWARE中交互图标的基本功能
2、掌握AUTHORWARE中10种交互图标的使用方法。
3、能够使用使用交互图标制作出综合的AUTHORWARE作品。
Authorware是一个功能强大的多媒体制作软件,它是以图 标为基础、流程图为结构的编辑平台。它能够将图形、声 音、图像和动画有机地组合起来,形成一套完善的多媒体 系统,它的出现使不具备高水平的编程能力的用户创作出 高质量的多媒体应用软件成为可能,而交互作用的控制是 Authorware强大功能的最集中的体现,也是多媒体创作的 核心,是计算机区别于其他媒体的最显著的特征。交互十 分复杂,也十分灵活。
选择退出交互时,Authorware将从交互图标中退出, 执行主流程线上下一个设计图标。
14
ppt课件
选择返回返回,如果你在前面设置了永久选项, Authorware在执行完分支内容后,将跳到首次设 置交互选项所在的位置。
在使用按钮交互响应后,可以选择自己喜欢 的按钮形式,并且设计自定义的按钮。 Authorware为用户提供了丰富的系统按钮形式, 可以直接在这些系统按钮中选择合适的形式,也 可以在系统按钮的基础上加以修改,甚至可以调 用外部图片来设计自定义按钮。
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

12.1.1 应用到的知识点在课件的制作过程中主要应用到以下知识点。

●使用【交互】图标设置分支结构。

●使用【群组】图标的各种类型实现菜单和按钮的设置。

●使用热对象交互响应类型设置。

●使用【框架】和【导航】图标实现文字的超链接效果。

12.1.2 总体效果课件的封面效果如图12-33所示,导入视频的效果如图12-34所示。

图12-33 封面效果图图12-34 导入视频效果图12.1.3 制作步骤1. 制作课件的主页背景部分①新建文件“黄山奇石课件”文件,单击【保存】按钮,保存文件。

②将【交互】图标拖动到窗口,命名为“文件”,再将【群组】图标拖动到【交互】图标下面,类型为【下拉菜单】,并命名为“隐藏文件”,如图12-35所示。

③将【擦除】图标拖动到窗口,选择【被擦除的图标】是“文件”,如图12-35所示。

图12-35 首页窗口④将【显示】图标拖动到【擦除】图标下面,命名为“背景”,单击导入背景图片。

在【工具栏】中选择【文本】,单击鼠标,确定文字输入的位置,在图片上输入“《黄山奇石》”。

⑤在【背景】图标下面建立【群组】图标,命名为“课文学习”,并打开该图标。

2. 导入视频①拖动一个【交互】图标到窗口,命名为“导入新课”。

在【交互】图标下建立两个图标,分别是【群组】图标并命名为“导入新课”和【计算】图标并命名为“退出”。

其属性都设置为:“类型:下拉菜单;范围为:永久;分支为:返回”,如图12-36所示。

图12-36 添加并设置图标属性②双击打开【导入新课】群组图标,插入【数字电影】图标,导入视频文件,如图12-37所示。

图12-37 导入视频文件③打开【计算】图标“退出”,在弹出的代码窗口中输入“GoTo(IconID@"背景")”命令,如图12-38所示。

图12-38 退出视频的代码3. 制作课文朗读①拖动一个【交互】图标到窗口,命名为“课文”。

在【交互】图标下建立两个图标,分别是【群组】图标并命名为“课文”和【计算】图标并命名为“退出”。

其属性都设置为:“类型:下拉菜单;范围为:永久;分支为:返回”。

②双击打开【课文】群组图标,将【显示】图标拖动到窗口中,导入背景图片,并命名为“背景2”。

③在“背景2”下,再建立【显示】图标,命名为“课文”,将原课文导入到里面。

④在【课文】图标下面建立一个声音文件,导入课文的音频文件,如图12-39所示。

⑤打开【计算】图标“退出”,在弹出的代码窗口中输入“GoTo(IconID@"背景") ”。

图12-39 制作课文朗读窗口4. 制作生字①拖动一个【交互】图标到窗口,命名为“生字”。

在【交互】图标下建立两个图标,分别是【群组】图标并命名为“导入新课”和【计算】图标并命名为“退出”。

其属性都设置为:“类型:下拉菜单;范围为:永久;分支为:返回”。

②双击打开【生字】群组图标,将【框架】图标拖动到窗口中,双击打开【框架图标】层,将【返回按钮】以外的【框架】图标按钮全部删除,如图12-40所示。

图12-40 更改框架按钮窗口③在【群组】图标“生字”里面建立【框架】图标,然后将【显示】图标拖动到窗口中,在【显示】图标里建立一个背景,背景内容是利用【文本工具】键入的12个生字,分别是:“区”、“省”、“秀”、“尤”、“其”、“仙”、“翻”、“滚”、“巨”、“著”、“形”、“状”。

④将12个字的Flash导入到【框架】图标下,准备做热字,如图12-41所示。

图12-41 导入Flash文件窗口⑤做热字过程。

单击【文本】|【定义样式】命令,输入“热字”,单击【添加】按钮,在示例中选择【单击】和【指针】。

选中“区”字,然后单击【文本】|【应用样式】命令,弹出窗口,选择【热字】,在弹出的窗口中,选择要与Flash生字链接的页。

这样,“区”字的热字就制作完成。

使用相同的方法制作其余11个生字的热字,如图12-42所示。

图12-42 制作热字窗口⑥打开【计算】图标“退出”,在弹出的代码窗口中输入“GoTo(IconID@"背景") ”命令。

5. 制作课文分析①拖动一个【交互】图标到窗口,命名为“课文分析”。

在【交互】图标下建立两个图标,分别是【群组】图标并命名为“课文分析”,【计算】图标并命名为“退出”。

其属性都设置为:“类型:下拉菜单;范围:永久;分支:返回”。

②将【擦除】图标拖动到窗口,选择【被擦除的图标】是“背景”。

③将【显示】图标拖动到【擦除】图标下面,导入背景图片。

④在【显示】图标下建立一个【交互】图标,在【交互】图标下面建立6个【群组】图标,其设置均为“类型:按钮”,分别命名为“第一段课文”、“第二段课文”……“第六段课文”的按钮。

如图12-43所示。

图12-43 设置课文的群组按钮⑤单击【按钮】属性,在打开的窗口中选择样式,如图12-44所示。

⑥打开“第一段课文”的【群组】图标按钮。

将【擦除】图标拖动到窗口,选择【被擦除的图标】是“背景”。

在【擦除】图标下面,建立一个【框架】图标,将【框架】图标拖动到窗口中,【框架】图标按钮全部被删除。

在【框架】图标下面建立一个【显示】图标,然后导入第一段课文的内容。

使用同样的方法,制作其余的五段课文,如图12-45所示。

⑦打开【计算】图标“退出”,在弹出的代码窗口中输入“GoTo(IconID@"删除图标") ”命令。

图12-44 更改按钮样式窗口图12-45 【制作第一段课窗口】6. 制作练习①拖动一个【交互】图标到窗口,命名为“课文分析”。

在【交互】图标下建立两个图标,分别是【群组】图标并命名为“课文分析”,【计算】图标并命名为“退出”。

其属性都设置为:“类型:下拉菜单;范围:永久;分支:返回”。

②将【擦除】图标拖动到窗口,选择【被擦除的图标】为“背景”。

③将【显示】图标拖动到【擦除】图标下面,导入背景图片。

④将【显示】图标拖动到【擦除】图标下面,键入生词,如图12-46所示。

⑤在每个拼音字母上添加【热区域】,当鼠标单击拼音时,出现相对应的文字。

在【显示】图标的下面建立【交互】图标,在【交互】图标下面建立12个【显示】图标并且它们的属性是【热区域】,在【显示】图标里面写入与其对应的12个生字,显示图标名字分别是12个生字,如图12-47所示。

图12-46 窗口显示练习的内容图12-47 制作热区域窗口⑥按组合键Ctrl+单击交互图标,打开【交互】图标,出现热区的显示框,并且调整它们的位置,将它们分别移到与之对应的每个生字的拼音上,调整正确的位置,这样当单击拼音时,就会在下面出现相应的文字,如图12-48所示。

图12-48 调整显示框的位置⑦打开【计算】图标“退出”,在弹出的代码窗口中输入“GoTo(IconID@"删除图标") ”命令。

7. 制作练习结束①拖动一个【交互】图标到窗口,命名为“结束”。

在【交互】图标下建立一个【群组】图标并命名为“结束”,其属性为“类型:下拉菜单;范围:永久;分支:返回”,如图12-49所示。

图12-49 课文学习窗口里的内容②打开【群组】图标“结束”,建立一个【计算】图标,命名为“退出”。

双击,打开【计算】图标,在弹出的代码窗口中键入命令“quit();”,如图12-50所示。

图12-50 编辑退出课件语句窗口③打开【计算】图标“退出”,在弹出的代码窗口中键入“GoTo(IconID@"删除图标") ”命令。

④本实例制作完毕,保存文件。

12.2 实例2:使用Authorware制作《小熊购物》课件12.2.1 设计说明本课件主要针对《小学数学二年级下册》第二单元混合运算中《小熊购物》一课进行设计。

通过本课程的学习使学生能够用综合算式解答问题,并掌握“先乘除,后加减”的运算法则。

本课件共分为6大部分。

第1部分是课件封面,第2部分是算一算,第3部分是想一想,第4部分是数一数,第5部分是试一试,第6部分是说一说。

①课件封面主要是显示课件标题和制作人,并利用导航按钮进入课件相应部分。

②算一算部分先是创建小熊购物情境,然后通过情境图提出数学问题,再总结出“先乘后加”的运算顺序。

③想一想部分在算一算的基础上继续进行讨论,总结出“先乘后减”的运算顺序。

④数一数、试一试、说一说3部分通过练习对所学知识进行拓展,巩固应用。

12.2.2 应用到的知识点在课件的制作过程中主要应用到以下知识点。

●各种素材文件的导入。

●使用【移动】图标进行简单的动画制作。

●热对象交互响应类型设置。

●使用【判断】图标设置分支结构。

●使用【框架】和【导航】图标实现文字的超链接效果。

12.2.3 总体效果《小熊购物》课件的总体效果如图12-17至图12-20所示。

图12-17 小熊购物封面效果图 图12-18 【算一算】运行效果图图12-19 【想一想】运行效果图 图12-20 【说一说】运行效果图 12.2.4 制作步骤1. 制作课件封面程序主要流程如图12-21所示。

图12-21 【小熊购物】程序设计窗口① 新建文件以“小熊购物.a7p ”为文件名保存。

在菜单栏上选择【修改】|【文件】|【属性】命令,弹出文件属性面板,设置文件大小为“800×600(SVGA )”,【选项】为“显示标题栏”,如图12-22所示。

图12-22 文件属性面板② 拖动一个【显示】图标到流程线上释放,命名为“封面”,导入背景图片,并输入文字内容。

在菜单栏上选择【修改】|【图标】|【属性】命令,弹出显示图标属性面板,单击特效后面的按钮,弹出【特效方式】对话框,设置封面出现时的过渡效果。

③ 拖动一个【群组】图标到流程线上释放,命名为“按钮”。

双击打开【按钮】群组图标,在菜单栏上单击【插入】|【媒体】|【Flash Movie...】命令,依次导入5个flash 文件,命名为“算”、“想”、“数”、“试”和“说”,单击【常用工具栏】上的【运行】按钮,调整到适当的位置,如图12-17所示。

④在【按钮】群组图标下面拖放一个【交互】图标,命名为“交互”。

在【交互】图标右侧拖放一个【群组】图标,在弹出的【交互类型】对话框中选择【热对象】单选项,单击【确定】按钮,命名为“算一算”。

双击热对象交互类型标志,弹出热对象交互类型属性面板,单击【算一算】flash按钮,使其成为热对象,设置匹配方式为“单击”,鼠标为手形,如图12-23所示,单击【响应】选项卡,设置范围为“永久”。

图12-23 热对象交互类型属性面板⑤继续在【交互】图标右侧拖放4个【群组】图标,依次命名为“想一想”、“数一数”、“试一试”、“说一说”。

参照步骤④设置各分支响应图标的交互属性。

2. 制作【算一算】群组图标内容程序主要流程如图12-24所示。

图12-24 【算一算】程序设计窗口①双击打开【算一算】群组图标,拖动一个【擦除】图标到流程线上释放,命名为“擦除封面”。

相关文档
最新文档