《互动媒体设计A》教案.docVIP

PAGE 教 案 2015 ～2016 学年第 2学期 课 程 名 称 互动媒体设计A 系(院、部) 艺术学院 教研室(实验室) 视觉与媒体艺术 授 课 班 级 艺视141、142 主 讲 教 师 张青荣 职 称 副教授 使 用 教 材 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6网页设计实用教程 淮海工学院教务处制 二○一六 年三月 教 案（首页） 课 程 名 称 互动媒体设计A 总计： 48 学时 课 程 类 别 基础必修课 学分 3 讲课： 23 学时 分析讨论课: 1 学时 大作业及设计：24学时 任 课 教 师 张青荣 职称：副教授 授课对 象 专业班级：艺术121、122 共2个班 基要本参教考材资和料主 教材：《中文版Dreamweaver CS6/Flash CS6/Photoshop CS6网页设计实用教程》，张志科编著，人民邮电出版社发行部 出版，出版时间：2016-1-1 主要参考书： 1、《flash mx实例与操作》万茂山等（著）北京希望电子出版社。 2、《Flash与动感网页制作》周全,刘进军，电子工业出版社 教和学要目求的 教学目的: 互动媒体设计是艺术设计专业的一门专业基础必修课程。通过对互动媒体作品的艺术创作方法进行深入讲解,使学生对互动媒体的艺术创作与应用有较全面的了解,掌握互动媒体艺术创作设计的流程, 培养学生应用计算机软件进行互动媒体艺术作品基本创作与设计制作的能力，为后续的专业设计服务。 教学要求: 掌握互动媒体设计创作的基本原理与方法； 掌握软件Flash的基本使用方法； 独立完成一段互动网站的制作； 教及学难重点点 教学重点: 互动媒体设计分类和特点、互动媒体的设计与创作方法、Flash的动画编辑技巧、Flash与Dreamweaver的互动媒体设计知识。 教学难点: 互动媒体的设计与创作方法、Flash的动画编辑技巧、互动媒体设计实践。 　《互动媒体设计A》　 课程教案 课次 1 授课方式 （请打√） 理论课√ 讨论课□ 实验课□ 习题课□ 其他□ 课时 安排 3 授课题目（教学章、节或主题）： 第一章、互动媒体设计概论 教学目的、要求： 认识互动媒体设计的基本概念；熟悉互动媒体设计的分类与设计方法；掌握网页设计的基本元素、基本结构形式以及设计制作程序，了解互动媒体设计基础软件。 教学重点及难点： 互动媒体设计的设计方法、互动媒体设计作品类型，网页设计的基本元素、基本结构形式以及设计制作程序（教学重点） 网页设计的基本元素、基本结构形式以及设计制作程序，对互动媒体作品艺术创作思路的理解（教学难点） 教 学 基 本 内 容 方法及手段 一、互动媒体设计概论： 什么叫媒体？ 所谓媒体，是指传播信息的介质，通俗的说就是宣传平台，能为信息的传播提供平台的就可以称为媒体了，至于媒体的内容，应该根据国家现行的有关政策，结合广告市场的实际需求不断更新，确保其可行性、适宜性和有效性。此前，传统的四大媒体分别为:　　1、电视；　　2、广播；　　3、报纸；　　4、网站；　　此外，还应有户外媒体，如路牌灯箱的广告位等。 就其目前适宜性来讲，媒体应按其形式划分为平面、电波、网络三大类，即：1、平面媒体：主要包括印刷类、非印刷类、光电类等。2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等。3、网络媒体：主要包括网络索引、平面、动画、论坛等。 什么叫多媒体？ 多媒体：它集合文字、图形、图像、动画、视频、录像、声音、音乐等 传统表现媒体的优点，结合了计算机的交互功能，开发者针对客户及项目 需求通过精心的策划创意构思，结合各种表现方式，运用计算机对相关素材 进行编程集成，使其成为一有机的整体。 举例讲解、多媒体讲解、案例讲解； 使用板书及投影仪等。 什么叫互动媒体？ 互动媒体来自英文Multimedia , multi是指多重的，media即媒体，指我们用来表达信息的载体与形式。多媒体从字面上解释是多种媒体（文字、图像、动画、视频、声音、音乐）集合的意思。 二、网页设计： （一）、网页媒介信息分类 文 字 图 像 声 音 视 频 动 画 （二）、网页结构基本形式： 分栏结构形式 框架结构形式 开放结构形式 综合式 （三）、网页banner广告： 放置在网站页面上，是互联网广告中最基本的广告形式, 一般使用GIF格式的图像文件, 可以使用静态图形, 也可用动画图像) 。 Banner：可以是网站页面的横幅广告，也可以是游行活动时用的旗帜，还可以是报纸杂志上的大标题。Bnner主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。 （四）、网页设计制