《互动媒体设计a》教案

《《互动媒体设计a》教案》由会员分享，可在线阅读，更多相关《《互动媒体设计a》教案（21页珍藏版）》请在金锄头文库上搜索。

1、教 案2015 2016 学年第 2学期课 程 名 称互动媒体设计A 系(院、部)艺术学院教研室(实验室)视觉与媒体艺术授 课 班 级艺视141、142主 讲 教 师张青荣职 称 副教授使 用 教 材中文版Dreamweaver CS6/Flash CS6/Photoshop CS6网页设计实用教程淮海工学院教务处制二一六 年三月 教 案（首页）课 程名 称 互动媒体设计A总计： 48 学时课 程类 别 基础必修课学分3讲课： 23 学时分析讨论课: 1 学时大作业及设计：24学时任 课教 师张青荣职称：副教授授课对 象专业班级：艺术121、122 共2个班基要本参教考材资和料主教材：中文版D

2、reamweaver CS6/Flash CS6/Photoshop CS6网页设计实用教程，张志科编著，人民邮电出版社发行部出版，出版时间：2016-1-1主要参考书：1、flash mx实例与操作万茂山等（著）北京希望电子出版社。2、Flash与动感网页制作周全,刘进军，电子工业出版社教和学要目求的教学目的:互动媒体设计是艺术设计专业的一门专业基础必修课程。通过对互动媒体作品的艺术创作方法进行深入讲解,使学生对互动媒体的艺术创作与应用有较全面的了解,掌握互动媒体艺术创作设计的流程, 培养学生应用计算机软件进行互动媒体艺术作品基本创作与设计制作的能力，为后续的专业设计服务。教学要求:1、 掌

3、握互动媒体设计创作的基本原理与方法；2、 掌握软件Flash的基本使用方法；3、 独立完成一段互动网站的制作；教及学难重点点教学重点:互动媒体设计分类和特点、互动媒体的设计与创作方法、Flash的动画编辑技巧、Flash与Dreamweaver的互动媒体设计知识。教学难点:互动媒体的设计与创作方法、Flash的动画编辑技巧、互动媒体设计实践。互动媒体设计A 课程教案课次1授课方式（请打）理论课 讨论课 实验课 习题课 其他课时安排3授课题目（教学章、节或主题）：第一章、互动媒体设计概论教学目的、要求：认识互动媒体设计的基本概念；熟悉互动媒体设计的分类与设计方法；掌握网页设计的基本元素、基本结构

4、形式以及设计制作程序，了解互动媒体设计基础软件。教学重点及难点：互动媒体设计的设计方法、互动媒体设计作品类型，网页设计的基本元素、基本结构形式以及设计制作程序（教学重点）网页设计的基本元素、基本结构形式以及设计制作程序，对互动媒体作品艺术创作思路的理解（教学难点）教 学 基 本 内 容方法及手段一、互动媒体设计概论：什么叫媒体？所谓媒体，是指传播信息的介质，通俗的说就是宣传平台，能为信息的传播提供平台的就可以称为媒体了，至于媒体的内容，应该根据国家现行的有关政策，结合广告市场的实际需求不断更新，确保其可行性、适宜性和有效性。此前，传统的四大媒体分别为:1、电视；2、广播；3、报纸；4、网站；此

5、外，还应有户外媒体，如路牌灯箱的广告位等。就其目前适宜性来讲，媒体应按其形式划分为平面、电波、网络三大类，即：1、平面媒体：主要包括印刷类、非印刷类、光电类等。2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等。3、网络媒体：主要包括网络索引、平面、动画、论坛等。什么叫多媒体？多媒体：它集合文字、图形、图像、动画、视频、录像、声音、音乐等 传统表现媒体的优点，结合了计算机的交互功能，开发者针对客户及项目 需求通过精心的策划创意构思，结合各种表现方式，运用计算机对相关素材 进行编程集成，使其成为一有机的整体。举例讲解、多媒体讲解、案例讲解；使用板书及投影仪等。什么叫互动媒体？互动媒体来自

6、英文Multimedia , multi是指多重的，media即媒体，指我们用来表达信息的载体与形式。多媒体从字面上解释是多种媒体（文字、图像、动画、视频、声音、音乐）集合的意思。二、网页设计：（一）、网页媒介信息分类1. 文 字2. 图 像3. 声 音4. 视 频5. 动 画（二）、网页结构基本形式：1. 分栏结构形式2. 框架结构形式3. 开放结构形式4. 综合式（三）、网页banner广告：放置在网站页面上，是互联网广告中最基本的广告形式, 一般使用GIF格式的图像文件, 可以使用静态图形, 也可用动画图像) 。 Banner：可以是网站页面的横幅广告，也可以是游行活动时用的旗帜，还可以

7、是报纸杂志上的大标题。Bnner主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。（四）、网页设计制作程序l 前期创作策划、资料的收集整理、主题定位、栏目结构规划、logo设计、整体视觉艺术创意设计、页面排版布局设计、网站页面排版与艺术设计稿绘制； l 中期制作排版布局细化、造型制作、动画制作、背景绘制、按钮制作、声音添加等；l 后期处理动作语言的添加、交互链接、作品的输出、测试、优化与发布等.三、互动媒体设计常用软件：早期：Frontpage Adobe Golive JavaScript等目前：网页三剑客：Flash、Dreamweaver、Fireworks 现在一般用PS代替

