《互动媒体设计A》教案汇总小学教育小学学案小学教育小学学案.pdf





《《互动媒体设计A》教案汇总小学教育小学学案小学教育小学学案.pdf》由会员分享,可在线阅读,更多相关《《互动媒体设计A》教案汇总小学教育小学学案小学教育小学学案.pdf(20页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、学习必备 欢迎下载 教 案 2015 2016 学年第 2 学期 课 程 名 称 互动媒体设计 A 系(院、部)艺术学院 教研室(实验室)视觉与媒体艺术 授 课 班 级 艺视 141、142 主 讲 教 师 张青荣 职 称 副教授 使 用 教 材 中文版 Dreamweaver CS6/Flash CS6/Photoshop CS6 网页设计实用教程 淮海工学院教务处制 二一六 年三月 学习必备 欢迎下载 教 案(首页)课 程 名 称 互动媒体设计 A 总计:48 学时 课 程 类 别 基础必修课 学分 3 讲课:23 学时 分析讨论课:1 学时 大作业及设计:24 学时 任 课 教 师 张青
2、荣 职称:副教授 授 课对 象 专业班级:艺术 121、122 共 2 个班 基 要本 参教 考材 资和 料主 教材:中文版 Dreamweaver CS6/Flash CS6/Photoshop CS6网页设计实用教程,张志科编著,人民邮电出版社发行部出版,出版时间:2016-1-1 主要参考书:1、flash mx实例与操作万茂山等(著)北京希望电子出版社。2、Flash 与动感网页制作周全,刘进军,电子工业出版社 教 和学 要目 求的 教学目的:互动媒体设计是艺术设计专业的一门专业基础必修课程。通过对互动媒体作品的艺术创作方法进行深入讲解,使学生对互动媒体的艺术创作与应用有较全面的了解,
3、掌握互动媒体艺术创作设计的流程,培养学生应用计算机软件进行互动媒体艺术作品基本创作与设计制作的能力,为后续的专业设计服务。教学要求:1、掌握互动媒体设计创作的基本原理与方法;2、掌握软件 Flash 的基本使用方法;3、独立完成一段互动网站的制作;教 及学 难重 点点 教学重点:互动媒体设计分类和特点、互动媒体的设计与创作方法、Flash 的动画编辑技巧、Flash 与 Dreamweaver 的互动媒体设计知识。教学难点:互动媒体的设计与创作方法、Flash 的动画编辑技巧、互动媒体设计实践。艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎
4、下载教案首页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 互动媒体设计 A 课程教案 课次 1 授课方式(请打)理论课 讨论课 实验
5、课 习题课 其他 课时 安排 3 授课题目(教学章、节或主题):第一章、互动媒体设计概论 教学目的、要求:认识互动媒体设计的基本概念;熟悉互动媒体设计的分类与设计方法;掌握网页设计的基本元素、基本结构形式以及设计制作程序,了解互动媒体设计基础软件。教学重点及难点:互动媒体设计的设计方法、互动媒体设计作品类型,网页设计的基本元素、基本结构形式以及设计制作程序(教学重点)网页设计的基本元素、基本结构形式以及设计制作程序,对互动媒体作品艺术创作思路的理解(教学难点)教 学 基 本 内 容 方法及手段 一、互动媒体设计概论:什么叫媒体?所谓媒体,是指传播信息的介质,通俗的说就是宣传平台,能为信息的传播
6、提供平台的就可以称为媒体了,至于媒体的内容,应该根据国家现行的有关政策,结合广告市场的实际需求不断更新,确保其可行性、适宜性和有效性。此前,传统的四大媒体分别为:1、电视;2、广播;3、报纸;4、网站;此外,还应有户外媒体,如路牌灯箱的广告位等。就其目前适宜性来讲,媒体应按其形式划分为平面、电波、网络三大类,即:1、平面媒体:主要包括印刷类、非印刷类、光电类等。2、电波媒体:主要包括广播、电视广告(字幕、标版、影视)等。3、网络媒体:主要包括网络索引、平面、动画、论坛等。什么叫多媒体?多媒体:它集合文字、图形、图像、动画、视频、录像、声音、音乐等 传统表现媒体的优点,结合了计算机的交互功能,开
7、发者针对客户及项目 需求通过精心的策划创意构思,结合各种表现方式,运用计算机对相关素材 进行编程集成,使其成为一有机的整体。举例讲解、多媒体讲解、案例讲解;使用板书及投影仪等。艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续
8、的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 什么叫互动媒体?互动媒体来自英文 Multimedia,multi是指多重的,media 即媒体,指我们用来表达信息的载体与形式。多媒体从字面上解释是多种媒体(文字、图像、动画、视频、声音、音乐)集合的意思。二、网页设计:(一)、网页媒介信息分类 1.文 字 2.图 像 3.声 音 4.视 频 5.动 画(二)、网页结构基本形式:1.分栏结构形式 2.框架结构形式 3.开放结构形式 4.综合式(
9、三)、网页 banner 广告:放置在网站页面上,是互联网广告中最基本的广告形式,一般使用 GIF格式的图像文件,可以使用静态图形,也可用动画图像)。Banner:可以是网站页面的横幅广告,也可以是游行活动时用的旗帜,还可以是报纸杂志上的大标题。Bnner 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。(四)、网页设计制作程序 前期创作 策划、资料的收集整理、主题定位、栏目结构规划、logo设计、整体视觉艺术创意设计、页面排版布局设计、网站页面排版与艺术设计稿绘制;中期制作 排版布局细化、造型制作、动画制作、背景绘制、按钮制作、声音添加等;后期处理 动作语言的添加、交互链接、作品的
10、输出、测试、优化与发布等.三、互动媒体设计常用软件:早期:Frontpage Adobe Golive JavaScript等 目前:网页三剑客:Flash、Dreamweaver、Fireworks 现在一般用 PS代替 Fireworks 以 JavaScript等专业级网站进行编程 举例讲解、多媒体讲解、案例讲解;使用板书及投影仪等。作业、讨论题、思考题:1.上网查询互动媒体设计的有关资料,讨论思考互动媒体设计的特点是什么?2.构想一个个人主题网站,思考其大致内容结构。课后小结:艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首
11、页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 互动媒体设计 A 课程教案 课次 2 授课方式(请打)理论课 讨论课 实验课 习题课
12、 其他 课时 安排 3 授课题目(教学章、节或主题):第二章 Flash软件基础学习(一)教学目的、要求:认识 Flash 的基本界面与基础图形绘制方法,理解 Flash 帧的概念与编辑技巧,学习逐帧动画.教学重点及难点:互动媒体设计的设计方法、Flash 的基本操作方法,Flash 帧的概念与编辑技巧,学习逐帧动画(教学重点)Flash 帧的概念与编辑技巧,学习逐帧动画(教学难点)教 学 基 本 内 容 方法及手段 第二章 Flash软件基础学习(一)一、Flash 操作界面认识 二、Flash 基本绘图方法 1、基本几何形的绘制 2、基础自然形的绘制 3、场景的创建与选择 三、Flash
13、帧的概念与编辑技巧,学习逐帧动画 1)、帧的基本概念与类型:电影就是把很多画面串在一条塑料胶片上,每个画面称为一帧。Flash 中帧是创建动画的基础,不同的帧代表着不同的时刻。Flash 帧的类型:1关键帧。以实心圆表示,代表这个帧中含有对象。2 普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。3空白关键帧。以空心圆表示,代表这个关键帧中没有任何对象,在空白关键帧中加入对象即可变成关键帧。举 例 讲解、多媒体讲解、提 问 与讨 论 式教学 艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首页互动媒体设计总计学时基础必修课
14、学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 4一般空白帧。代表空白区域中没有任何对象。5运动渐变帧。以底色为浅蓝色的箭头符号表示,代表这个区域存在运动补间动画。
15、6 形状渐变帧。以底色为浅绿色的箭头符号表示,代表这个区域存在形状补间动画。2)、逐帧动画的制作方法 教师演示逐帧动画制作实例 作业、讨论题、思考题:1、课后继续查询“互动媒体设计”的相关资料;2、进一步完成个人网站的结构创意设计与标志设计;3、课后复习巩固课堂所学技能。课后小结:艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业
16、基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 互动媒体设计 A 课程教案 课次 3 授课方式(请打)理论课 讨论课 实验课 习题课 其他 课时 安排 3 授课题目(教学章、节或主题):第二章 Flash软件基础学习(二)教学目的、要求:认识 Flash 的形状与元件,掌握形状与动作补间动画的基本原理与制作方法.教学重点及难点:认识 Fl
17、ash 的形状与元件,掌握形状与动作补间动画的基本原理与制作方法(教学重点)形状与动作补间动画的基本原理与制作方法(教学难点)教 学 基 本 内 容 方法及手段 Flash 软件基础学习(二)1、形状的概念、学习形状补间动画;形状补间动画的制作程序与技巧 2、元件的概念、学习动作补间动画;元件的基本概念与类型:在 Flash 中,常常需要重复使用一些元素,用户可以将这些元素装入元件中,需要时再调用,避免无谓操作,并可以大大减少文件大小,提高播放速度。元件也被称作符号或图符,是 Flash 动画的重要组成部分,元件的主要特性是可以被重复利用,且不会影响影片的大小。Flash中包括三种元件类型,分
18、别为图形元件、影片剪辑元件与按钮元件,每一种元件都具有独特的属性。Flash 中的所有元件都被归纳在库面板中,可以被随时调用,十分方便。即使在场景中将所有元件全部删除,也不会影响库面板中的元件。动作补间动画 Flash 提供了两种创建动画的方式,分别为逐帧动画与补间动画,其中补间动画又可以分为形状渐变动画与运动渐变动画两种,用户可以轻易的使对象在场景中来回的运动,在运动的过程中还可以伴随有诸如放大、缩小、旋转、变色以及淡入淡出等丰富效果。举例讲解、多媒体讲解、提问与讨论式教学 作业、讨论题、思考题:1、课后复习巩固课堂所学技能。课后小结:艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教
19、程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 互动媒体设计 A 课程教案 课
20、次 4 授课方式(请打)理论课 讨论课 实验课 习题课 其他 课时 安排 3 授课题目(教学章、节或主题):第二章 Flash软件基础学习(三)教学目的、要求:了解 Flash 中影片剪辑的基本概念与类型;熟悉 Flash 中影片剪辑动画的制作方法、编辑与修改方法。教学重点及难点:了解 Flash 中影片剪辑的基本概念与类型;熟悉 Flash 中影片剪辑动画的制作方法、编辑与修改方法(教学重点)Flash 中影片剪辑动画的原理特点、制作方法与修改方法(教学难点)教 学 基 本 内 容 方法及手段 flash软件基础学习(三)Flash中影片剪辑的运用 1、Flash 中影片剪辑的特点及创建方法
21、 2、Flash 中影片剪辑的编辑与修改方法 3、Flash 中影片剪辑所塑造的动画特效案例分析 举例讲解、多媒体讲解、提问与讨论式教学 作业、讨论题、思考题:做影片剪辑动画实践练习。课后小结:艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设
22、计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 互动媒体设计 A 课程教案 课次 5 授课方式(请打)理论课 讨论课 实验课 习题课 其他 课时 安排 3 授课题目(教学章、节或主题):第二章 Flash软件基础学习(四)教学目的、要求:认识Flash 中引导层的特点及创建方法,掌握 Flash 中路径动画的编辑制作方法。教学重点及难点:Flash 中引导层的特点及创建方法,Flash中路径动画的编辑制作方法(教学重点)Fl
23、ash 中路径动画的编辑制作方法(教学难点)教 学 基 本 内 容 方法及手段 一、认识引导层:1普通引导层:用于绘制辅助图形的图层,独立成为一层。2运动引导层:用于绘制运动路径的图层,至少引导一个图层。3被引导的图层:图层中的对象按照运动引导层中的路径运动。二、创建引导层动画:普通引导层可以理解为除标尺、网格等辅助工具以外的另一种辅助制图手段,例如在引导层上绘制图形,然后将普通图层上的对象与引导层中的图形对齐,或者在引导层中绘制一个网页的框架,接着在普通图层中制作网页内容。引导层除了起到引导的作用以外,同时具备普通图层中的任何属性,也就是说,在普通图层上能执行的操作在引导层上同样可以,它们之
24、间唯一的区别是在引导层上绘制的图形与线条为引导线,在播放影片时,不会被显示出来。创建普通引导层 创建运动引导层 同时引导多个图层 实例操作:引导层动画制作。举 例 讲解、教师示 范 讲解、案例解析 作业、讨论题、思考题:做引导层动画实践练习。课后小结:艺视主讲教师职称张青荣副教授使用教材中文版网页设计实用教程淮海工学院教务处制二一六年三月学习必备欢迎下载教案首页互动媒体设计总计学时基础必修课学分张青荣职称副教授讲课学时分析讨论课学时大作业及设计学时专与操作万茂山等著北京希望电子出版社与动感网页制作周全刘进军电子工业出版社教学目的互动媒体设计是艺术设计专业的一门专业基础必修课程通过对互动媒体作品
25、的艺术创作方法进行深入讲解使学生对互动媒体的艺术创作与应设计制作的能力为后续的专业设计服务教学要求掌握互动媒体设计创作的基本理与方法掌握软件的基本使用方法独立完成一段互动网站的制作教学重点互动媒体设计分类和特点互动媒体的设计与创作方法的动画编辑技巧与的互动媒学习必备 欢迎下载 互动媒体设计 A 课程教案 课次 6 授课方式(请打)理论课 讨论课 实验课 习题课 其他 课时 安排 3 授课题目(教学章、节或主题):第二章 Flash软件基础学习(五)教学目的、要求:认识Flash 中遮罩层的特点及创建方法,掌握 Flash 中遮罩动画的编辑制作方法。教学重点及难点:Flash 中遮罩层的特点及创
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 互动媒体设计A 互动 媒体 设计 教案 汇总 小学教育 小学

限制150内