网页效果图的制作公开课教案（共8篇）
——制作网页标志横幅
课程：电子商务网页制作
班
级：09电商3+2 时间：12月16日第三节
授课教师：李晓琳
教学目标：知识目标：
1、能描述创建网站主页的目的
2、能列举网页应包含的内容
3、了解网页标志横幅的作用
技能目标：
1、能绘制网站主页的网页标志横幅
2、掌握fireworks工具属性的设置方法
情感目标：对操作过程中遇到的问题能主动思考具有较强的网页设计
创意思维、艺术设计素质。
教学重点：
1、Firewoks中矩形工具、文字工具、直线工具、库命令的使用
2、Firewoks中元件转换为按钮的操作
难 点： 元件转换为按钮及库命令的使用 教学方法： 任务驱动教学法
一、导入
提问：同学们平时的休闲方式有哪些呢？——影视文化通常是我们茶余饭后的谈资，平时也会去电影院看电影是吧？特别是大片，往往去了电影院要排长队，而且还不一定买的到票，在电子商务迅速发展的推动下，网上订票为我们消除了排队买票的烦恼。那网上订票是基于什么样的平台呢？下面我们来看下我们德清的大地数字影院的网络平台——“哈票网”。
二、新授
任务一：网页横幅的制作——
1、“哈票网”网站的展示，分析引出一个网页应包含哪些内容。
提问：看了这个页面，请你说出一个网页包含哪些元素呢？
（学生回答，教师补充）——引出网页横幅的重要性
2、为什么要制作网页横幅？
在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。（展示不同网站的不同网页横幅效果图，说明网页横幅是可以多种形式展现的。）
3、提出任务，教师演示：效果图展示，操作示范
（1）新建一个文档：宽1200像素，高为600像素。
（2）矩形工具、圆角矩形工具、椭圆工具、文字工具、直线工具的使用及属性设置
4、学生活动：按所给效果图及素材制作网页横幅（根据男女生兴趣偏好不同，男女分组操练：男生做NBA网页横幅、女生做淘宝门户网的网页横幅）
操作步骤:（1）新建一个文档：新建一个文档：宽1200像素，高为600像素。
（2）用矩形工具绘制两个矩形：可与画布同长，宽度根据需要自定，大矩形的颜色设为“#333333”,小矩形的颜色设为“#666666”（3）在小矩形右侧添加文字，选择“文字工具”，添加文字，其属性设置为：字体——宋体，颜色——“#66FF00”，字号——“15”（4）用椭圆矩形工具在画布的左侧绘制两个圆形，一大一小，填充颜色渐变，颜色为“#FFFF00”至“#00CC00”,如图所示（5）用文字工具，在大圆上添加文字“哈”，文字属性设置为：“白色”“隶书”“90”；小圆上添加文字“票”，属性设置为“白色”“幼圆”“30”；再用文字工具在“哈票”右侧添加文字“快速订票 轻松观影”，属性设置为“白色”“幼圆”“24”，紧接着下方添加网址，属性设置为“#66FF00”“Century Gothic”“22”
5、教师巡回指导，发现问题，个别辅导
任务
二、美化横幅——添加阴影、元件转换为按钮
6、提出任务，教师演示：效果网页横幅展示，操作示范
（1）添加阴影
（2）元件转换为按钮的操作（3）“库”命令的操作 学生活动：按所给效果网页制作
操作步骤：（1）选中要添加阴影的对象“哈”，选择“命令” ——“创意”——“添加阴影”，调整到所需要的位置
（2）选择“圆角矩形工具”绘制一个圆角矩形，颜色填充为“#333333”描边选择“铅笔”，笔尖大小和边缘都为“3”，颜色为“#66FF00” 按
（3）打开“库”面板,将元件拖动到网页中，排列对其，选中对象，选择文字工具，添加文字“选影院订票”“选影片订票”（4）按
教师巡回指导
三、点评：对学生上传的作品进行点评，学生互评。
四、课堂小结：
本节课我们学习了网页标志横幅的制作，学习FIREWORKS中矩形工具、圆角 矩形工具、文字工具、直线工具及库命令的操作，重点掌握元件转换为按钮的操作及库命令的使用。
关键词：高职,制作网页文字滚动效果,项目教学法
“网页文字滚动效果的制作”是《网站建设》这门课中一个重要的知识点, 该知识的教授是在学生掌握Dreamweaver网页中文本的插入与编辑后的内容之后, 进行文字的动态操作。学习“制作网页文字滚动效果”这一课, 目的在于让学生掌握插入滚动文字的方法, 设置滚动文字的属性。通过项目教学法, 学生能很好掌握此知识点。
1 设计理念
本知识点的设计以基于工作过程为导向, 以课程能力为目标, 以实施过程为核心。全程采用项目教学法来进行。
(1) 通过项目展示来确定学习目标.
(2) 通过学习目标来确定项目实施过程。
(3) 通过项目实施过程, 来完成核心能力的培养。
(4) 通过项目拓展, 来提高学生分析问题和处理问题的能力。
(5) 通过项目总结, 来巩固和加深所学知识。
2 项目课件特色
(1) 课件中采用循环导航按钮, 改变了以往PPT课件从头放到尾的翻页模式。在课件使用过程中, 可以跳跃访问任何一个节点, 查看需要查看的内容。
(2) 课件基于工作过程为导向的设计理念, 以项目为任务载体, 以课程技能、能力要求为目标, 以项目实施过程为核心。在项目实施过程中, 考虑到学生个体差异, 又进行分层教学, 既提供了高水平学生实施项目的思路、方法, 又提供了零基础学生实施项目的思路、方法和步骤操作。所以该课件既适合任课老师上课教学使用, 也适合学生自主学习使用。
(3) 课件以清新蓝和淡雅灰为主题色调的模板, 既考虑上课过程中光线折射问题, 又不容易产生视觉疲劳。
3 教学方法设计
为了落实重难点, 笔者选择了“项目展示、学习目标、项目实施、项目拓展、项目总结”来设计教学内容。通过观看欣赏、思考、动手操作等方式完成本课学习任务。为了完成目标, 解决教学的重难点, 在教学中设计了以下几个教学环节:欣赏网页来实现项目展示;通过项目展示, 来确定学习目标;通过学习目的, 来引出项目实施的具体操作;通过项目拓展, 来提高学生分析问题和处理问题的能力;通过项目总结, 来巩固和加深所学知识。
3.1 通过项目展示来确定学习目标
在学习此知识点之前, 首先给学生展示一个网页文字滚动效果的项目, 通过欣赏此项目中的文字滚动的效果, 来确定学习目标。如图1所示。
3.1.1 知识目标
(1) 理解“滚动文字”代码。
(2) 掌握插入滚动文字的方法并设置滚动文字属性。
3.1.2 能力目标
通过引导、欣赏、学习、操作使学生掌握插入滚动文字的方法, 设置文字滚动属性, 从而激发学生的学习兴趣。并灵活运用所学的知识, 获得制作网页的成就感。
3.1.3 素质目标
提高网页制作水平, 做出更多更炫的网页。
3.1.4 教学重点
掌握滚动文字的插入方法、认识插入滚动文字代码及设置滚动文字属性。
3.1.5 教学难点
滚动文字属性的理解与设置方法。
3.2 通过学习目标来确定项目实施过程
此项目的实施有两种方法, 一种是通过鼠标操作, 操作如下: (1) 定位插入点; (2) 选取需要滚动的文字; (3) 执行“插入对象”→“标签” (提示:将自动切换到“折分”视图) ; (4) 选择“HTML标签”→选取“marquee”指令代码→插入, 则生成“marquee”滚动文字代码。此操作只能完成向左滚动。代码如下:<marquee direction="up"on Mouse Over="this.stop () ;"on Mouse Out="this.start () ;">需要滚动的文字</marquee>。如果是复杂的操作, 则必须要写代码, 基本格式如下:<marquee direction="方向"on Mouse Over="this.stop () ;"on Mouse Out="this.start () ;">需要滚动的文字</marquee>。如此就可以完成文字滚动效果的制作了。那么要实现图像的滚动又该怎么做呢?这个就是项目拓展的内容。通过思考学生发现, 只要把操作对象换成图像, 就可以实现图像的滚动, 以此来提高学生分析问题和处理问题的能力。代码如下:<marquee direction="方向"on Mouse Over="this.stop () ;"on Mouse Out="this.start () ;">需要滚动的图象</marquee>。如此就能做到举一反三、融会贯通。
3.3 通过项目总结来巩固和加深所学知识
完成所有项目操作以后, 进行项目总结。让学生再一次欣赏所展示的项目, 通过项目分析与递进, 可以让学生温故知新、触类旁通。通过复习旧知识, 来学习新知识, 做到举一反三、融会贯通。
3.3.1 插入滚动文字
关键词:插入→标签→HTML→marquee。
3.3.2 设置滚动文字属性
改变滚动文字运动方向:“direction”属性设置滚动方向。
down:向下滚动;left:向左滚动;right:向右滚动;up:向上滚动。
4 结语
实践证明, 项目教学法在学生学习“制作网页文字滚动效果”的章节中, 效果非常好。但是, 时代在发展, 学生在变化, 老师要做到因材施教, 合理设计、运用项目教学法, 以期达到教学相长、全面提高学生的综合素质和能力的目的。
参考文献
[1]牟占生, 董博杰.基于M00C的混合式学习模式探究——以Coursera平台为例[J].现代教育技术, 2014 (5) :73-80.
[2]马雪峰, 田跃辉.浅谈高职项目课程和项目教学实施的问题与对策[J].中国科教创新导刊, 2008 (8) .
[3]姜大源.职业教育学研究新论[M].北京:教育科学出版社, 2007.
2011年11月24日
学情分析
通过前期的信息技术学习，学生已经具备了一定的计算机操作能力，而且对PowerPoint2003软件也比较熟悉。为了让学生能够顺利的完成任务，获得成就感，并有所创新，因此在课前准备了充足的学习资源。
教学目标
1、知识与技能：通过利用自学资源，自主学习，加工半成品，按要求完成多媒体作品中对象动画效果的设置。掌握自定义动画中各对象的进出效果、播放的开始方式、播放顺序以及幻灯片切换等动画效果的设置方法。
2、过程与方法：通过对教学任务的实践与拓展，理解不同功能选项的意义和适用范围，提高学生的自主设计能力。
3、情感、态度与价值观：激发学生学习PowerPoint2003的兴趣，提高他们对多媒体作品的赏析能力和自学能力。
教学重点和难点 重点：
1.自定义动画中“添加效果”的设置及选项分析； 2.自定义动画中各对象“播放顺序”的设置及分析； 3.幻灯片切换的应用
难点：理解不同功能选项的意义和适用范围，提高学生的自主设计能力
教具和教学手段
教 具：教学课件、学生自学资源、半成品素材、多媒体网络教室 教学手段：任务驱动法、演示讲授法、自主探究法
教 学 过 程
一、课题导入：
教师：上课前我们先做个小测试，考考大家的眼力。观察屏幕上这个演示文稿由几张幻灯片组成？（直接播放幻灯片“教学演示”）
学生：……
教师：同学们各持己见，咱们眼见为实，打开演示文稿看一看：这个演示文稿只有一张幻灯片，那么它的奥秘在哪里呢？我们右击图片—在“快捷菜单”中单击“自定义动画”命令，就会发现它的奥秘啦！“自定义动画”扮演了导演的角色，它决定了文字、图片等各种对象的进出效果，今天也让我们来当一回导演，给多媒体作品“苏州园林”的各个对象设置合适的动画效果。
（设计意图：营造积极活跃的课堂氛围。通过设问激发学生学习新知识的兴趣。引入“自定义动画”。）
二、自主学习：
教师：下面请大家打开桌面上的学习网页和“苏州园林”，完成任务一。任务一：请给演示文稿的文本对象设置合适的进入效果 学生任务：根据学习资源，完成任务一。
教师巡视：根据学生完成任务情况，与学生进行交流，解决学生碰到的问题。总结规律性问题——设置自定义动画的步骤：选定对象----设定效果（调整）----预览效果----确定，并作适当讲解。
学生操作演示 教师适时提问点评：
为了使同一个页面中的对象在播放时按照一定的顺序依次播放，需要设置这些对象的播放顺序和开始方式：
1.对象开始单击时、之前、之后有什么区别？
“单击时”表示鼠标单击后，出现这个动画效果，“之前”表示这个动画与上一个动画同时进行，“之后”表示这个动画发生在上一个动画完成之后。
2.动画对象的出场顺序是否合理？
在“自定义动画”任务窗格中，选中要改变出场顺序的对象，然后单击“重新排序”的左右两边的箭头，即可重新设置对象的出场顺序。
（设计意图：首先，让学生通过任务驱动下的自主操作了解各选项，然后有针对性地进行讲解，提高学生能力。）
教师：如果你是导演，你觉得你的“演员”的出场顺序和方式合理吗？不合理的话，怎么改变呢？
任务二：请调整文本对象的播放顺序，并尝试将几个对象设置成连续呈现的方式。
学生任务：根据学习资源，完成任务二。
教师巡视：根据学生完成任务情况，与学生进行交流，解决学生碰到的问题。总结规律性问题，作适当讲解。
学生操作演示
教师：如果一张幻灯片中对象过多的话，不易于操作与管理，从而引入任务三：请给“拙政园”页面上叠加在一起的图片设置合适的进出效果和适当的播放顺序。
学生任务：根据学习资源，完成任务三
教师巡视：根据学生完成任务情况，与学生进行交流，解决学生碰到的问题。总结规律性问题，作适当讲解。
学生操作演示
注意点：利用“叠放次序”命令调整图片的顺序 教师根据学生的完成情况，适时提出问题：：
如果要使得首页的背景音乐在整个多媒体作品播放过程中连续播放，该如何设置？（提高任务）
教师适时总结制作“自定义动画”的一般步骤，鼓励学生尝试制作拓展任务，引导学生积极尝试制作拓展任务：
1.尝试设置幻灯片的切换效果，使其连续自动播放。2.尝试利用“动作路径”设置“太阳东升西落”的动画效果 学生：尝试制作拓展任务。
（设计意图：拓展的尝试无论成功与否，可引导学生有目的性地制作动画效果。）
三、师生点评：展示学生作品，教师和学生一起分析、评价、打分
四、课堂小结：
本节课我们一起学习了“设置对象的动画效果”的方法，大家表现的都很不错。通过本节课的学习我们了解到：
设置对象的动画效果的一般步骤：选定对象----设定效果（调整开始方式、属性、速度和播放顺序等）----预览效果----确定
PPT动画：简单、容易上手，适合初级学习者制作一些“讲义式”、“幻灯片式”的课件，但缺乏各种特殊效果，交互性不强。
Flash动画：声色俱佳、交互性强、效果丰富，但技术要求较高。大家以后可根据自己的需要来继续学习有关动画制作的内容。
教学反思：
本节课要求学生尝试运用已学过的知识，通过自主动手实践，体验感知，评价交流等研究、探索的自学方式进行学习。在设计演示文稿的过程中,进一步丰
富美化演示文稿,将所输入的内容动起来.在这一节课的教学中，体现了 “ 以学生为主体 ”，学生在课堂上不仅学到了知识，而且主动参与、积极思考，通过集体发现自己的力量，体会到学习的乐趣。
1、知识目标
（1）了解动态HTML，动态网页的概念
（2）能够实现简单的动态HTML效果，能够插入简单的javascript代码（3）掌握动态网页的特性
2、能力目标
（1）培养学生的探究学习能力（2）进一步提高学生的审美能力
3、情感目标
（1）培养学生正确评价、选择、运用信息的价值观（2）培养学生的版权意识
（3）使学生正确认识技术的两面性。
二、教学重点与难点 重点：
（1）动态HTML和动态网页的概念（2）插入简单的动态HTML特效 难点
插入javascript网页特效
三、教学过程
（一）动态HTML的概念
1、情景创设
教师：展示做好的网页，网页中有许多动态HTML的效果，问：请观察以下网页，注意哪些地方发生了动态的变化？
学生：仔细观察，发现有文字移动，背景颜色随鼠标变化等特效，兴趣大增。教师引导：同学们想不想学呢，这是什么技术呢？
2、动态HTML(DHTML)的 概念
教师给出概念：在脱离网络环境下，网页下载到浏览器以后仍能够随时变换的HTML
3、教师演示：
在FrontPage中，提供了一些动态HTML效果，教师演示操作步骤 例1：实现简单的动态HTML效果 演示:鼠标特效
方法：格式----动态HTML 教师只演示其中一个，其他例子先让学生自己探索。培养学生的自学能力。学生探索研究后，老师请先完成的同学出来演示，并讲解难点，如鼠标悬停效果。
4、学生练习
教师讲解完后，让学生继续巩固动态HTML特效，做练习一 练习一：实现简单的动态HTML效果（1）、网页加载效果
（2）、鼠标悬停效果（提供背景图片）（3）、单击（4）、双击
5、学生成果交流与评价
问：是不是动态效果越多越好呢?培养学生审美观。
让学生相互评价，哪些地方加得恰到好处，哪些地方加得不大合适？
教师总结：frontpage2000自带的动态HTML特效，实质上是在原网页上自动增加了一些代码，那么，除了frontpage2000自带的动态HTML特效，还有更丰富更具个性化的特效吗？
6、引伸：
为进一步理解动态HTML，不仅仅是ftontpage自动产生的那些，还有更加丰富更加全面各种特效，教师提供一些简单的javascript小程序，对动态HTＭＬ作一些引伸，例2：插入简单的javascript网页特效 教师演示：怎样插入“显示当前日期”的代码 强调难点：一定要注意插入代码的位置。练习二：请插入以下几个网页特效（1）、记数器（2）、显示当前时间（3）、跟随鼠标的时钟（4）、礼花背景
教师事先准备好这几个小程序，学生分组练习，分四组，每个组只要完成其中一个特效。
7、学生作品交流与评价
教师小结：这里只是插入的最简单的代码，还有一些复杂的代码在以后的章节中有要求进一步学习，javascript小程序是实现动态HTML特效的主要工具。还有css等等 注意：使用别人代码时，要注意别人的版权信息。同学们还想更多特效，教师提供以下网址，课外资源 七色风网页特效 网页特效观止 网页特效
你知道乱用javascript特效的后果吗？有些人专门编制了这种小程序，对网页产生了一些破坏作用，这是非常不道德的。
同学们对于动态HTML非常感兴趣，特鼓励同学好好专研，成为javascript的编程高手。
过渡：进一步理解动态网页的概念。动态网页不仅局限于动态HTML 还包括采用CGI、ASP、JSP、PHP、Perl等技术动态生成的页面
（二）、动态网页的概念
这里所谓的动态主要强调的是人机关系，即，按照访问者的不同需要对访问者输入的信息作不同的响应，并提供相应的信息。
教师展示网站，让学生体验良好的人机关系，这些网站主要是由asp、php等技术生成的 例3：认识几种动态网站 http:///platform/index.php?t=book_index_first http:///default_login.asp数据检索，后台数据库 http://blog.163.com/jswzb博客系统
通过演示，让学生体会到本节所说的动态网页这个“动”字的涵义，主要强调的是一种人机交流，而不是一种动画技术。
（三）、总结：静态网页和动态网页的比较 请学生讨论完成以下表格： 静态网页 动态网页
是否支持动态显示效果 无法实现动态显示效果 能实现个性化的交互功能，能否及时更新和响应 维护繁琐，不便人机交互,信息反馈 更少的刷新、更快的响应并减轻了服务器负担，维护简单，交互功能强，交流方便
教学目标：
1．知识与技能：
（1）理解框架的概念及基本用途。
（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。
（3）初步掌握将框架结构与表格布局结合使用来制作网页。
2．过程与方法：
（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进更好的学习新知识。
（2）通过理解框架的概念与组成，学会分析框架网站的结构。（3）通过动手操作来深入了解框架的使用方法及用途，提高在网页制作方面的知识水平，培养自主学习的能力。3．情感态度与价值观：
（1）通过以“人与动物”为主题的框架结构网页的制作活动，开拓知识面，激发学习兴趣与热情，体会框架网页在展现主题内容中的作用。（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。
（3）形成积极主动的学习和使用多媒体技术的习惯，通过参与信息活动，参与社会实践，树立团队意识，形成积极合作的态度。
教学要点：
1．重点：
（1）框架的概念、用途。（2）创建、编辑与保存框架网页的方法，框架的嵌套使用。2．难点：（1）框架的拆分。（2）制作框架网页。
教学对象分析：
本节内容是针对高一学生，而初上高中的他们对一切新知识都很好奇，同时存在着一定的懵懂，因此在教授他们本节课知识之前，要事先充分激发他们对本节课内容的兴趣，因此课前老师先展示一组利用表格制作的框架网页，要求学生仔细观察，找出它们的一个共同特点，并提问如何快捷地制作这种网页？从而引出本节课内容，并且在讲授内容的过程中，要耐心的进行演示教学，不能一味的口述使学生感到一片茫然。
教材分析：
我国教育部面对国外名校公开课的回应是2011年11月起首批20门由知名大学的制作公开课, 面向大众免费开放。在2011年7月份教育部、财政部作出规划, 在“十二五”期间制作1000门课程精品视频公开课。2011年建设100门, 2012-2015年建设900门。
公开课的建设将是一个漫长的过程, 不可能一蹴而就。如何完成一门优秀公开课, 需要对制作流程与工作模式不断探索与总结。
浙江传媒学院实验电视台作为省广局审批成立的高校有线电视台, 配置广播级的专业设备, 及相关专业的人员, 承担下沙高教园区多档节目制播任务, 节目制作相对成熟。作为制作方, 全程参与浙江大学、浙江理工大学等公开课的录制工作。公开课是作为向公众开放的课程, 它可能产生的社会效果不可估量, 因此对整个课程提出很高的要求。录制公开课完全按制作精品节目的要求来制作。
一、公开课教学录制模式
目前在教学录制模式主要有现场节目制作方式, 后期制作编辑模式, 全自动录制模式三大类。其中全自动录制模式, 是由计算机进行主体定位, 自动跟踪, 相对操作简单, 但是成片艺术性较差, 成像质量也不足。现场节目制作方式需要一整套完整的设备如多台摄像机、录音、切换、存储, 一般在演播室中直接完成多机位的制作。各类广播级设备由相关专业人员来操作, 可以完成较好艺术效果。后期制作编辑模式一般多台摄像机现场拍摄, 将记录在磁带或卡上内容交给后期, 由后期进行再加工。相对现场节目制作, 专业人员人数与要求可以适当减少一些, 而成片艺术性也能得到一定保证。在录制高质量公开课时, 一般采用现场节目制作与后期制作编辑模式相结合的方式来完成, 在保证画面质量的同时通过专业人员操作使成片艺术性能得到提升。
二、前期规划与选题
开课学校根据专业教师上报的课程选出特色鲜明的选题, 确定相关的选题计划如公开课名称, 教学对象及相关专业, 教学目的要求、内容提要, 估计上课持续时间长度。从课程的内容、编排、都需要进行认真的策划。课程内容有些相对而言较为形象具体的, 可以通过图像音视频资料来讲解。例如医学类专业相关课程, 类似于器官移植之类的可以提早影视资料准备, 也可以做好相关的示意动画。而有部分内容则需要通过在此基础上进行抽象概括完成。
三、制作技艺
1. 拍摄环境方面
(1) 场景布置
公开课上课场地安排在演播室中, 需要选择面积合适的演播室。公开课上课学生一般五六十人左右, 面积100平方米便可以。选好相关的演播室之后就需要对演播室场景作一下布置, 讲台安置在平台正中, 讲台正面可以贴学校的标识, 便于课程辨别。老师背后的可以放置背景板便于紧密的联系上课主题, 优化教师形象。上课的课件可以通过投影机播放, 不过投影机相对亮度、对比度比较低, 可以用大屏幕电视来替换。通过讲台下面的座位应当以圆弧形摆开, 使得在拍摄学生画面时更有层次。有条件的话在侧面可以放置一个校名及标识背景板, 一方面美化背景, 另一方面可以使得画面增加更多的信息量。演播室布光对教师采用主光、辅助光和轮廓光相结合的方式完成, 如果教师走运范围比较大, 主光最好能采用相对散射面积较大的软光, 教师固定不动的, 可以三点布光方式强化一下轮廓。背景板使用天幕灯打均匀便可。听课学生可以采用散射光大面积的照射, 不需要特别的亮。
与演播室相比如果放在教室进行公开课拍摄, 场地最好选择阶梯教室。在拍摄过程中可能会遇到灯光与隔音等问题, 有条件可在讲台前方对角位置增放一对柔光灯, 提高照度。有条件还可以添加轮廓光, 用于主体显示。检查窗户、气窗、门的开关情况, 在拍摄时需要拉上窗帘布, 避免色温变化造成不良的影响。
(2) 摄像机位的放置
在记录教师上课的全过程中, 通过多台摄像机从不同角度和方向上来进行拍摄, 通过景别的变化, 能更全面的反应教师上课的信息, 增强画面的可看性, 体验上课的乐趣。如果条件允许可以增加带摇臂的机位, 可以增加了镜头画面的动感和多元化, 增添气势和纵深空间感。可以通过3 (主) +1 (备) 的方式来进行放置, 具体机位如图1。
在配备三台及以上摄像机的前提下可以更好地完成拍摄, 如果条件所限只有两台摄像机, 也可以使3号机固定, 1, 2号机功能合一, 通过变化摄像机位置来满足拍摄的要求。
2. 摄制设备
演播室中相关摄制设备配备较齐, 声音与视频各自搭建独立系统。视频方面摄像机拍摄的信号通过同轴线输入切换台, 电脑屏幕信号根据需要直接输入切换台。音频部分主要配备教师上课用的无线胸麦, 以及学生和老师交流的无线话筒。胸麦与话筒音频信号进入调音台。最后音视频信号连接进入非线性编辑系统与录像机, 作为节目的一主一备。声音的好坏对公开课的质量起到较大的影响。无线胸麦与无线话筒需要选择信噪比较高的广播级设备。
公开课最终的存储上, 两套不同系统还是很必要的, 一路采用非线性编辑直接录制。如果有足够的存储空间可以选用成像质理较高的编码, 如8bit的无损压缩, 另一路采用传统磁带录像的方式备份, 万一断电等突发事件出现, 也不至于所有的信息都丢失。
如果在教室中拍摄选用直接记录数字文件的摄像机, 简化后期素材采集流程, 便于快速进行编辑。摄像机型号可以选择如Sony EX-1, 文件直接记录在SD卡上。声音的采集也需要做好预案。如教师佩带的胸麦与学生回答用的话筒, 需要与不同机位的摄像机相连接, 将声音记录在卡上。同时相关摄像机随机话筒也需要打开, 防止因为外置话筒出现问题而导致收音失误的意外。
3. 教师准备工作
教师穿着的服装款式要求大方得体, 款式上避免使用细条纹, 影响拍摄的最后效果。颜色上不要纯白色或与背景颜色相类似, 便与背景形成反差。上课之前应当适当化妆, 适应演播室灯光。
讲课如需用课件, 在制作课件时采取深色背景, 对比较大的颜色, 便于不同角度拍摄时获得最佳的需要。不至于因为亮度等原因, 最后播出时不能很好地观察到课件。另外也能保证后排学生清晰观看。上课之前对学生的座位进行安排, 前几排应坐满, 同时提醒学生保持良好的上课状态。为了能保证课程完整持续。教师于学生课前做好沟通, 为上课互动提前做好安排。
4. 前期拍摄人员要求
任课教师都需要有统一的考虑, 有充分的预计, 要求对拍摄的内容、过程较为清楚, 甚至需要事先专门的了解。
(1) 拍摄人员要与教师进行有效的沟通。
熟悉拍摄内容, 并据此做好拍摄准备工作, 这样能使拍摄更有主动性。有些课程教师需要在课堂上来回走动, 拍摄人员确定跟拍的机位, 提前做好景别, 焦点变化的控制。有些课程需要助教及学生配合展示的, 如音乐类课程, 就需要提前和教师商议, 安排好相关人员位置及入场方式, 做好课程内部转场工作, 拍摄时兼顾景别的大小。全景交代课程总体结构及相关内容, 中小景别抓拍精彩瞬间或者学生的一些反应。有多个景别变化的素材在后期制作能更好地剪辑出优秀的作品。
(2) 选择设置好相关技术指标
网络公开课展示的是一所大学的优秀教师和教学名师的风采, 真实地记录他们优秀的教学实践。在前后期制作过程中必然有其相关的技术指标。前期拍摄人员需要根据要求进行设置。视频分辨率如采用标清格式拍摄一般采用4:3画幅拍摄时, 分辨率设置为720×576。采用高清16:9画幅拍摄时, 分辨率为1024×576。视频帧率为25帧/秒, 扫描方式采用逐行扫描。目前一般摄像机并没有1024×576选项设置。实际拍摄时可以设置成较为通用的1920×1080, 或者1280×720格式, 这两种格式可以最终完成1024×576的下变换, 同时不会发变形等不良现象。摄像机或录像机声音的采样频率选择48Khz。后期最后需要做混音处理, 最后制作成双声道。
(3) 拍摄注意点
公开课制作要求每节课一般在30分钟到50分钟左右的时长, 一门课大致在5讲以上。专业教师根据课程的实际需要, 有时候会超出规定时间, 后期制作过程中需要对上课过程修剪。根据这个特点, 前期拍摄过程中需要多注意抓拍学生听课、记录、回答问题的细节, 同时兼顾全班同学的全景、多人的中景和两个人近景镜头, 集体翻书, 鼓掌致谢的镜头。便于后期的剪辑。
5. 后期制作人员要求
前期采取不同的拍摄方法对于后期来说相关的工作流程也是不太相同。前期制作主要有两种, 一种现场直接采用切换台来选择不同机位的信号直接成片, 后期制作相对简单, 工作量较少。而另一种采用多机位同时录制, 需要后期多机位剪辑来实现。后期制作工作量稍大, 不过可以灵活的应用不同的机位修补不足。
由于公开课时间限制, 专业课会有一定的取舍。大段内容的删除, 最终留下的内容, 应交给专业教师审核。可以先将完整的课堂音视频素材生成一个文件较小的音频, 交给专业教师, 由他确定具体删除的内容的起末点。将速记的电子稿交给后期。
在后期制作中主要会面对以下情况:专业教师上课内容需要删除, 删除后相关的编辑点的优化工作。如果是多机位后期剪辑的可以使用不同景别的镜头来接, 如果已经切好的片子, 有时需要学生的反应作为过渡。画面中主讲教师表情不自然等等, 可采用学生镜头替换或用同步的多媒体课件镜头替换。根据上课的内容与气氛适当做一些变化, 如添加不同景别学生的低头记笔记, 抬头看PPT等相关反应, 引导好互动的气氛。
全片完成制作后, 封装成MP4的文件, 同期声字幕以外挂SRT格式文件出现。将成片与字幕发布到网上之后, 用户可以根据自己的喜好对字幕字体大小进行有效的调整。
总结
网络视频公开课作为一项对社会将产生巨大影响力的工程。结合高校自身的特点, 选择特色鲜明的课程, 通过合适的拍摄和制作方法出精品。借助网络来提升相关课程竞争力, 让公众与学校都受益。
参考文献
[1]邓文新.录播系统在精品课程教学录像制作中的应用研究[J].中国电化教育, 2008.5
[2]陈坚志.精品课程教学录像制作模式比较[J].中国电化教育, 2010.13
网站开发流程
规划 确定建设网站的目标； 分析目标用户及潜在用户对站点的需求； 3 确定网站风格； 4 考虑网络的技术问题。
设计 页面布局； 2 网页中的颜色； 文字、图像、动画以及多媒体的使用。
制作 测试与发布 维护
第一章 站点管理
站点：一系列文件的组合，通过各种链接关联起来，实现对整个站点的浏览。
设置站点信息
一，基本思路：
1，对站点进行规划 2，创建站点的基本结构
站点结构的显示方式：目录结构和站点地图 3，组织文件和资料开始制作 二，定义站点：
步骤：站点－新建站点－对站点进行定义
三，新建网页（站点中所包含的所有网页文件）和文件夹（用来存放网页中的图片、声音、Flash等）
四，设置站点地图布局
第二章 文字、图片和超链接
网页中最多的就是文字，并伴有精美的图片来美化网页，本章主要阐述如何使用菜单、插入面板在文档中插入这些对象以及使用属性面板编辑这些对象的属性。
一，设置页面属性（Ctrl+J，也可在属性面板中找到）：
在页面属性中分别对外观、链接和标题进行设置 二，文字
可在属性面板中对文字的样式、大小等进行设置。三，插入图像
方法1，插入－图像； 方法2，常用－图像； 方法3，Ctrl+Alt+I。四，设置超链接
1，页面链接
2，邮件链接（mailto:）
3，书签链接（对同一网页的不同部分进行链接）4，空链接（＃）
第三章 表格和层的应用
一，设置网页布局和处理表格
网页布局：给将要出现在网页中的所有元素进行定位。绘制布局表格和布局单元格：
方法：布局－切换到布局视图－点击布局表格or布局单元格按钮－拖动创建－在属性面板设置属性。
注意：布局表格和布局单元格之间不能相互重叠。
表格：表格是在网页中放置行列数据和图像的最佳工具。插入表格：常用－表格－设置行，列数－插入
拆分，合并单元格：选中要拆分或要合并单元格－属性面板中进行操作 设置表格和单元格的属性：属性面板中进行操作。
二，添加层
层是一种页面元素定位技术，它能够将层中的内容在浏览器窗口中任意定位。层是一个载体，在层中可以添加文本，图像和表格等元素。方法：布局－点击层按钮－拖动创建－在属性面板设置层属性。
第四章 模板
所谓“模板”是指具有一定共性的文档样板。
模板用于创建多个具有一致风格的网页，用户可根据模板生成大量相同的页面。新建网页模板（.dwt）
1,将已有文档另存为模板： 步骤：打开已有文档；
文件－另存为模板；
在出现的对话框中选择站点，给模板命名； 保存。
2，新建空白模板
步骤：窗口－资源（F11）；
模板－新建模板； 输入模板名－编辑。
定义模板的可编辑区域
模板包括：1，可编辑区域（具有可变内容）
2，锁定区域（具有静态不变内容）默认 1，将已有内容定义为可编辑区域：
步骤：选择要定义为可编辑区域的文本或内容；
插入－模板对象－可编辑区域； 输入区域名； 确定。
2，定义新的可编辑区域： 步骤：定位光标；
同上。
取消区域标记：
步骤：打开已有模板；
选中已有可编辑区域，修改－模板－删除模板标记。
注意：删除模板标记之后的区域将被锁定。
基于模板生成新网页
方法1：文件－新建，选择模板标签，选一个模板－创建。方法2：新建一个文档，修改－模板－应用模板到页。
第十章Fireworks8入门
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.了解Fireworks的功能和新特性
2.掌握Fireworks的工作界面、工具箱、面版组等 3.掌握Fireworks基本文档操作 4.掌握有关图像编辑的基本概念
知识点：
教学重点：
1.Fireworks的工作界面 2.文档的基本操作 3.像素的概念 教学难点：
1.Fireworks的工作界面 2.矢量图和位图的区别 突破难点的关键：
1.实例讲解，区别对比
作业布置：
1.课本第125页填空题，直接做在书上 2.作业本：写出矢量图与位图的区别
本课小结：Fireworks8是一款用来设计网页图形的多功能应用程序。随着版本的不断升级，功能的不断加强，Fireworks受到愈来愈多图像网页制作者的青睐。目前最新版本Fireworks8更是以它方便快捷的操作没事和在位图编辑、矢量图形处理与GIF动画制作功能上的多方面优秀整合，有的诸多好评。通过本课的学习，应该掌握以下内容：认识Fireworks8工作区，掌握基本的文档操作，掌握图像编辑的基本概念。
新课引入：第十一章使用Fireworks8制作图片
11.1路径的绘制与编辑； 11.文本的创建与编辑
···················································································· 教学过程与时间分配：
一、Fireworks8界面与功能简介：（约50分钟）
(一)(二)Fireworks8的新功能：
Fireworks8的工作区域：标题栏、菜单栏、工具栏、工具箱、属性面板、面版组合、文档窗口、标尺辅助线、二、基本文档操作：（约20分钟）(一)(二)(三)(四)(五)(一)创建新文档： 打开和关闭已有文档： 保存文档：
还原打开的文档：文件-还原
使用【历史记录】面版撤销和重复多个动作： 矢量图形：
三、有关图像编辑的基本概念：（约30分钟）
1.概念：使用“矢量”的线条和曲线（包含颜色和位置信息）呈现的图形。2.特点：
（1）用数学方式来描述曲线的组成（2）组成基本单元是锚点和路径（3）与分辨率无关(二)位图图像：（点阵图，格栅图）
1.概念：有排列成网络的像素点组成。2.特点：
（1）与分辨率无关（2）放大后会失真(三)像素：
1.概念：组成位图图像的基本单位。2.两个属性：特定的位置和颜色值 3.图像的大小和像素尺寸成正比(四)分辨率：
1.概念：图像单位长度内含有的像素量。2.特点：分辨率越高，图像质量越好
3.分类：显示分辨率，打印机分辨率（输出分辨率）
第一模块 Fireworks 教学课题：
第十一章 使用Fireworks8制作图片（1）11.1路径的绘制与编辑； 11.文本的创建与编辑
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.了解Fireworks路径绘制与编辑 2.掌握Fireworks的文本的创建与编辑 3.掌握Fireworks编辑位图对象的方法
知识点：
教学重点：
1.路径绘制 2.路径对象的编辑
3.为路径对象设置描边、填充、不透明度及效果 4.文本的创建与编辑 5.编辑位图对象 教学难点：
1.绘制自动形状：自动形状是矢量对象组 2.钢笔工具：绘制直线或者曲线 3.通过编辑节点变形路径
4.按路径改变文本的排列方式：文本-附加到路径 5.选区制作与调整 突破难点的关键：
实例讲解，区别对比
作业布置：
3.课本第174页填空题，直接做在书上 4.作业本：写出如何设置描边类型
本课小结：在Fireworks8中，可以创建及编辑多种对象，如路径对象，文本对象及位图对象等。通过本章的学习，应该掌握以下内容：路径的绘制与编辑，文本的创建与编辑，编辑位图对象，对象操作，使用图层和蒙版。
新课引入：第十一章使用Fireworks8制作图片
11.3编辑位图对象； 11.4对象操作
···················································································· 教学过程与时间分配：
一、路径绘制与编辑：（约50分钟）(一)路径绘制工具简介：
1.直线工具：
2.矩形、圆角矩形、椭圆及多边形工具： 3.绘制自动形状：自动形状是矢量对象组 4.钢笔工具：绘制直线或者曲线 5.矢量路径工具：(二)路径对象的编辑：
1.通过编辑节点变形路径：指针工具或自动选取工具 2.使用矢量工具进行编辑：弯曲、推拉、重画、分割路径
3.通过路径操作命令编辑路径：路径的混合、简化、扩展收缩、变形和扭曲 4.对象的变形和扭曲
5.使用 “自动形状属性”面版编辑形状(三)为路径对象设置描边、填充、不透明度及效果
1.设置颜色
2.设置描边类型：属性—描边类型 3.设置效果(四)(一)(二)(三)使用【样式】面版：描边，填充、和效果设置的综合运用 输入与编辑文本：属性面版
对文本设置描边、填充、效果和样式： 按路径改变文本的排列方式：
二、文本的创建与编辑：（约50分钟）
1.将文本附加到路径：文本—附加到路径 2.改变文本路径： 3.将文本从路径上脱离(四)(五)
文本变形
将文本转换为路径：文本-转化为路径 实验1：网页广告的设计—“香巴拉牛肉干”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.了解Fireworks的功能和新特性
2.掌握Fireworks的工作界面、工具箱、面版组等 3.掌握Fireworks基本文档操作 4.掌握有关图像编辑的基本概念 5.了解Fireworks路径绘制与编辑 6.掌握Fireworks的文本的创建与编辑 7.掌握Fireworks编辑位图对象的方法
实验过程：
一、新建Fireworks文档，设置大小为800*600，分辨率默认
二、使用矩形工具绘制800*600的矩形作为广告背景设，并填充红到黄的渐变色
三、使用智能多边形—星型工具绘制多角形（角数大于8），设置渐变填充色为黄到红
四、调整星形的内径和外径及圆度，最后成为放射状
五、使用多边形工具绘制白色无边框五角星，缩小，调整透明度
六、将五角星复制多个，并拖到合适的位置，围成圆形
七、使用文本工具，添加“香巴拉”和“牛肉干”字样
八、为文本设置字体，大小，填充黑色，白色描边
九、使用变形工具中的“扭曲工具”，将文字调整角度，呈现立体效果
十、保存源文件为“香巴拉牛肉干广告”
十一、再导出jpg网页格式图片
第一模块 Fireworks 教学课题：
第十一章 使用Fireworks8制作图片（2）11.3编辑位图对象； 11.4对象操作
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks编辑位图对像 2.掌握Fireworks对象操作
知识点：
教学重点：
1.创建位图对象的方法 2.选区制作与调整
3.图像的擦除、填充、复制与修饰 4.编辑位图对象 5.对象操作 教学难点：
1.绘制位图对象
2.使用滤镜和插件：可以增强和改善图像效果 3.对象的堆叠、成组与对齐 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第174页填空题，直接做在书上
2.作业本：如要一次撤销或重复多步操作，应采用什么方法
本课小结：在Fireworks8中，可以创建及编辑多种对象，如路径对象，文本对象及位图对象等。通过本章的学习，应该掌握以下内容：路径的绘制与编辑，文本的创建与编辑，编辑位图对象，对象操作，使用图层和蒙版。
新课引入：第十一章使用Fireworks8制作图片（3）
11.5使用图层和蒙版
···················································································· 教学过程与时间分配：
一、编辑位图对象：（约50分钟）
(一)(二)创建位图对象的方法：5种方法 选区制作与调整：
1.制作选区 2.调整选区(三)绘制位图对象：
1.使用铅笔工具绘制位图对象 2.使用刷子工具绘制位图对象(四)图像的擦除、填充、复制与修饰：
1.使用橡皮擦工具擦除像素 2.使用油漆桶和渐变工具填充像素 3.使用橡皮图章工具复制像素(五)(六)(七)(一)裁剪位图 选区的变形
使用滤镜和插件：可以增强和改善图像效果 对象的选择、移动、复制与删除
二、对象操作：（约50分钟）
1.对象的选择方法 2.移动、复制和删除对象(二)对象的堆叠、成组与对齐
1.对象堆叠
2.对象成组：修改—组合 3.对其对象：修改—对齐(三)操作的撤销与恢复：历史记录面版
第一模块 Fireworks 教学课题：
第十一章 使用Fireworks8制作图片（3）11.5使用图层和蒙版 11.6 综合练习
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks使用图层和蒙版 2.掌握Fireworks图像编辑实例
知识点：
教学重点：
1.图层和蒙版的概念
2.图层操作：展开、折叠、显示、隐藏、锁定、取消、设置当前图层、新建、复制等 3.设置对象子层的不同透明度和颜色混合模式 教学难点：
1.使用蒙版
2.蒙版的替换，禁用和删除 3.对象与蒙版的链接 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第174页填空题，直接做在书上
2.作业本：图层和蒙版的概念是什么，有什么作用？
本课小结：在Fireworks8中，可以创建及编辑多种对象，如路径对象，文本对象及位图对象等。通过本章的学习，应该掌握以下内容：路径的绘制与编辑，文本的创建与编辑，编辑位图对象，对象操作，使用图层和蒙版。
新课引入：第十二章 Web图像制作技术
···················································································· 教学过程与时间分配：
一、使用图层和蒙版：（约50分钟）
(一)图层和蒙版的概念： 式，以及管理蒙版等。
2.蒙版：实际上是256色的荼毒图像，必须与图层的基本内同配合才能发挥作用。白色为透明区，黑色为不透明去，灰色为半透明区。(二)(三)【层】面版组成：
：设置对象子层的不同透明度和颜色混合模式 1.图层：可以方便的调整对象的叠加顺序，显示或隐藏，对未向设置透明度与颜色混合模1.展开、折叠图层 2.显示、隐藏 3.锁定、取消 4.设置当前图层 5.新建(四)
6.复制 7.重命名 8.删除 9.调整顺序 10.移动
11.分散各层 12.隐藏其它层 13.锁定其它层
设置对象子层的不同透明度和颜色混合模式：
1.色彩增值 7.饱和度 2.屏幕 8.颜色 3.暗变 9.发光度 4.亮度 10.反转 5.差异 11.色调 6.色相 12.擦除
(五)使用蒙版：
1.关于蒙版：（1）矢量蒙版：（2）位图蒙版： 2.创建和使用蒙版：
（1）使用“粘贴为蒙版”命令遮罩对象（2）使用“粘贴为内部”命令遮罩对象 3.编辑蒙版：
（1）蒙版的替换，禁用和删除（2）对象与蒙版的链接
（3）向被遮罩对象的选区添加对象
二、图像编辑：（约50分钟）
(一)通过路径操作命令编辑一组图像(二)使用笔触和蒙版打造残破照片边缘效果(三)综合实例：制作网站徽标
13.平均 14.颜色加深 15.反转颜色 16.柔化加深 17.颜色渐淡 18.反选颜色
渐淡 19.柔化简单 20.柔光 21.模糊光 22.强光 实验2：网站LOGO—“旅游网站徽标”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Fireworks编辑位图对像 2.掌握Fireworks对象操作 3.掌握Fireworks使用图层和蒙版 4.掌握Fireworks图像编辑实例
实验过程：
一、新建Fireworks文档，设置大小为640*480，分辨率默认
二、拖动标尺，调整出辅助线
三、使用椭圆工具绘制同心圆，修改—组合路径—打孔
四、使用矩形工具绘制矩形，克隆矩形，并旋转，将两个矩形联合
五、选中矩形和圆形，打孔，拆分
六、改变填充色
七、使用矩形工具绘制矩形，克隆并打孔，删除不必要形状
八、导入位图图像，粘贴于小圆内部
九、输入文本，调整么属性和位置
十、保存最终作品
第一模块 Fireworks 教学课题：
第十二章 Web图像制作技术 12.1切片； 12.2热点和图像映射
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks切片使用
2.掌握Fireworks热点和图像映射的使用
知识点：
教学重点：
1.切片的概念和作用 2.创建不同切片的方法操作 3.切片的交互
4.热点和图像映射的作用 教学难点：
1.切片的交互 2.热点和图像映射 3.用热点常见变换图像 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第208页填空题，直接做在书上 2.作业本：课本第208页简答题第一题，第二题
本课小结：热点、切片、按钮编辑器及弹出菜单编辑器使Fireworks8能够轻松地创建具有交互性的Web图像。利用Fireworks8更可以创建包含活动的横幅广告，徽标和卡通形象的动画图形。通过本课的学习，应该掌握以下内容：创建热点，创建图像切片，为切片或热点附加行为，创建按钮及导航条，创建简单的GIF动画。
新课引入： 12.3按钮和弹出来的菜单； 12.4创建简单的GIF动画
···················································································· 教学过程与时间分配：
一、切片：（约50分钟）
(一)切片的概念：
1.用于创建交互的性的基本构造块 2.优点：（1）优化：（2）交互性
（3）更新网页的某些部分：(二)创建切片：
1.创建矩形切片： 2.创建多边形切片：
3.基于对象创建切片：编辑—插入—热点
4.创建HTML切片：指定浏览器中出现普通HTML文本的区域(三)显示和隐藏切片：
1.隐藏切片：不会影响该对象导出到HTML 2.显示切片：(四)编辑切片：
1.移动切片辅助线以编辑切片：使用工具编辑切片对象： 2.使用属性面版编辑切片对象：(五)切片的交互：
1.使切片具有简单的交互效果 2.使用行为面版向切片添加交互效果
二、热点和图像映射：（约50分钟）
(一)(二)(三)(四)(五)概念：使较大图像中的各个小部分产生交互，并将网页图形的却与链接到URL 创建热点：工具面版—web区域 编辑热点： 创建图像映射：
用热点常见变换图像：一个热点只能出发一个不相交的变换图形。
第一模块 Fireworks 教学课题：
第十二章 Web图像制作技术 12.3按钮和弹出来的菜单 12.4创建简单的GIF动画
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks按钮和弹出来的菜单的制作 2.掌握Fireworks创建简单的GIF动画的操作
知识点：
教学重点：
1.关于按钮状态的特点和功能 2.创建按钮和编辑按钮的方法 3.创建导航栏的作用和创建方法 4.弹出菜单的功能和创建方法 教学难点：
1.创建帧-帧GIF动画 2.通过元件和实例制作动画 3.结合使用层和帧制作动画 突破难点的关键：
实例讲解，区别对比
作业布置：
3.课本第208页填空题，直接做在书上 4.作业本：课本第208页简答题第三题，第四题
本课小结：热点、切片、按钮编辑器及弹出菜单编辑器使Fireworks8能够轻松地创建具有交互性的Web图像。利用Fireworks8更可以创建包含活动的横幅广告，徽标和卡通形象的动画图形。通过本课的学习，应该掌握以下内容：创建热点，创建图像切片，为切片或热点附加行为，创建按钮及导航条，创建简单的GIF动画。
新课引入： 第十三章图像优化与导出
13.1图像优化； 13.2图像导出
···················································································· 教学过程与时间分配：
一、按钮和弹出来的菜单：（约50分钟）
(一)创建按钮元件：
1.在按钮编辑器中创建的按钮具有的特点：（7点）2.关于按钮状态：（1）释放状态：按钮的迷人外观或静止时的外观（2）滑过状态：指针滑过按钮的外观（3）按下状态：单击后的按钮
（4）按下时滑过：用户将指针滑过出狱按下状态的按钮时的外观 3.创建按钮：编辑—插入—新建按钮 4.编辑按钮：修改—元件—编辑元件(二)使用系统提供的元件按钮：编辑—库—（主题、动画、按钮、项目符号）(三)创建导航栏：
1.导航栏的概念：提供到网站不同区域链接的一组按钮 2.创建方法：创建按钮元件，复制多次，修改：(四)创建弹出菜单： 1.弹出菜单编辑器：弹出菜单是一个带有选项卡的对话框创建弹出菜单：置弹出菜单
二、常见简单的GIF动画：（约50分钟）
(一)创建动画的准备工作：
1.创建新文档：
2.创建简单的“帧—帧”动画，或过度动画 3.设置帧延迟 4.观察动画播放速度 5.优化和输出文档为GIF动画(二)帧-帧GIF动画实例
(三)使用“分散到帧”按钮制作动画：(四)通过元件和实例制作动画：
1.建立和编辑元件
2.使用“补间实例”制作动画 3.使用“选择动画”制作动画(五)结合使用层和帧制作动画
1.添加、移动、复制、编辑和删除帧 2.设立背景
行为面版—设
实验3 网页效果图—“国庆60周年”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Fireworks切片使用
2.掌握Fireworks热点和图像映射的使用 3.掌握Fireworks按钮和弹出来的菜单的制作 4.掌握Fireworks创建简单的GIF动画的操作
实验过程：
1.建立大小为800*600的文档，设置背景色为红色#EC2623 2.页面上方字样 “热烈庆祝中华人民共和国成立”和“周年”，发光效果（#FF9900）3.“60”颜色为红#EC2623到黄#FF9900的渐变色，使用浮雕效果
复制“60”，放大，使用高斯模糊，并调整到文字后方 4.使用钢笔工具绘制光晕，复制，调整颜色和透明度及角度
5.页面四角腾龙图案（30分）使用图层混合效果，尽量与背景融合。
6.“首页”图片，发光效果#DF0000，且链接到新疆交通学校的主页：http:// 7.“殷殷贺词”添加滤镜效果 8.页底英文，发光效果
9.把做好的图片利用切片工具生成网页，图片放入”image”文件夹
第一模块 Fireworks 教学课题：
第十三章图像优化与导出 13.1图像优化； 13.2图像导出
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks图像优化 2.掌握Fireworks图像导出
知识点：
教学重点：
1.最佳文件格式的选择 2.了解每种格式特定的选项 3.调整图形中的颜色 4.导出参数设置
5.在Dreamweaver8中使用Fireworks8文档 教学难点：
1.每种文件格式的特点和区别 2.文件格式各个参数的设置 3.导出文件格式选项 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第216页填空题，直接做在书上 2.作业本：课本第216页简答题第一题
本课小结：网页图形设计的最终目标是创建能够尽可能的快的消灾就没图像。为此，必须在最大限度的保障图像配置的同时，还要选择压缩质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩和配置的最佳组合。通过本章的学习，应该掌握以下内容：优化图像，导出多种格式图像文件。新课引入： 第十四章 初识Flash8 ···················································································· 教学过程与时间分配：
一、图像优化：（约50分钟）
(一)关于优化：
1.选择最佳文件格式： 2.设置格式特定的选项： 3.调整图形中的颜色：(二)使用【优化】面版：窗口—优化
二、图像导出：（约50分钟）
(一)导出参数设置：
1.设置导出文件的名称： 2.设置保存类型：（1）HTML和图像（2）仅图像
3.设置HTML代码的导出方法：（1）导出HTML文件（2）复制到剪贴板 4.设置切片的导出方法：（1）无（2）导出切片（3）沿沿引导线切片 5.其他设置： 6.导出文件：(二)(三)导出选定区域的方法：工具—选择—导出区域
在Dreamweaver8中使用Fireworks8文档：插入—图像对象
三、实践——导出图像：文件—图像预览
第一模块 Fireworks 教学课题：
综合练习
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks综合使用技巧 2.掌握Fireworks网页图像处理技巧
知识点：
教学重点：
1.图像的绘制 2.色彩的调节 3.调整图形中的颜色 4.库和样式的应用 5.图像的优化和导出 教学难点：
1.特殊图像的绘制和编辑技巧 2.文件格式各个参数的设置 3.交互功能的使用 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第216页填空题，直接做在书上
本课小结：网页图形设计的最终目标是创建能够尽可能的快的消灾就没图像。为此，必须在最大限度的保障图像配置的同时，还要选择压缩质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩和配置的最佳组合。通过本课的学习，应该掌握以下内容：优化图像，导出多种格式图像文件。新课引入： 第十四章 初识Flash8 ···················································································· 教学过程与时间分配：
一、制作按钮：（约10分钟）
(一)插入按钮元件：
1.制作按钮释放状态：圆角矩形、形状编辑、填充变形、文本编辑 2.制作按钮释放状态： 3.制作按钮释放状态： 4.制作按钮释放状态：(二)(三)剪裁画布： 导出图像：
二、导航栏的制作：（约20分钟）(一)(二)(三)(四)将按钮保存：： 新建文件，导入元件
多次将元件拖入画布，并设置其对齐和间距 预览
三、弹出菜单的制作：（约20分钟）
(一)(二)(三)(四)选中需要设置弹出菜单的图像： 在行为面版添加“设置弹出菜单” 设置菜单的内容、外观、位置等参数 预览
四、制作帧帧动画：月亮升起（约50分钟）
(一)(二)(三)(四)新建画布，设置背景： 绘制各种形状的月亮 将月亮分布在帧上 预览动画
第二模块 Flash 教学课题：
第十四章 初识Flash8 计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Fireworks图像优化 2.掌握Fireworks图像导出
知识点：
教学重点：
1.Flash8的用途与特点 2.Flash8的特点 3.Flash8的工作环境 4.创建Flash文件 教学难点：
1.Flash8的特点 2.Flash8的工作环境 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第227页填空题，直接做在书上
本课小结：本课主要介绍Flash的诞生、用途、特点、工作环境、基本概念及基本操作等基础知识。通过本章的学习，应该掌握以下内容：Flash的用途、特点和基本概念，Flash的工作环境，Flash的基本操作。
新课引入：第十五章 绘制与编辑适量
···················································································· 教学过程与时间分配：
一、Flash8简介：（约20分钟）
二、Flash8的用途与特点：（约30分钟）
(一)Flash8的用途：
1.绘制矢量图： 2.制作动画： 3.开发游戏：(二)Flash8的特点：
1.矢量图形模式：占用空间小 2.文件的小型化：重复运用元件
3.支持交互：通过键盘、鼠标等工具，通过单击按钮、选择菜单等方式控制动画的播放 4.作品下载方便：流媒体 5.支持导入声音、视频：
6.支持跨平台动画播放：与其他软件很好的兼容性
三、Flash8的工作环境：：（约30分钟）
(一)(二)(三)(四)(五)(六)(七)(八)(一)(二)(三)菜单栏：10个
工具栏：窗口—工具栏—主工具栏 工具箱：4个区域 时间轴：图层、时间轴
舞台：工作界面中央的的空白区域 场景：影片的片段 浮动面版：
属性面版：用于显示当前选择对象的属性 建新文件：两种方法 打开文件：三种方法 保存文件：三种方法
四、创建Flash文件：（约20分钟）
第二模块 Flash 教学课题：
第十五章 绘制与编辑适量
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash绘制工具的使用及矢量图的绘制 2.掌握Flash图像选取与控制 3.掌握Flash辅助工具的使用 4.掌握Flash修改矢量图形的操作 5.掌握Flash选项修改矢量图
知识点：
教学重点：
1.利用绘制工具绘图
2.利用钢笔工具绘制曲线并修改曲线 3.标尺、网格、辅助线的使用 4.任意变形工具的使用 教学难点：
1.锁定填充的理解和使用 2.使用箭头工具修改图形 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第252页填空题，直接做在书上
本课小结：本章介绍绘图和编辑矢量图形的基本知识，为后面的Flash动画创作打下坚实的基础。通过本章的学习，应该掌握以下内容：熟悉工具箱中的各种绘图工具并能够使用绘图工具绘图，掌握视图的选取与控制方法，使用辅助工具进行绘图，适量图之间的覆盖关系，使用工具箱中的各种工具来修改矢量图。
新课引入：第十六章 编辑颜色和文本
···················································································· 教学过程与时间分配：
一、绘制工具及矢量图：（约10分钟）
(一)(一)工具中的绘图工具：shift+字母 直线：
二、利用绘制工具绘图：（约40分钟）
1.两种模式：对象绘制模式、普通模式 2.贴紧至对象：
3.水平、垂直、45度角的直线绘制：shift(二)椭圆
1.两种模式：对象绘制模式、普通模式 2.贴紧至对象： 3.正圆的绘制：shift(三)多边形
1.矩形：圆角的设置
2.多边形和星型：边数和顶点大小(四)铅笔
1.对象绘制：
2.绘图模式：伸直、平滑、墨水瓶(五)钢笔：可以精确的绘制直线或平滑曲线，并可以分段绘制
1.设置钢笔工具的参数：编辑—首选参数—绘画—钢笔工具 2.利用钢笔工具绘制直线段、曲线段（1）绘制直线段：点击（2）绘制曲线段：拖动
3.结束使用钢笔工具的方法：双击、点击钢笔工具按钮或按CTRL键在路径外点击(六)刷子：模仿真实画笔绘制矢量图形，绘制的是填充而不是线条
1.涂色模式：标准绘画、颜料填充、后面绘画、颜料选择、内部绘画 2.刷子大小与形状：
3.锁定填充；所有使用相同填充的区域将作为一个连续的填充图形
三、图像选取与控制：（约10分钟）
(一)箭头工具：选择工具
1.功能：
（1）选择对象：选择填充、选择线条、整体选择，选择多个（2）修改图形：修改边缘、修改顶点（3）移动对象：
2.箭头工具选项：平滑、拉伸(二)部分选取工具：
1.调整路径上的锚记点：
2.曲线段与直线段的相互转换：alt键 3.调整直线段的长度、角度和曲线段的斜率(三)套索工具：选择填充图形中的某一不规则部分
1.套索工具：
2.魔术棒工具：魔术棒工具 3.多边形套索：(四)(五)(一)(二)放大镜工具： 手形移动工具： 使用标尺：视图—标尺
使用网格：视图—网格—显示网格|编辑网格
四、使用辅助工具：（约10分钟）(三)(四)(一)(二)使用辅助线：视图—辅助线 使用贴紧：视图—贴紧
矢量图之间的覆盖关系：两个矢量图有部分互相重叠的时候，会分割和重组 利用工具箱中的工具修改矢量图：
五、修改矢量图形（约20分钟）
1.箭头工具 2.部分选取工具 3.橡皮擦工具：
（1）擦除模式：标准擦除、擦除线条、擦除填色、擦除所选填充；（2）水龙头：快速擦除所选填充（3）橡皮擦形状和大小： 4.任意变形工具：
（1）具有箭头工具部分作用：选择、移动（2）特有功能：缩放、翻转、倾斜、旋转（3）选项：贴紧至对象、旋转与倾斜、缩放
5.填充变形工具：修改渐变色，移动变色中心，调整填充大小和方向
六、利用菜单栏选项修改矢量图（约10分钟）
(一)(二)(三)(四)优化曲线：修改—形状—优化
将线条变为填充图：修改—形状—将线条转化为填充 宽展填充图：修改—形状—扩展填充 柔化填充边缘：修改—形状—柔化填充边缘 实验4绘制矢量图——“和尚与鱼”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Flash绘制工具的使用及矢量图的绘制 2.掌握Flash图像选取与控制 3.掌握Flash辅助工具的使用 4.掌握Flash修改矢量图形的操作 5.掌握Flash选项修改矢量图
实验过程：
1.建立大小为550*400的文档，设置背景色为#D2DAC2 2.将层命名为“脸”，使用椭圆绘制头，边框为#E9CC9C填充为#F5EAD3，并使用箭头进行轮廓的修改 3.新建“耳朵”层，使用椭圆工具以同样填充和线条色绘制耳朵，使用铅笔工具平滑模式，绘制耳郭，将耳朵复制、翻转，移动到相应位置。最后将耳朵层移至脸下方
4.新建“烟头烫”图层，使用刷子工具，填充色设置为#E9CC9C，进行和尚头部的烫点绘制 5.新建“左眼”层，使用椭圆工具，设置填充为黑色，线条无色绘制左侧黑色眼睛；使用刷子工具，填充色为白色，调整刷子大小，为眼睛添加白色反光。
6.新建“右眼”层，使用线条工具，颜色为黑色，调整线条粗细，拖动出眨眼眼型
7.新建“舌头”层，使用铅笔工具，平滑模式，线条色为#FF3366，绘制舌头，并使用填充工具填充颜色为#FF99CC 8.新建“脸红”层，使用椭圆工具，设置填充为粉红到透明的渐变，使用变形工具压扁，复制，并调整到相应位置
9.新建“袈裟”层，使用线条绘制梯形，使用箭头工具改变形状，并填充蓝白渐变，调整到“脸”层下方
10.新建“鱼”层，使用线条工具，设置颜色为#999966，绘制线条，使用箭头工具将其拖弯；使用变形工具将其移动到合适位置并拼合和鱼的形状，使用线条工具为鱼添加鱼鳍和鱼眼；将鱼复制多个，调整大小和方向 11.使用刷子工具，填充色为#999966，不断调整大小绘制装饰的点 12.保存原文件，导出动画
第二模块 Flash 教学课题：
第十六章 编辑颜色和文本
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash编辑颜色的方法 2.掌握Flash编辑文本的方法
知识点：
教学重点：
1.多种更改填充和线条颜色的方法 2.如何设置渐变填充 3.如何使用位图进行填充
4.使用墨水瓶工具改变线条和给填充描边 5.了解文本的类型和使用 6.创建不同类型的文本的方法 7.分离文本的方法的作用 教学难点：
1.设置填充色、填充渐变的操作
2.创建自动伸缩和固定宽度的静态文本，及属性设置 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第267页填空题，直接做在书上
本课小结：在前面学习了绘图基础和修改矢量图的基本方法。本课学习的内容是编辑矢量图的颜色，使用、创建、编辑文本，文本的链接、文本的图形化及制作艺术字。通过本章的学习，应该掌握以下内容：使用工具箱或熟悉面版中的颜色按钮编辑矢量图的颜色，使用混色器编辑颜色及工具编辑颜色，使用渐变色或位图进行填充，使用、创建、编辑文本并设置文本属性和格式，文本的分离、制作艺术字。新课引入：第十七章 使用外部资源
···················································································· 教学过程与时间分配：
一、编辑颜色：（约50分钟）
(一)利用工具想的颜色按钮编辑线条和填充
1.线条颜色工具 2.填充颜色工具
3.默认填充和线条颜色按钮 4.无色按钮
5.交换填充颜色和线条颜色按钮(二)利用混色器编辑纯色与渐变色：窗口—设计面版—混色器
1.编辑纯色：两种模式的颜色（RGB、HSB）2.编辑渐变色：两种（线性、放射状）(三)油漆桶工具：两个选项（缺口尺寸、锁定填充）
1.使用渐变色进行填充：点击、拖动 2.使用位图进行填充：首先需要导入位图到库(四)墨水瓶工具：用于改变线条的颜色、宽度、类型，也可为填充添加轮廓
1.修改已有的线条：点击 2.为填充图添加轮廓线：点击 3.使用渐变色和位图绘制线条：
（1）使用渐变色绘制线条：笔触颜色-混色器（2）使用位图绘制线条(五)(一)吸管工具：从现有的线条或填充图形总获取颜色和类型信息 文本的类型：
二、编辑文本：（约50分钟）
1.静态文本：用于显示固定不变的文字，影片运行时不产生变化，可以创建超链接 2.动态文本：用于显示可以更新的文字 3.输入文本：用于影片运行时用户输入的内容(二)文本的创建：
1.创建静态文本
（1）静态文本的样式：横板和竖版、可扩展和固定宽度（2）创建方法：点击或者拖动
2.创建动态文本、输入文本及其滚动文本（3）动态和输入文本没有竖版（4）动态和输入文本可设置为滚动文本(三)设置文本属性和格式
1.设置静态文本属性
2.设置动态文本和输入文本的属性 3.分离文本
（1）一次分离文本：成为独立文字（2）二次分离文本：成为图形
第二模块 Flash 教学课题：
第十七章 使用外部资源
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash导入和编辑矢量图或位图 2.掌握Flash导入和编辑声音文件 3.掌握Flash导入和编辑矢量图或位图 4.掌握Flash导入和编辑声音文件
知识点：
教学重点：
1.导入矢量图和位图的方法 2.编辑导入的位图图像 3.编辑声音文件属性 4.编辑声音文件 教学难点：
1.转换位图为矢量图
2.编辑属性的4个选项有什么不同 突破难点的关键：
实例讲解，区别对比
作业布置：
2.课本第277页填空题，直接做在书上
本课小结：本课学习的的内容就是如何使用外部资源中的图像、声音。通过本章的学习，应该掌握以下内容：导入编辑图像，导入和编辑声音。新课引入：第十八章 编辑对象
···················································································· 教学过程与时间分配：
一、导入和编辑矢量图或位图：（约50分钟）
(一)导入矢量图和位图
1.三种方法： 2.图像序列的导入：(二)编辑导入的位图图像
1.使用属性面版编辑位图 2.设置位图的属性 3.分离位图：修改—分离
4.使用套索工具的魔术棒工具编辑位图：与之、平滑 5.转换位图为矢量图：修改—位图——转换位图为矢量图
二、导入和编辑声音文件：（约50分钟）
(一)(二)可添加的声音文件类型：wav、mp3、aiff等。添加声音文件：
1.导入声音：文件—导入到库 2.编辑属性：（1）选择相应的声音
（2）选择默认的声音效果：7种选择（3）设置声音同步类型：
1)事件：将声音和一个时间的发生过程同步起来 2)开始：当声音播放时不会播放新的声音 3)停止：将指定的声音停止 4)数据流：重复和循环(三)声音文件：编辑—编辑封套
1.设置显示状态：帧、时间 2.设置开始和结束位置 3.设置声音的大小、声道 4.设置声音的效果(四)使用声音实例——砸赌 实验5网页广告动画—“五一劳动节”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Flash编辑颜色的方法 2.掌握Flash编辑文本的方法
实验过程：
1.建立大小为640*240的文档，背景色为白色
2.新建“背景”层，设置黄到红的反射状渐变，渐变中心在舞台偏左上的位置
3.新建“光芒”层，使用矩形工具绘制很窄的无边框长条矩形，设置填充色为黄到透明的线性渐变；调整矩形的变形中心到黄色一端，使用变形面版，设置旋转角度为15，复制并应用变形，直到形成光芒图形。将整个光芒选中，组合。
4.将组合后的光芒选中，转换成元件。在第60帧插入关键帧，生成补间动画，在i设置旋转。5.新建“文字1”，从Fireworks文档中复制设置好样式的文本，粘贴到相应位置。同理，生成“文字2”层。
6.将两个文字层延长到第60帧。
7.新建“星星”图形元件，绘制五角星，调整透明度为60% 8.新建“星星闪”影片剪辑元件，将“星星”图形元件拖入，制作星星闪的动画：在影片剪辑的第5、10、15帧插入关键帧，添加补间动画，设置第1帧和最后一帧的透明度为0 9.新建“星1-N”图层，将“星星闪”元件拖入舞台多次，分布在不同的层上，调整不同的大小、角度、透明度。并将动画延长到第60帧。10.保存原文件，导出动画
第二模块 Flash 教学课题：
第十八章 编辑对象
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash对象的基本操作 2.掌握Flash对象的旋转和翻转 3.掌握Flash【变形】面版的使用
知识点：
教学重点：
1.对象的不同选择方式
2.对象的组合、及组合对象的编辑 3.对象的移动、复制和删除 4.对象的旋转和翻转 5.使用【变形】面版 教学难点：
1.对象的旋转和翻转
2.使用复制并应用变形功能创建多彩图形 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第284页填空题，直接做在书上
本课小结：本课主要介绍舞台元素上的各种编辑方法。通过本章的学习，应该掌握以下内容：使用箭头、套索等工具选择对象，对象的移动、复制和删除。，对象的对齐、旋转和翻转。新课引入：第十九章 元件、实例和库
···················································································· 教学过程与时间分配：
一、对象的基本操作：（约50分钟）
(一)对象的选择：
1.使用箭头工具选择对象：
（1）单击：可选择单一线条，填充、群组、实例或文本（2）双击：同时选择一个矢量图的全部线条和填充（3）框选：选区内的所有对象 2.使用套索工具选择对象：（1）以曲线绘制选择区域：（2）以直线绘制选择区域：
（3）以曲线、直线混合绘制选择区域：(二)对象的组合：
1.组合：修改—组合 2.取消组合：修改—取消组合
3.选择组合体或组合体内的对象：编辑—编辑所选项目，或双击(三)对象的移动、复制和删除
1.移动对象：（1）直接拖动：（2）使用方向键移动：
（3）使用信息面版：注意调节对象中心 2.复制对象：
（1）拖动法：按下alt或ctrl键（2）剪贴板法：
（3）变换操作法：窗口—变形 3.删除对象：
（1）按delete键或backspace键（2）编辑—清除（3）编辑—剪切（4）鼠标右键菜单—剪切
二、对象的旋转和翻转：（约30分钟）
(一)(二)(一)对象的旋转：修改—变形
对象的翻转：变形—垂直翻转|水平翻转
【变形】对话框的变形设置：窗口—设计面版—变形
三、使用【变形】对话框：（约20分钟）
1.按比例变形： 2.旋转： 3.倾斜：(二)【变形】对话框的变形操作
1.复制并应用变形： 2.重置：(三)【变形】对话框的应用实例——多彩的海螺
第二模块 Flash 教学课题：
第十九章 元件、实例和库
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash元件的基本概念和优点 2.掌握Flash实例的基本概念和特点 3.掌握Flash创建和编辑元件的方法
知识点：
教学重点：
1.元件的基本概念和优点 2.实例的基本概念和特点 3.库的使用
4.元件的分类和创建方法对象的旋转和翻转 5.实例创建和编辑、修改 教学难点：
1.在电影之间复制库文件 2.元件和实例之间的修改关系 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第299页填空题，直接做在书上
本课小结：元件、实例和库是动画设计中非常重要的概念，本课主要介绍元件、实例和库的概念，元件、实例的创建，库的操作。通过本章的学习，应该掌握以下内容：元件、实例和库的概念，创建图形、按钮、一片剪辑元件的方法，创建实例的方法，库的操作，共享库资源及处理库中资源冲突。新课引入：第二十章 时间轴、时间轴特效
···················································································· 教学过程与时间分配：
一、基本概念：（约20分钟）
(一)元件：元件是进行影片设计的基本单位，是构成影片的最基本的部分
1.创建元件的用途：
（1）图形元件：用于绘制静态图像
（2）按钮元件：用于创建响应鼠标时间的交互式按钮（3）影片剪辑元件： 创建可重复使用的动画片段 2.元件的主要优点：（1）可以重复使用
（2）使用元件可以简化影片编辑
（3）可以显著的缩减影片文件的大小（4）加快影片浏览和播放速度（5）制作渐变动画的前提(二)实例：
1.概念：舞台上或嵌套在另一个元件内部的元件副本，2.特点：
（1）一个元件可以有多个副本（2）修改元件，实例随即变化（3）修改实例，不影响元件(三)库：可以重复使用的元件的储存仓库
二、创建元件：（约30分钟）
(一)创建元件的方法
1.将舞台上的对象转化为元件：（1）将对象拖放到库中（2）右键菜单—转换为元件 2.创建一个空元件：（1）插入—新建元件（2）库面版——新建元件按钮 3.退出：
（1）舞台左上角的退出按钮（2）编辑—编辑文档（3）点击场景按钮(二)复制元件：重置元件，修改元件(三)创建按钮元件实例
(四)创建图形元件、影片剪辑元件实例
三、创建实例：（约30分钟）
(一)创建实例的方法(二)编辑实例：
1.对实例进行重新命名： 2.编辑实例的颜色： 3.编辑实例的尺寸
四、库：（约20分钟）
(一)库的操作
(二)在电影之间复制库文件：
1.复制和粘贴资源 2.拖放复制资源(三)共享库资源
1.运行时的共享资源 2.编辑时的共享资源(四)库中资源冲突的处理：选择不同的名称4.移动实例的位置;5.交换元件实例：
6.更改实例类型：分离实例：
实验6 网页广告动画—“跳动的文字”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Flash对象的基本操作
2.掌握Flash对象的旋转和翻转、【变形】面版的使用 3.掌握Flash元件和实例的基本概念和优点 4.掌握Flash创建和编辑元件的方法
实验过程：
一、缩放文字：
1.建立大小为400*200的文档，将图层1重命名为“背景”，使用矩形工具，绘制舞台尺寸大小的矩形（无线条色，填充为蓝到黑的放射状渐变）；将背景层锁定。2.新建层输入文字“welcome”，调整字体、大小和颜色；将文字打散一次成为单个字母，使用对齐面板设置好文字的位置，逐个转换成相应名称的图像元件；将所有文字选中使用“修改-时间轴-分散到图层”。
3.选中第一个字母，在第15帧插入关键帧；将第15帧中文字大小设置为600%，透明度为20%。4.同理制作其他字母动画，设置以后每个字母落后5帧。将所有层动画按F5延长到最后一个字母完成时的帧。
5.保存原文件，导出动画。
二、跳动的文字：
1.建立大小为400*240的文档，设置背景色为蓝色。
2.新建影片剪辑元件“跳动文字”，在元件中心输入文字,可按自己喜好输入。
3.将文字打散一次，使用对齐面板设置好文字的位置，逐个转换成相应名称的图像元件；将所有文字选中使用“修改-时间轴-分散到图层”。4.拖动出辅助线，设置好文字预计运动位置。
5.选中第一个字母，分别在第10帧和第20帧插入关键；拖动第10帧中的字母到运动最高点第20帧落回原位；将第1帧和第10帧的“缓动值”分别设置为“50”和“-50 ” 6.同理制作其他字母动画，设置以后每个字母落后5帧。
7.将所有层动画延长到最后一个字母完成时的帧；退出元件编辑状态，回到场景
8.将图层1重命名为“背景”，使用矩形工具，绘制大小为舞台一半的无线条色，填充为透明度为30%的黑色块。
9.新建“文字”层，将库中的剪辑元件“跳动文字”拖动到舞台上，调整好位置
10.新建“倒影”层，将文字层的影片剪辑元件复制并垂直翻转，调整透明度形成倒影 11.保存原文件，导出动画。
第二模块 Flash 教学课题：
第二十章 时间轴、时间轴特效
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash时间轴的概念和相关操作 2.掌握Flash图层的概念和相关操作
知识点：
教学重点：
1.帧和动画的含义和表示 2.帧的种类及相关操作 3.标签、注释和锚记的使用 4.图层的分类、图层操作 5.时间轴特效的添加及设置 教学难点：
1.图层的分类、图层操作 2.运动引导层和被引导层的作用 3.遮罩层与被遮罩层的作用 突破难点的关键：
实例讲解，区别对比
作业布置：
2.课本第320页填空题，直接做在书上
本课小结：时间轴是Flash8设计中能够形成画的关键内容，无论是制作动画还是播放动画，都离不开对时间轴的操作。时间轴特效使得在Flash8创作进程、执行最少的步骤可制作复杂的动画，从而免去复杂的创作过程。通过本课的学习，应该掌握以下内容：时间轴及时间轴中的动画表示，播放纸张及帧的操作，标签、注释和锚记，图层的构成及操作，时间轴特效的应用。新课引入：第二十一章 制作动画（1）
···················································································· 教学过程与时间分配：
一、时间轴：（约50分钟）
(一)时间轴及动画表示：
1.帧和动画的含义和表示：
2.时间轴的概念：图层，帧、播放指针 3.时间轴中动画表示：(二)播放指针和帧操作：
1.播放指针和帧：
（1）播放指针：控制当前舞台上显示时间轴的帧及帧的内容（2）帧：帧的种类
2.帧的显示方式：大小、颜色、关联等 3.帧的操作：（1）插入关键帧（2）插入空白关键帧（3）插入普通帧（4）选择帧（5）拖动帧(三)标签、注释和锚记：
1.创建标签： 2.添加注释： 3.命名锚记： 4.锚记应用实例：
二、图层：（约20分钟）
(一)图层的分类：
1.普通图层：
2.引导层：在绘图时帮助对齐对象
3.运动引导层和被引导层：使对象沿相应轨迹运动 4.遮罩层与被遮罩层：设置对象的显示动画 5.文件夹层：组织和管理图层(二)图层操作：
1.创建和删除图层及图层文件夹：
2.图层的操作：隐藏与显示、显示边框、锁定与解锁
3.编辑图层和图层文件夹：重命名、选择、复制、删除、改变顺寻、移动 4.图层中对象的叠放次序：
三、时间轴特效：（约50分钟）
(一)时间轴特效基础：
1.时间轴特效的添加：插入—时间轴特效 2.时间轴特效的编辑：设置参数、查看预览 3.时间轴特效的删除：(二)创建时间轴特效：
5.分离： 6.展开： 7.投影： 8.模糊： 1.变形： 2.转换： 3.分散式重制： 4.复制到网格：
（6）复制帧
（7）关键帧与普通帧的相互转换（8）删除帧（9）清楚帧（10）清除关键帧
第二模块 Flash 教学课题：
第二十一章 制作动画（1）21.1-21.4动画
计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash动画原理 2.掌握Flash逐帧动画的创作 3.掌握Flash直线型运动渐变动画 4.掌握Flash曲线型运动渐变动画
知识点：
教学重点：
1.了解动画的原理 2.了解动画的分类 3.掌握逐帧动画的制作方法 4.掌握直线型运动渐变动制作方法 5.掌握曲线型运动渐变动画制作方法 教学难点：
1.逐帧动画的制作方法 2.直线型运动渐变动制作方法 3.曲线型运动渐变动画制作方 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第343页填空题，直接做在书上
本课小结：时间轴是Flash8设计中能够形成画的关键内容，无论是制作动画还是播放动画，都离不开对时间轴的操作。时间轴特效使得在Flash8创作进程、执行最少的步骤可制作复杂的动画，从而免去复杂的创作过程。通过本课的学习，应该掌握以下内容：时间轴及时间轴中的动画表示，播放纸张及帧的操作，标签、注释和锚记，图层的构成及操作，时间轴特效的应用。新课引入： 综合练习
···················································································· 教学过程与时间分配：
一、Flash动画原理：（约50分钟）
(一)(二)动画的原理：视觉残留 动画的分类：
1.按照人机关系分：非交互式、交互式 2.图像的绘制方式分： 1)逐帧动画：
2)渐变动画：运动渐变、形状渐变
二、逐帧动画：（约50分钟）每一帧都是关键帧
(一)(二)(一)导入逐帧动画：文件—导入—导入到库 制作逐帧动画实例：
直线型运动渐变动画的创建方法：
三、直线型运动渐变动画：从对象的两个关键帧之间做运动
1.创建运动渐变动画的方法：三种方法 2.创建补间动画时在属性面版中进行属性设置（1）帧：帧的名称
（2）标签类型：名称、注释、锚记（3）补间：无、动作、形状（4）缓动：运动速度的变化（5）旋转：对象的旋转设置(二)(三)(四)(一)(二)制作直线运动渐变动画实例 制作跳跃运动渐变动画实例 制作复合直线运动渐变动画实例
曲线型运动渐变动画的创作方法：设置引导层 曲线型运动渐变动画的创作实例：
四、曲线型运动渐变动画制作方法：
第二模块 Flash
教学课题：
综合练习
计划课时：2课时
授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash动画原理
2.掌握Flash逐帧动画的创作 3.掌握Flash直线型运动渐变动画 4.掌握Flash曲线型运动渐变动画
知识点：
教学重点：
1.了解动画的原理 2.了解动画的分类
3.掌握逐帧动画的制作方法
4.掌握直线型运动渐变动制作方法 5.掌握曲线型运动渐变动画制作方法 教学难点：
1.逐帧动画的制作方法
2.直线型运动渐变动制作方法 3.曲线型运动渐变动画制作方 突破难点的关键：
实例讲解，区别对比
作业布置：
2.课本第343页填空题，直接做在书上
本课小结：时间轴是Flash8设计中能够形成画的关键内容，无论是制作动画还是播放动画，都离不开对时间轴的操作。时间轴特效使得在Flash8创作进程、执行最少的步骤可制作复杂的动画，从而免去复杂的创作过程。通过本课的学习，应该掌握以下内容：时间轴及时间轴中的动画表示，播放纸张及帧的操作，标签、注释和锚记，图层的构成及操作，时间轴特效的应用。新课引入：第二十一章 制作动画（1）
21.5-21.7动画
···················································································· 教学过程与时间分配：
一、简单运动动画制作：（约40分钟）
(一)残影效果：
二、引导层：（约50分钟）
(一)太阳星星升起月落下：
(二)汽车广告：
第二模块 Flash 教学课题：
第二十一章 制作动画（1）21.5-21.7动画
计划课时：2课时
授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash形状渐变动画的制作 2.掌握Flash遮罩动画的制作 3.掌握Flash动画的编辑
知识点：
教学重点：
1.形状渐变动画的原理
2.不使用形状提示渐变动画的方法 3.使用形状提示渐变动画的制作的方法 4.遮罩动画的操作 5.编辑动画的方法 教学难点：
1.洋葱皮工具的使用 2.遮罩动画的各典型实例
3.使用形状提示渐变动画的创作方法 突破难点的关键：
实例讲解，区别对比
作业布置：
3.课本第343页填空题，直接做在书上
本课小结：时间轴是Flash8设计中能够形成画的关键内容，无论是制作动画还是播放动画，都离不开对时间轴的操作。时间轴特效使得在Flash8创作进程、执行最少的步骤可制作复杂的动画，从而免去复杂的创作过程。通过本课的学习，应该掌握以下内容：时间轴及时间轴中的动画表示，播放纸张及帧的操作，标签、注释和锚记，图层的构成及操作，时间轴特效的应用。新课引入：第二十二章 简单的交互动画 ···················································································· 教学过程与时间分配：
一、形状渐变动画：（约20分钟）
(一)形状渐变：一个对象随着时间的推移，逐渐演变成另一个对象所产生的形变效果。(二)不使用形状提示渐变动画的创作方法：(三)不使用形状提示渐变动画创作实例：1变2(四)使用形状提示渐变动画的创作方法： 1.形状提示：为系统指出形状渐变的提示点 2.添加形状提示：修改-形状-添加形状提示 3.移动形状提示： 4.删除形状提示：(五)使用形状提示渐变动画的制作实例：1变2
二、遮罩动画：（约50分钟）
(一)遮罩原理：(二)遮罩的操作： 1.创建遮罩
2.将普通层变成遮罩层 3.将遮罩层变为普通图层(三)在遮罩层中制作动画实例——展开的画卷(四)动画制作实例——移动的放大镜
三、编辑动画：（约20分钟）
(一)洋葱皮工具： 1.洋葱皮工具： 2.洋葱皮边框工具： 3.修改多帧工具：
4.修改洋葱皮标志工具：
5.创建补间动画时在属性面版中进行属性设置(二)移动动画 实验7 网页广告—“共青团网站横幅”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Flash形状渐变动画的制作 2.掌握Flash遮罩动画的制作 3.掌握Flash动画的编辑
实验过程：
一、Fireworks部分：
1.将“汉仪综艺体简”和“方正黄草体”两种字体装入本机。2.建立大小为643*168的文档，背景色为#DD060C；将优化设置为jpg。3.导入“国旗.jpg”，并添加放射状蒙版，使国旗和背景色融合。
4.分别使用“汉仪综艺体简”和“方正黄草体”输入文字，完成如图背景。
5.保存源文件为“共青团.png”并导出为“共青团.jpg”格式。
二、Flash部分：
1.建立大小为643*168的文档，背景色为#DD060C；导入制作好的背景，将图层锁定。2.导入“团徽.png”图片，调整位置，锁定图层。3.制作文字闪光效果：（1）新建“文字闪光层”，输入同样大小和字体的“共青团网站”字样，与背景文字重叠，并转换为影片剪辑元件；双击进入元件（2）文字层下方新建层，使用矩形工具和变形工具绘制“闪光”，并转为“闪光”图形元件。（3）制作闪光来回移动动画，延长文字层；将文字层转为遮罩层。4.制作团徽闪光效果：（1）在导入的团徽层下新建一层，绘制一个略大的无线条，填充为黄到透明的圆，并转为“光芒”影片剪辑元件；进入元件，将圆转换为“光”图形元件，制作闪光效果。（2）
回到场景，在导入的团徽层上新建一层，绘制一个略小无填充的圆，转换为为影片剪辑元件；进入元件，使用橡皮擦工具擦除部分圆；在圆弧下面新建层，拖入 “光芒”影片剪辑元件，使它沿掩护做引导动画。
5.返回场景，保存原文件，导出动画。
第二模块 Flash 教学课题：
第二十二章 简单的交互动画
计划课时：2课时
授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.掌握Flash动画脚本的基本设置 2.掌握Flash【动作】面版的使用 3.领会、理解常用动作脚本指令 4.掌握、运用事件与动作
知识点：
教学重点：
1.动作脚本的概念 2.3种动作子面版
3.【动作】面版的使用方法 4.按钮的各种状态 5.电影剪辑事件 教学难点：
1.主要的动画控制指令 2.流程控制指令 3.事件与动作的设置 突破难点的关键：
实例讲解，区别对比
作业布置：
4.课本第359页填空题，直接做在书上
本课小结：制作交互式动画是Flash动画设计中比较高级的内容，具有一定的难度。而交互式动画是Flash动画作品最为吸引人的地方。通过本科的学习，应该掌握以下内容：动作脚本基础知识和使用火动作面版，简单的脚本质量，制作简单的交互式动画。新课引入：第二十三章 优化、发布和导出电影 ···················································································· 教学过程与时间分配：
一、动画脚本的基本设置：（约10分钟）
(一)动作脚本的概念：是Flash 8 的脚本编程语言，是一种面向对象的编程方式。(二)动作脚本的基本设置：编辑-首选参数-Action Script
二、使用【动作】面版：（约10分钟）
(一)启用【动作】面版：3种子面版：动作—帧|电影剪辑|按钮(二)【动作】面版的使用方法： 1.查看动作
2.添加动作：3种方法
（1）双击或拖动到脚本编辑区（2）鼠标右键—添加到脚本
（3）单击脚本脚本编辑区左上角“将新项目添加到脚本” 3.编辑动作： 4.查找与替换：
三、常用动作脚本指令：（约30分钟）
(一)主要的动画控制指令： 1.stop（）和play（）：用于停止和播放当前电影 2.gotoAndPlay（）和gotoAndStop（）：制定电影的停止和播放位置 3.nextFrame（）和prevFrame（）：用于播放并停止在下一帧或上一帧 4.nextScreen（）和prevScreen（）：用于进入电影的下一个或上一个场景并停止在第一帧 5.startDray（）和stop Dray（）：用于设置鼠标开始拖动电影中指定的电影剪辑元件实例 6.stopAllSounds（）：停止所有声音，但不影响电影的播放 7.getURL（）：调用网页或邮件地址 8.setProperty（）和getProperty（）：用于设置或获取元件实例的某些属性(二)流程控制指令
1.if指令：条件转移指令 2.while指令：先判断再执行 3.do while指令：先执行再判断 4.for 指令：循环指令
四、事件与动作：（约20分钟）
(一)设置帧事件：(二)设置按钮事件：按钮的各种状态(三)设置电影剪辑事件：电影剪辑事件
五、简单交互动画实例：（约20分钟）
(一)实例1：天女散花：(二)实例2：可控制放大镜(三)实例3：放飞气球
第二模块 Flash 教学课题：
第二十三章 优化、发布和导出电影
计划课时：2课时
授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.领会、理解Flash优化电影的原则
2.掌握Flash发布Flash电影的方法与设置
3.掌握、运用Flash发布GIF、JPEG、PNG等格式文件 4.掌握Flash导出电影的设置
知识点：
教学重点：
1.优化电影的一般原则 2.优化矢量图的一般原则 3.优化文本和字体的一般原则 4.优化颜色的一般原则 5.发布电影的步骤 教学难点：
1.布GIF、JPEG、PNG等格式文件 2.导出Flash电影 突破难点的关键：
实例讲解，区别对比
作业布置：
1.课本第371页填空题，直接做在书上
本课小结：在制作Flash作品时，应该以最小的文件空间，创作最理想的Flash作品，并达到最佳的作品质量和最快的文件下载与播放速度。通过本课的学习，应该掌握以下内容：优化电影的原则，发布Flash电影和图像，导出Flash电影和图像。
新课引入：第二十三章 优化、发布和导出电影 ·················································································· 教学过程与时间分配：
一、优化电影：（约10分钟）
(一)优化电影的一般原则：
1.重复使用的元素应该转换为元件 2.尽量不使用逐帧动画
3.尽量使用电影剪辑而不是图形
4.两关键帧之间发生变化的距离越短越好 5.尽量不用位图制作动作 6.声音文件mp3 7.少用时间轴特效(二)优化矢量图的一般原则 1.尽量将图形组成群组
2.将静态对象和动画分到不同层 3.对孤立线条进行优化 4.尽量使用实线
5.用铅笔工具绘制的线条占用空间小(三)优化文本和字体的一般原则 1.减少字体种类，使用系统字体 2.选择需要的字符的嵌入字体 3.尽量不打散文字(四)优化颜色的一般原则 1.尽量减少颜色使用的种类 2.使用混色器面版默认颜色 3.尽量少用渐变填充
4.尽量减少设置颜色的透明度
二、发布Flash电影：（约10分钟）
(一)发布电影的步骤：
1.准备完整的Flash应用程序所需的所有文件 2.使用发布命令市场影片和相应的附属文件(二)设置发布文件格式：(三)设置Flash发布选项：尽量选择高版本(四)设置HTML格式文件：
三、发布GIF、JPEG、PNG等格式文件：（约30分钟）
(一)设置GIF格式文件：(二)设置JPEG格式文件：(三)设置PNG格式文件
四、导出Flash电影：（约20分钟）
(一)导出电影：文件—导出—导出影片(二)导出图像：文件—导出—导出图像
实验8 网页导航栏动画—“产品列表”
实验课时：2课时
实验环境：windows XP，网页三剑客 实验设备：电脑 实验目的：
1.掌握Flash动画脚本的基本设置、【动作】面版的使用 2.领会、理解常用动作脚本指令 3.掌握、运用事件与动作 4.掌握Flash导出电影的设置
实验过程：
一、制作产品简介：
1.建立大小为400*200的文档，背景为黑色。2.新建按钮元件“产品简介”，使用矩形工具和文本工具设置按钮的3个状态及反应区。3.修改按钮的属性，使其产生动态的凸起和凹下效果。
二、制作菜单命令：
1.复制“产品简介”元件，分别命名为“光盘”、“硬盘”
2.修改对应元件的文字内容，及显示效果。
三、制作菜单动画片段：
1.新建影片剪辑元件“弹出菜单”，在第1帧拖入“产品简介”；
2.第2帧分别把“光盘”和“硬盘”拖放到适合位置（可以使用对齐面板）。3.在第10帧插入关键帧
4.给第1帧添加帧动作为“stop”，给第10帧添加帧动作为“转到并停止在第1帧”。5.给第1帧中的“产品简介”按钮添加动作
“on(rollOut){ gotoAndPlay(3);} on(rollOver){ gotoAndPlay(2);}”
6.同理给其他按钮也添加同样的动作语句。
7.将影片剪辑元件“弹出菜单”拖入场景，保存源文件，导出动画。
第三模块 Dreamweaver
教学课题：
第一章Dreamweaver 基础知识
计划课时：2课时
授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求：
1.了解Dreamweave的功能和新特性
2.掌握Dreamweave的工作界面、工具箱、面板组等
3.掌握Dreamweaver站点操作（新建站点，管理站点和删除站点）4.掌握Dreamweaver页面基本操作
知识点：
教学重点：
1.Dreamweave的工作界面组成 2.Dreamweave的工作界面操作 3.Dreamweaver站点操作 4.页面基本操作 教学难点：
1.创建本地站点的方法
2.本地站点的管理：编辑、删除、复制、导入和导出 突破难点的关键：
1.实例讲解，区别对比
作业布置：
1.课本第15页填空题
本课小结：Dreamweave是一款用来设计网页的多功能应用程序。随着版本的不断升级，功能的不断加强，Dreamweave受到愈来愈多网页制作者的青睐。目前最新版本Dreamweave更是以它方便快捷的操作模式有的诸多好评。通过本课的学习，应该掌握以下内容：认识Dreamweaver工作区，掌握基本的文档操作，站点操作（新建站点，管理站点和删除站点）。新课引入：第二章 制作图文混排网页 ·················································································· 教学过程与时间分配：
一、Dreamweaver 8简介（约20分钟）
(一)Dreamweaver优点：所见即所得(二)启动和退出Dreamweaver8：
二、Dreamweaver8操作界面（约30分钟）
【网页效果图的制作公开课教案】推荐阅读：
效果图制作教案10-24
网页制作结课作业12-30
网页制作技术教案12-01
12、 网页制作教案01-27
网页制作与设计教案01-30
网页制作网页练习题12-23
网页设计与制作的应用论文10-07
效果图设计制作合同12-05
网页制作心得免费05-28
网页制作设计报告07-04
