《互动媒体设计A》教案汇总

作业、讨论题、思考题：
1.上网查询互动媒体设计的有关资料，讨论思考互动媒体设计的特点是什么?
2.构想一个个人主题网站，思考其大致内容结构。
课后小结：
《互动媒体设计A》课程教案
课次
2
授课方式
（请打√）
理论课√讨论课□ 实验课√习题课□ 其他□
课时
安排
3
授课题目（教学章、节或主题）：
第二章 Flash软件基础学习（一）
Flash中的所有元件都被归纳在库面板中，可以被随时调用，十分方便。即使在场景中将所有元件全部删除，也不会影响库面板中的元件。
动作补间动画
Flash提供了两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画又可以分为形状渐变动画与运动渐变动画两种，用户可以轻易的使对象在场景中来回的运动，在运动的过程中还可以伴随有诸如放大、缩小、旋转、变色以及淡入淡出等丰富效果。
什么叫多媒体？
多媒体：它集合文字、图形、图像、动画、视频、录像、声音、音乐等传统表现媒体的优点，结合了计算机的交互功能，开发者针对客户及项目需求通过精心的策划创意构思，结合各种表现方式，运用计算机对相关素材进行编程集成，使其成为一有机的整体。
举例讲解、多媒体讲解、案例讲解；
使用板书及投影仪等。
什么叫互动媒体？
教学要求:
1、掌握互动媒体设计创作的基本原理与方法；
2、掌握软件Flash的基本使用方法；
3、独立完成一段互动网站的制作；
教及学难重点点
教学重点:
互动媒体设计分类和特点、互动媒体的设计与创作方法、Flash的动画编辑技巧、Flash与Dreamweaver的互动媒体设计知识。
教学难点:
互动媒体的设计与创作方法、Flash的动画编辑技巧、互动媒体设计实践。
教学目的、要求：
认识Flash的基本界面与基础图形绘制方法，理解Flash帧的概念与编辑技巧，学习逐帧动画.
教学重点及难点：
互动媒体设计的设计方法、Flash的基本操作方法，Flash帧的概念与编辑技巧，学习逐帧动画（教学重点）
Flash帧的概念与编辑技巧，学习逐帧动画（教学难点）
教学基本内容
方法及手段
创建普通引导层
创建运动引导层
同时引导多个图层
实例操作：引导层动画制作。
举例讲解、教师示范讲解、案例解析
作业、讨论题、思考题：
做引导层动画实践练习。
课后小结：
《互动媒体设计A》课程教案
课次
6
授课方式
（请打√）
理论课√讨论课□ 实验课√习题课□ 其他□
课时
安排
3
授课题目（教学章、节或主题）：
第二章 Flash软件基础学习（五）
5．运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。
6．形状渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。
2）、逐帧动画的制作方法
教师演示逐帧动画制作实例
作业、讨论题、思考题：
1、课后继续查询“互动媒体设计”的相关资料；
2、进一步完成个人网站的结构创意设计与标志设计；
Flash帧的类型：
1．关键帧。以实心圆表示，代表这个帧中含有对象。
2．普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。
3．空白关键帧。以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中加入对象即可变成关键帧。
举例讲解、多媒体讲解、提问与讨论式教学
4．一般空白帧。代表空白区域中没有任何对象。
1、电视；
2、广播；
3、报纸；
4、网站；
此外，还应有户外媒体，如路牌灯箱的广告位等。
就其目前适宜性来讲，媒体应按其形式划分为平面、电波、网络三大类，即：
1、平面媒体：主要包括印刷类、非印刷类、光电类等。
2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等。
3、网络媒体：主要包括网络索引、平面、动画、论坛等。
教学重点及难点：
了解Flash中影片剪辑的基本概念与类型；熟悉Flash中影片剪辑动画的制作方法、编辑与修改方法（教学重点）
Flash中影片剪辑动画的原理特点、制作方法与修改方法（教学难点）
教学基本内容
方法及手段
flash软件基础学习（三）
Flash中影片剪辑的运用
1、Flash中影片剪辑的特点及创建方法
互动媒体来自英文Multimedia , multi是指多重的，media即媒体，指我们用来表达信息的载体与形式。多媒体从字面上解释是多种媒体（文字、图像、动画、视频、声音、音乐）集合的意思。
二、网页设计：
（一）、网页媒介信息分类
1.文 字
2.图 像
3.声 音
4.视 频
5.动 画
（二）、网页结构基本形式：
教学目的、要求：
认识Flash中遮罩层的特点及创建方法，掌握Flash中遮罩动画的编辑制作方法。
教学重点及难点：
Flash中遮罩层的特点及创建方法， Flash中遮罩动画的编辑制作方法（教学重点）
Flash中遮罩动画的编辑制作方法（教学难点）
教学基本内容
方法及手段
一、认识遮罩层：
1、遮罩层：图层中的对象与下面的图层建立遮罩的关系，至少遮罩一个图层。
课 程
名 称
互动媒体设计A
总计：48学时
课 程
类 别
基础必修课
学分
3
讲课：23学时
分析讨论课:1学时
大作业及设计：24学时
任 课
教 师
张青荣
职称：副教授
授课对 象
专业班级：艺术121、122共2个班
基要本参教考材资和料主
教材：《中文版Dreamweaver CS6/Flash CS6/Photoshop CS6网页设计实用教程》，张志科编著，人民邮电出版社发行部出版，出版时间：2016-1-1
主要参考书：
1、《flash mx实例与操作》万茂山等（著）北京希望电子出版社。
2、《Flash与动感网页制作》周全,刘进军，电子工业出版社
教和学要目求的
教学目的:
互动媒体设计是艺术设计专业的一门专业基础必修课程。通过对互动媒体作品的艺术创作方法进行深入讲解,使学生对互动媒体的艺术创作与应用有较全面的了解,掌握互动媒体艺术创作设计的流程,培养学生应用计算机软件进行互动媒体艺术作品基本创作与设计制作的能力，为后续的专业设计服务。
《互动媒体设计A》课程教案
课次
1
授课方式
（请打√）
理论课√讨论课□ 实验课□习题课□ 其他□
课时
安排
3
授课题目（教学章、节或主题）：
第一章、互动媒体设计概论
教学目的、要求：
认识互动媒体设计的基本概念；熟悉互动媒体设计的分类与设计方法；掌握网页设计的基本元素、基本结构形式以及设计制作程序，了解互动媒体设计基础软件。
认识Flash的形状与元件，掌握形状与动作补间动画的基本原理与制作方法（教学重点）
形状与动作补间动画的基本原理与制作方法（教学难点）
教学基本内容
方法及手段
Flash软件基础学习（二）
1、形状的概念、学习形状补间动画；
形状补间动画的制作程序与技巧
2、元件的概念、学习动作补间动画；
元件的基本概念与类型：
1.分栏结构形式
2.框架结构形式
3.开放结构形式
4.综合式
（三）、网页banner广告：
放置在网站页面上，是互联网广告中最基本的广告形式, 一般使用GIF格式的图像文件, 可以使用静态图形, 也可用动画图像) 。
Banner：可以是网站页面的横幅广告，也可以是游行活动时用的旗帜，还可以是报纸杂志上的大标题。Bnner主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。
第二章 Flash软件基础学习（四）
教学目的、要求：
认识Flash中引导层的特点及创建方法，掌握Flash中路径动画的编辑制作方法。
教学重点及难点：
Flash中引导层的特点及创建方法， Flash中路径动画的编辑制作方法（教学重点）
Flash中路径动画的编辑制作方法（教学难点）
教学基本内容
方法及手段
三、互动媒体设计常用软件：
早期：Frontpage Adobe Golive JavaScript等
目前：网页三剑客：Flash、Dreamweaver、Fireworks
现在一般用PS代替 Fireworks
以JavaScript等专业级网站进行编程
举例讲解、多媒体讲解、案例讲解；
使用板书及投影仪等。
举例讲解、多媒体讲解、提问与讨论式教学
作业、讨论题、思考题：
1、课后复习巩固课堂所学技能。
课后小结：
《互动媒体设计A》课程教案
课次
4
授课方式
（请打√）
理论课√讨论课□ 实验课√习题课□ 其他□
课时
安排
3
授课题目（教学章、节或主题）：
第二章 Flash软件基础学习（三）
教学目的、要求：
了解Flash中影片剪辑的基本概念与类型；熟悉Flash中影片剪辑动画的制作方法、编辑与修改方法。
（四）、网页设计制作程序
前期创作
策划、资料的收集整理、主题定位、栏目结构规划、logo设计、整体视觉艺术创意设计、页面排版布局设计、网站页面排版与艺术设计稿绘制；
中期制作
排版布局细化、造型制作、动画制作、背景绘制、按钮制作、声音添加等；
后期处理
动作语言的添加、交互链接、作品的输出、测试、优化与发布等.
2、被遮罩图层：图层中的对象与上面的图层建立被遮罩的关系。
二、创建遮罩层动画：
遮罩在flash中有着广泛的应用，可以做出很多意想不到的效果。遮罩层的实现需要通过两个以上的图层，建立遮罩与被遮罩的关系，也就是说，遮罩层不仅可以与一个普通图层之间建立遮罩关系，也可以同时与多个普通图层之间建立遮罩关系 。