《互动媒体设计A教案汇总.docx》由会员分享，可在线阅读，更多相关《互动媒体设计A教案汇总.docx（19页珍藏版）》请在三一办公上搜索。
1、教案20152016学年第2学期课程名称互动媒体设计A系（院、部）艺术学院教研室（试验室）视觉与媒体艺术授课班级艺视141、142主讲教师张青荣职称副教授使用教材中文版666网页设计好用图濯淮海工学院教务处制二O一六年三月教案（首页）课程名称互动媒体设计A总计：48学时课程类别基础必修课学分3讲爆I23学时分析探讨图:_1.学时大作业与设计：学时任爆教师张青荣职称，副教授授爆对a专业班级：艺术121、122共2个班K考资料本教材和主教材：4中文版666网页设计好用教程，张志科编著，人民邮电出版社发行部出版，出版时间:2016-1-1主要参考书：【、C实例与操作万茂山等（著）北京希望电子出版社.
2、2、与动感网页制作周全,刘进军，电子工业出版社教学基本内容三一、互动媒体设计概论：什么叫媒体？所谓媒体，是指传播信息的介脑，通俗的说就是宣扬平台，能为信息的传播供应平台的就可以称为媒体了，至于媒体的内容，应当依据国家现行的有关政策，结合广告市场的实际需求不断更新，确保其可行性、相宜性和有效性。此前，传统的四大媒体分别为：1、电视：2、广播：3、报纸：4、网站：此外，还应有户外媒体，如路牌灯箱的广告位等。就其H前相宜性来讲，媒体应按其形式划分为平面、电波、网络三大类，即：I、平面媒体：主要包括印刷类、非印刷类、光电类等。2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等。3、网络媒体：主
3、要包括网络索引、平面、动画、论坛等.什么叫多媒体？多媒体:它集合文字、图形、图像、动画、视频、录像、声音、音乐等传统表现媒体的优点，结合了计鲸机的交互功能，开发者针对客户与项目需求通过细心的策划创意构思,结合各种表现方式,运用计算机对相关素材进行编程集成，使其成为一有机的整体，举例讲解、多媒体讲解、案例讲解：运用板书与投影仪例帆媒讲案讲用书投仪举讲多体叫例峰运板与影豕什么叫互动媒体？互动媒体来自英文，是指多歪的，即媒体，指我们用来表达信息的战体与形式。多媒体从字面上说明是多种媒体（文字、图像、动画、视频、声音、音乐）集合的,意思。二、网页设计：（一）,网页媒介信息分类1.文字2 .图像3 声音
4、4 .视频5 .动画（二）、网页结构基本形式：1 .分栏结构形式2 .框架结构形式3 .开放结构形式4 .综合式（三）、网页广告：放置在网站页面上，是互联网广告中最堪本的广告形式，一般运用格式的图像文件，可以运用静态图形，也可用动画图像）。J可以是网站页面的横幅广告，也可以是游行活动时用的旗帜，还可以是报纸杂志上的大标题“主要体现中心岖旨，形象显明表达最主要的情感思想或宣扬中心。（四）、网页设计制作程序前期创作策划、资料的收集整理、主题定位、栏目结构规划、设计、整体视觉艺术创意设计、页面扑版布局设计、网站页面排版与艺术设计稿绘制；中期制作排版布局细化、造型制作、动画制作、背景绘制、按钮制作、声
5、音添加等：后期处理动作语言的添加、交互链接、作品的输出、测试、优化与发布等.三、互动媒体设计常用软件：早期：等目前：网页三剑客：、现在一般用代替以等专业级网站进行编程作业、探讨题、思索题:1 .上网查询互动媒体设计的有关资利.探讨思索互动媒体设计的特点是什么2 .构想一个个人主题网站，思索其大致内容结构。课后小结：互动媒体设计A课程教案课次2授课方式（请打J）理论课探讨课口试聆课习应课口其他口时配课支3授课题目（教学章、节或主题：其次章软件基础学习（一）教学目的、要求：相识的基本界面与基础图形绘制方法，理解帧的概念与编辑技巧，学习逐帧动画.教学重点与难点：互动媒体设计的设计方法、的基本操作方法
6、，帧的概念与编辑技巧，学习逐帧动画（教学重点）帧的概念与编辑技巧，学习逐帧动画（教学难点教学基本内容方法与手段其次章软件基础学习（一）一、操作界面相识二、基本绘图方法I、基本几何形的绘制2、基础自然形的绘制3、场景的创建与选择三、帧的概念与编辑技巧，学习逐帧动画IX帧的基本概念与类型电影就是把许多画面也在一条缈料胶片上，每个画面称为一帧.中帧是创建动画的基珈，不同的帧代表若不同的时刻。帧的类型：1 .关键帧。以实心圆表示，代表这个帧中含有对象。2 .一般帧-一般帧中的对象恒久和离它最近的关键帧中的对象保持一样.3 .空白关健帧.以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中加入对彖
7、即可变成关键帧。举例讲解、多媒体讲解、提问与探讨式教学;4 .一般空白帧.代表空白区域中没有任何对象.5 .运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。6 .形态渐变帧,以底色为浅绿色的箭头符号表示，代表这个区域存在形态补间动画。2）、逐帧动画的制作方法老师演示逐帧动画制作实例作业、探讨题、思索题：1、课后接着进询互动媒体设计”的相关资料：2,进一步完成个人网站的结构创意设计与标记设计；3、深后任习巩固课堂所学技能。课后小结：互动媒体设计A课程教案课次3授课方式（请打课时理论课J探讨课口试验课J习题课其他口:二3xn1.授课题目（教学章、节或主题）：其次章软件基础学
8、习（二）教学目的、要求：相识的形态与元件,驾驭形态与动作补间动画的基本原理与制作方法.教学装点与难点：相识的形态与元件，驾驭形态与动作补间动画的基本原理与制作方法（教学重点）形态与动作补问动画的施本原理与制作方法（教学难点）教学基本内容攀:软件基础学习（二）1、形态的概念、学习形态补间动画：形态补间动画的制作程序与技巧2、元件的概念、学习动作补问动画：元件的基本概念与类型，在中，经常须要重:更运用一些元素，用户可以将这些元素装入元件中，须要时再调用，避开无谓操作，并可以大大削减文件大小，提高播放速度。元件也被称作符号或图符，是动画的重要组成部分,元件的主要特性是可以被重更利用，且不会影响影片的
9、大小。中包括三种元件类型，分别为图形元件、影片剪辑元件与按钮元件，每一种元件都具有独特的属性。中的全部元件都被归纳在库面板中，可以被随时调用,非常便利。即使在场景中将全部元件全部删除，也不会影响库面板中的元件。动作补间动画供应了两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画乂可以分为形态渐变动画与运动渐变动画两种，用户可以轻易的使对象在场景中来网的运动，在运动的过程中还可以伴随有诸如放大、缩小、旋转、变色以与淡入淡出等丰富效果.举例讲解、多媒体讲解、提问与探讨式教学作业、探讨题、思索题：1,谡后更习巩固课审所学技能。课后小结：互动媒体设计A课程教案课次-1授课方式（请打J）理论课J
10、探讨课口试脸课J习题课其他|黑3授课题目（教学章、节或主题）：其次章软件基础学习（三）教学目的、要求：了解中影片剪辑的基本概念与类型；熟识中影片剪辑动画的制作方法、编辑与修改方法。教学重点与难点：【解中影片剪拊的基本概念与类型：熟识中影片剪辑动画的制作方法、编辑与修改方法（教学重点）中影片剪辑动画的原理特点、制作方怯与修改方法（教学难点）教学基本内容篇软件基础学习（三）中账片剪辑的运用1、中影片剪辑的特点与创建方法2、中影片剪辑的编辑与修改方法3、中影片剪辑所塑造的动画特效案例分析举例讲解、多媒体讲解、提问与探讨式教学作业、探讨题、思索题：做影片剪辑动画实践练习。课后小结：互动媒体设计A课程教
11、案课次5授课方式（请打J）课时理论课J探讨课口试验课J习粕课口其他口T13文R1.授课题目（教学章、节或主题）：其次章软件基础学习（四）教学目的、要求：相识中引导层的特点与创建方法，驾驭中路径动画的编辑制作方法.教学至点与难点：中引导层的特点与创殂方法，中路径动画的编辑制作方法（教学重点）中路径动画的编辑制作方法（教学难点）教学基本内容方嚣J、相识引导层:1 .一般引导层：用于绘制协助图形的图层，独立成为一层.2 .运动引导层，用于绘制场动路径的图层,至少引导一个图层.3 .被引导的图层：图层中的时象依据运动引导层中的路径运动.二、创建引导层动画：一般引导层可以理好为除标尺、网格等协助工具以外
12、的另一种协助制图手段，例如在引导层上绘制图形.然后如一般图层上的对象与引导层中的图形对齐,或者在引导层中绘制一个网页的框架，接着在一艘图层中制作网页内容。引导层除了起到引导的作用以外，同时具备一般图层中的任何属性，也就是说，在一般图层上能执行的操作在引导层上同样可以，它们之间唯一的区分是在引导层上绘制的图形与线条为引导线,在播放影片时.不会被显示出来. 创建一般引导层 创建运动引导层 同时引导多个图层实例搽作：引导层动画制作.举例讲解、老师示范讲斛、案例精”作业、探讨题、思索题：做引导层动画实践练习.课后小结：互动媒体设计A课程教案课次6授课方式（请打J）理论课J探讨课口试脸课J习也课口其他口
13、课时支配3授谡题目（教学章、节或主题）：其次章软件基础学习（五）教学目的、要求：相识中遮罩层的特点与创建方法，驾驭中遮摄动画的编辑制作方法.教学全点与难点：中遮罩层的特点与创建方法，中遮罩动画的编辑制作方法（教学重点）中遮黑动画的编辑制作方法（教学难点）教学基本内容方法与手段、相识遮覆层：1、遮罩层:图层中的对象与下面的图层建立遮罩的关系,至少遮罩*个图层。2、馥遮罩图层：图层中的对象与上面的图层建立被遮罩的关系。二、创建遮罩U动画：遮罩在中有着广泛的应用，可以做出许多面:想不到的效果。遮草层的实现须要通过两个以上的图层，建立遮罩与被遮罩的关系，也就是说，遮般层不仅可以与个般图层之间建立遮罩美
14、系，也可以同时与多个股图层之间建立遮罩关系。遮罩层的原理：理解遮罩层的原理关便要记住两条：第一，遮罩层本身是不会被望见的。不管画出什么图形，简洁或困难，只要它被用作遮罩层，在播放时就不会显示出来，也就是说，不用管它是什么颜色，遮罩层只要求图形的形态，在遮罩乂中，图形的填充蹶色，或是位图里的图形都会被忽视，得到的遮罩范围只是这个图形的剪影。其次，遮罩层中的对象覆盖的部分，就是建立遮罩关系后显示的部分。另外，线条不行以被用来制作遮罩层，要应用线条，必须要将它转换为填充色.将多个图必应用丁同一个遮罩展时，只需将这个图忆拖拽理遮罩以之下，即可与遮罩层之间建立了遮草和被遮罩的关系。实例操作：引导层动画制
15、作。举例讲解、老师示范讲解、案例解析作业、探讨题、思索迤：做引导层动画实践练习.课后小结：互动媒体设计A课程教案课次7授课方式（请打J）课时理论课J探讨课口试验课习题课其他口T二3支配授课题目（教学章、节或主题）：其次章软件基础学习（六）教学目的、要求：相识中按钮的特点与创建方法、驾驭中按钮的编辑与修改方法，中按钮的动作指令添加方法。教学重点与难点：中按钮的特点与创建方法、中按钮的编辑与修改方法、按钮的动作指令添加方法。（教学善点中按钮的编辑与修改方法、按钮的动作指令添加（教学难点）教学基本内容方法与手段软件基础学习（六）中按钮元件的制作与动作指令：举例讲解、老师示范讲一、按钮元件的特点与创建
16、：通过绘制与鼠标事务相对应的对阪，按钮元件主要用于创建响应取标事务的交互式按钮。以标事务包括鼠标触与与单击两种。聘绘制的图形转换为按钮元件，在播放影片时，当鼠标靠近图形时，光标就会变成小手状态，为按钮元件添加脚本语言，即可实现影片的限制。二、中按钮的编辑与修改方法三、中按钮的动作指令解析：交互式动画就是允许观众对影片进行限制，而达到某种目的的动画0交交互式动画原理：交互式动画是由触发动作的事务、事务的目标和触发事务的动作3个因素组成的，例如单击按钮后，影片起先播放这一事务。其中，单击是触发动作的事务，按钮是事务的目标，影片起先播放是触发事务的动作。换句话说，事务、目标和动作构成了个交互式动画。
17、在中，事务包括鼠标事务、键盘事务和帧事务三种。目标包括时间轴、按钮元件和影片剪辑元件三种。而动作就是指限制影片的一系列脚本语言，所以说脚本语言的编写也就是各种动作的编写。解、案例解析在编写脚本语言时,既可以通过干脆在脚本编辑区中输入字符进行编写，又可以通过在动作工具栏中选择项目进行编写。单击动作工具栏中的项目文件夹，可绽开或收缩文件夹。在绽开的项目文件夹中包含多个脚本项目，通过双击进行选择。此外，还可以通过添加动作按钮，将新项目添加到脚本中.时间轴限制中包括了几种最常用的动作，用于限制影片或影片剪辑元件中的时间轴。理解这些语言的意义，驾驭它们的编写与操作，可以轻松实现交互式影片中最为常见的效果
18、。实例如限制影片的播放,停止和重新播放等。时间轴限制吩咐位于全局函数的子文件夹中。四、中部分按钮特效案例解析五、老加做按钮元件的制作与动作指令的操作的教学示范0作业、探讨题、思索题：按钮元件的制作与动作指令的操作实践练习。课后小结：互动媒体设计A课程教案课次8授课方式（清打理论课探讨课口试验课J习胞课其他口课时支配3授课题目（教学章、节或主题：按钮元件与动作指令试脸教学目的、要求：通过试验操作进步相识中按钮的特点与创建方法、驾驭中按钮的编辑与修改方法，中按钮的动作指令添加方法。教学装点与难点：中按钮的特点与创建方法、中按钮的编辑与修改方法、按钮的动作指令添加试脸0（教学重点）中按钮的编辑与修改
19、方法、按钮的动作指令添加试验（教学难点）教学基本内容方法与手段学生进行按钮元件的制作与动作指令的试验操作练习。老和针对问题示范演练，巡回指导。学生试验操作，老川:计对问Je演示指导作业、探讨题、思索题：按钮元件的制作与动作指令的操作实践练习。课后小结:互动媒体设计A课程教案课次9授课方式（请打J）课时理论课J探讨读试验课J月题课口其他口T,3Xn1.授课题目（教学章、节或主题：其次章软件基础学习（七）教学目的、要求：r解声音与其它媒体的导入程序：熟识多场景动画的链接设理方法：驾驭影片的测试、优化、发布与导出方法。教学重点与难点：导入声音与其它媒体的操作方法（教学重点）多场景动画的链接设巴方法（
20、教学难点）教学基本内容嗡5举例讲斛、老师示范讲解、案例解析软件基础学习（七）中导入声音与其它媒体，多场录动画一、声音的导入：声音是的影片的重要组成部分，有声影片会使动画更加生动自然，给人身临其境之感“在中，既可以为整部影片添加声音，也可以单独为影片中的某个元件添加声音。在部影片中，同个声音文件可以被反纪利用。用户还可以自行设定声音与影片的同步方式0而在声音资源的运用上也有着其它软件无法媲美的高压缩率，所以制作的影片极为灵巧，便于流传。可以导入影片的声音格式有：、3和（仅限苹果机）格式。以上格式中，最常用的为格式,它既可以应用于机，乂可以应用于苹果机.声音导入的程序：1.新建文档，执行“文件”一
21、“导入”一“导入到库”吩咐，帅出“导入到库”的对话框，在文件类型中选择声音格式，接着选中要导入的声音文件，单击“确定”按钮.2.返回场景编辑模式，按下快捷键打开库面板，在库面板中可以看到刚刚选择的声音文件。声音不但可以应用于整部影片中，还可以应用于某个元件中，和元件的原理相同，声音可以被反更利用与制作各种声音效果，均以库面板中声音为基础。二、其它媒体的导入与声音的导入方法相像：三、多场景动画琏接。I、为每一个场景最终一帧设置停止动作语言关键帧；2、在每一个场景添加好相应的链接按钮：3、为每个链接按钮正确添加动作语言。*留意：输入动作语言是全角与半角输入法的精准切换！四、影片的测试、优化、发布与
22、导出：1 .可以在两种环境下测试影片，一种为账片编辑环境，另一种为账片测试环境。在影片编辑环境下，按键可以对影片进行简洁的测试，但影片中的影片剪辑元件、按钮元件以与脚本语言也就是影片的交互式效果均不能得到测试。要在影片编辑环境下测试简洁的帧动作（、和），须要执行“限制”“启用简洁帧动作”吩咐2 .优化影片的最终目的是削减文件的大小，确保它的播放流畅。因为无论影片如何精彩，假如在播放的过程中发牛.多次间断，都会影响它的效果.所以对影片进行必要的优化是影片制作的最终步骤，下面将讲解并描述如何对影片的各种对象进行优化以与优化的一些技巧。3 .可以将影片发布成多种格式，而在发布之前需进行必要的发布设置
23、，定义发布的格式以与相应的设置，达到最佳效果。在“发布设置对话框中，可以一次性发布多个格式，且每种格式均保存为指定的发布设置，可以拥有不同的名字。4 .导出影片不像发布那样可以对影片的各方面进行设置.它可以把当前影片全部导出为支持的格式而影片的导出分为两种，分别是导出图片与导出影片。五、老师做声音与其它媒体导入、多场景动画链接设置、影片的测试、优化与导出教学示范。作业、探讨题、思索题：做声音与其它媒体导入、多场景动画设置与影片的测试、优化与导出实践操作练习。课后小结：互动媒体设计A课程教案课次10授课方式（请打J）理论课探讨课口试聆课习应课口其他口时配课支3授课题目（教学章、节或主题：中导入声
24、音与其它媒体、多场景徒接试验教学目的、要求：通过试验悚作进一步了解声音与其它媒体的导入程序：熟识多场景动画的链接设置方法：驾驭影片的测试、优化、发布与导出方法。教学重点与难点：导入声音与其它媒体的操作试验（教学重点）多场景动画的链接设置试验（教学难点）教学基本内容方法与手段学生进行按钮元件的制作与动作指令的试验悚作练习。老册针对问题示范演练，巡回指导。学生试验操作，老师针对问题演示指导作业、探讨题、思索题：做声音与其它媒体导入、多场景动画设置与影片的测试、优化与导出实践操作练习。课后小结：互动媒体设计A课程教案授课方式（请打J）理论课J探讨课口试命课J习题课口其他口课时支配3课次11授课题目（
25、教学章、节或主题:9大作业方案设计与探讨教学目的、要求：通过试验操作进一步/解声音与其它媒体的导入程序：熟识多场景动画的链接设置方法；驾驭影片的测试、优化,发布与导出方法。教学重点与难点：导入声音与其它媒体的操作试验（教学重点多场景动画的链接设置成验（教学难点教学基本内容方法与手段学生进行按钮元件的制作与动作指令的试验操作练习。老师针对问题示范演练，巡回指导。学生试验操作，老师针对问超演示指导作业、探讨题、思索题：做声音与其它媒体导入、多场奥动画设置与影片的测试、优化与导出实践操作练习。课后小结：互动煤体设计A课程教案课次12授课方式由公We处4W,-1.m1.1.1./H&C课时Q（请打）理
26、1仑课口探讨出口试脸课其他口支配3授课题目（教学章、节或主题）：第四章互动媒体设计综合作业实践训练1教学目的、要求：通过互动媒体设计综合作业实践训练，进一步了解互动媒体作品制作的程序，熟识互动媒体作品制作的原理与方法，驾驭互动媒体作品制作的方法与技巧。教学全点与难点：互动媒体综合作品的艺术设计与制作技巧的现实运用（教学重点）互动媒体综合作品的制作技巧的现实作品运用（教学难点）教学基本内容方法与手段一、理论学问与关键操作技巧学问的兔习二、互动媒体综合作业设计与制作实践训练学生进行互动媒体综合作品的设计制作实践练习，老师随堂指导。实践教学作业、探讨题、思索题：进入主题性互动媒体设计绦合作业的设计与
27、制作阶段。课后小结：互动煤体设计A课程教案课次12熠”理论课探讨课口试验课J习区课其他墨5授课题目（教学章、节或主题）：课程总结与作业点评、修正完善教学目的、要求：通过课程总结与作业点评，进一步明白互动媒体作品制作的程序、明晰互动媒体作品制作的原理与方法、驾驭互动媒体作品制作的方法与技巧。教学全点与难点：互动媒体综合作品的制作完成教学重点）互动媒体综合作品的艺术创意与制作表现的结合（教学难点）教学基本内容方法与手段一、课程总结与作业点评；二、互动媒体综合作业的后期制作实践训练：学生进行互动媒体综合作品的后期制作实践练习，老师随堂指导。实我教学：总站、作业点评、探讨.作业、探讨题、思索题:进步修正与完善主题性互动媒体综合作业的制作。课后小结：