8、Fireworks 以JavaScript等专业级网站进行编程 举例讲解、多媒体讲解、案例讲解；使用板书及投影仪等。作业、讨论题、思考题：1. 上网查询互动媒体设计的有关资料，讨论思考互动媒体设计的特点是什么? 2. 构想一个个人主题网站，思考其大致内容结构。课后小结：互动媒体设计A 课程教案课次2授课方式（请打）理论课 讨论课 实验课 习题课 其他课时安排3授课题目（教学章、节或主题）：第二章 Flash软件基础学习（一）教学目的、要求：认识Flash的基本界面与基础图形绘制方法，理解Flash帧的概念与编辑技巧，学习逐帧动画.教学重点及难点：互动媒体设计的设计方法、Flash的基本操作方法

9、，Flash帧的概念与编辑技巧，学习逐帧动画（教学重点）Flash帧的概念与编辑技巧，学习逐帧动画（教学难点）教 学 基 本 内 容方法及手段第二章 Flash软件基础学习（一） 一、Flash操作界面认识二、Flash基本绘图方法 1、基本几何形的绘制2、基础自然形的绘制3、场景的创建与选择三、Flash帧的概念与编辑技巧，学习逐帧动画1）、帧的基本概念与类型：电影就是把很多画面串在一条塑料胶片上，每个画面称为一帧。Flash中帧是创建动画的基础，不同的帧代表着不同的时刻。Flash帧的类型：1关键帧。以实心圆表示，代表这个帧中含有对象。2普通帧。普通帧中的对象永远和离它最近的关键帧中的对象

10、保持一致。3空白关键帧。以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中加入对象即可变成关键帧。举例讲解、多媒体讲解、提问与讨论式教学4一般空白帧。代表空白区域中没有任何对象。5运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。 6形状渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。2）、逐帧动画的制作方法教师演示逐帧动画制作实例作业、讨论题、思考题：1、课后继续查询“互动媒体设计”的相关资料；2、进一步完成个人网站的结构创意设计与标志设计；3、课后复习巩固课堂所学技能。课后小结：互动媒体设计A 课程教案课次3授课方式（请打）理论课 讨论课

11、实验课 习题课 其他课时安排3授课题目（教学章、节或主题）：第二章 Flash软件基础学习（二）教学目的、要求：认识Flash的形状与元件，掌握形状与动作补间动画的基本原理与制作方法.教学重点及难点：认识Flash的形状与元件，掌握形状与动作补间动画的基本原理与制作方法（教学重点）形状与动作补间动画的基本原理与制作方法（教学难点）教 学 基 本 内 容方法及手段Flash软件基础学习（二） 1、形状的概念、学习形状补间动画； 形状补间动画的制作程序与技巧2、元件的概念、学习动作补间动画；l 元件的基本概念与类型：在Flash中，常常需要重复使用一些元素，用户可以将这些元素装入元件中，需要时再调

12、用，避免无谓操作，并可以大大减少文件大小，提高播放速度。元件也被称作符号或图符，是Flash动画的重要组成部分，元件的主要特性是可以被重复利用，且不会影响影片的大小。 Flash中包括三种元件类型，分别为图形元件、影片剪辑元件与按钮元件，每一种元件都具有独特的属性 。Flash中的所有元件都被归纳在库面板中，可以被随时调用，十分方便。即使在场景中将所有元件全部删除，也不会影响库面板中的元件。l 动作补间动画Flash提供了两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画又可以分为形状渐变动画与运动渐变动画两种，用户可以轻易的使对象在场景中来回的运动，在运动的过程中还可以伴随有诸如放大

13、、缩小、旋转、变色以及淡入淡出等丰富效果 。举例讲解、多媒体讲解、提问与讨论式教学作业、讨论题、思考题：1、课后复习巩固课堂所学技能。课后小结：互动媒体设计A 课程教案课次4授课方式（请打）理论课 讨论课 实验课 习题课 其他课时安排3授课题目（教学章、节或主题）：第二章 Flash软件基础学习（三）教学目的、要求：了解Flash中影片剪辑的基本概念与类型；熟悉Flash中影片剪辑动画的制作方法、编辑与修改方法。教学重点及难点：了解Flash中影片剪辑的基本概念与类型；熟悉Flash中影片剪辑动画的制作方法、编辑与修改方法（教学重点）Flash中影片剪辑动画的原理特点、制作方法与修改方法（教学

14、难点）教 学 基 本 内 容方法及手段flash软件基础学习（三） Flash中影片剪辑的运用1、Flash中影片剪辑的特点及创建方法2、Flash中影片剪辑的编辑与修改方法3、Flash中影片剪辑所塑造的动画特效案例分析举例讲解、多媒体讲解、提问与讨论式教学作业、讨论题、思考题：做影片剪辑动画实践练习。课后小结：互动媒体设计A 课程教案课次5授课方式（请打）理论课 讨论课 实验课 习题课 其他课时安排3授课题目（教学章、节或主题）：第二章 Flash软件基础学习（四）教学目的、要求：认识Flash中引导层的特点及创建方法，掌握Flash中路径动画的编辑制作方法。教学重点及难点：Flash中引导层的特点及创建方法， Flash中路径动画的编辑制作方法（教学重点）Flash中路径动画的编辑制作方法（教学难点）教 学 基 本 内 容方法及手段一、认识引导层：1普通引导