企业官网建设流程全解析

简介：这套Flash CS6全套教学设计共22章，专为中职中专《二维动画设计软件应用》课程编写，适合Flash基础教学备课、课堂实施与学生自主学习。内容从动画与Flash动画基本概念讲起，系统覆盖Flash历史发展、特点、应用领域、制作流程、绘图知识，并详细讲解CS6操作界面、工作区管理、舞台属性设置，以及导入矢量图形、位图图像、外部库元件和音频文件等核心操作。全册采用任务驱动、案例教学法，配有情景引入、教学目标、重难点、教学方法、教学环节与时间安排等完整教案结构，教师可据此直接组织教学，也便于学生对照案例逐步上手。资源为1个doc文档，约495KB，内容为电子教案全文，涵盖22章教学设计，适合作为中职Flash课程备课参考或自学配套材料。目前已有553人学习下载，对有Flash CS6教学或入门需求的学习者具有较高参考价值。

1. 中职Flash CS6教学为什么需要一套“教参级”的doc全书

中职学生在Flash CS6课上的状态，通常是第一节课觉得有趣，第二节课开始跟着点，第三节课就有人偷偷打开了游戏。软件操作本身并不难，难的是教学设计——太多课堂按菜单顺序讲工具，学生会做“圆形变方形”，却做不出“小鸟飞过树梢”。标题里这份《(中职中专)二维动画设计软件应用——Flash-CS6-全套教学设计全书电子教1-22章全.doc》，恰恰把技能点拆成了可以逐章落地的教学单元。它不只是一个文档，而是一份从第1章界面认识到第22章综合项目的完整教学地图。对中职计算机应用、动漫与游戏制作方向的老师来说，用这份doc重新排课时，可以把“讲完一章”变成“做成一课一作品”，课堂效果立刻不一样。这套方法可以从课程设计、课时编排、课堂实作和文档复用四个方向拆解。

2. 先立框架：Flash CS6二维动画的五个核心概念与教学顺序

2.1 时间轴与帧：为什么必须用“格子纸”来教

中职学生第一次看到Flash CS6时间轴，通常会问“为什么有那么多小格子”。如果直接说“帧是动画的最小单位”，他们记不住。我一般会从“抽认本”讲起：快速翻动本子角标，每一页就是关键帧，翻动的动作就是播放头。在教学设计里，第1章的界面认识目标不是让学生背出“图层、帧、舞台”定义，而是让他们能在5分钟里画出“一个小球从左到右的5个关键帧”。这个任务同时覆盖了空白关键帧、插入帧、播放头三个概念，比单独讲面板效率高得多。

教学顺序上，时间轴与帧必须最先讲，但不必一次讲透。拆成两轮：第一轮只要求会插入普通帧和关键帧，第二轮在学补间动画时再回头看“帧与帧之间的插值”。很多老师一上来就讲“洋葱皮”，学生只会觉得那是特效，其实洋葱皮是检查关键帧间位置差的最好工具。建议每节课留出5分钟让学生用洋葱皮自我检查：关键帧上物体是否偏移、是否出现多余帧。整个课程的知识顺序，可以按下面这张表来铺。

这张表的含义不是“一个概念讲完再进下一个”，而是“每个概念都落到一个小作品上”。比如“元件与库”不是让学生背元件类型，而是让鱼在水中动起来；一个作品学一个概念，后面的课时反复调用前面的概念，学生的印象才扎得下。

2.2 元件与库：先教图形元件，再讲影片剪辑

Flash CS6中元件有图形、按钮、影片剪辑三种，彼此的边界学生很难分清。我的经验是：第一轮教学只碰图形元件，因为它的行为最直观——你放多少个实例，它就重复多少次；第二轮用按钮讲“事件”，第三轮才用影片剪辑讲“嵌套动画”。如果一开始就三选一，学生会在“双击进不去”的状态里卡十分钟。

库面板是元件的中枢。很多实训案例失败在“元件没有拖到舞台，却在库面板里双击预览”，或者“修改了库里的元件，台上实例全部跟着变”导致学生以为出bug。教学设计里应当专门设计一个“改名+改色”的小实验：在库中把一个圆形元件的填充改为红色，观察舞台上所有实例变更，从而理解“元件是类，实例是对象”。这个实验只需要2个元件、3个关键帧，但能彻底打通后面补间动画的“旋转中心”问题。

2.3 补间类型：形状补间与传统补间的3个误用

Flash CS6中补间动画有“补间形状”、“补间动画”、“传统补间”三种，选择哪个让许多老师头疼。其实教学中只需要两个判断标准：矢量图形变化用“形状补间”，元件属性变化用“传统补间”。所谓“补间动画”是Flash CS6起新增的补间，它不需要传统的关键帧概念，而使用“属性关键帧”，对中职学生反而容易搞混，我通常建议跳过。

最常见的误用是学生对同一个对象既做缩放又做变形。教学设计中，我会把“正方形变圆形”和“小球弹跳”做成两个对比案例：前者打散成矢量后做形状补间，后者做成元件后做传统补间。完成后让学生互相调换属性面板的“缓动”参数，看哪个会变绿（有语法错误）。这样既掌握了参数，又理解了“两者不能混用”的底层逻辑。补间错误时，时间轴的关键帧之间是虚线而不是实线箭头，这条规律要让学生自己总结出来。

2.4 图层与遮罩层：用“探照灯”案例带出层级思维

图层教学的核心不是“会新建图层”，而是“理解谁在上谁在下”。Flash CS6舞台上的视觉顺序由图层顺序决定，这个规则在Photoshop中同样成立。我会先让学生在两个图层分别画太阳和云，然后交换图层顺序，观察遮盖关系，再引出“遮罩层”这个特殊图层。

遮罩层教学最容易陷入“神秘化”。其实遮罩的本质是“用上层图形的形状去控制下层的可见区域”。中职学生常见的错误是忘了点右键选“遮罩层”，或者把被遮罩的图层放在了遮罩层的上方。我会给出三条规则：被遮罩层必须在遮罩层正下方、遮罩层上的图形不能太复杂、遮罩层上的补间必须打在遮罩层本身上。这三条规则配合“探照灯扫过一行字”的案例，一节课就能让学生做出让老师满意的效果。

2.5 ActionScript 3.0：控制在综合项目中的角色定位

二维动画设计软件应用这门课，ActionScript往往被当作“选修中的选修”。但如果没有一点点代码，学生做综合项目时会卡在“怎么停止”和“怎么跳转”。Flash CS6默认发布AS3.0，语法比AS2严格很多。教学设计里我建议只教两件事：时间轴上的stop()语句，以及按钮的点击跳转。

下面这段代码是我在综合项目选题前发给学生的“最小脚本库”，学生直接复制就能用。

// 在需要的帧设置停止 stop(); // 给按钮实例btn_play添加点击事件 btn_play.addEventListener(MouseEvent.CLICK, playHandler); function playHandler(event:MouseEvent):void { play(); } // 给按钮实例btn_next添加跳转帧 btn_next.addEventListener(MouseEvent.CLICK, nextHandler); function nextHandler(event:MouseEvent):void { gotoAndStop(5); }

这段代码的逻辑：时间轴上的stop()会让动画在所在帧停住；addEventListener给按钮注册监听，当用户点击时触发后面的函数。参数说明：btn_play是舞台上一个按钮元件的实例名，名称要和你属性面板里填写的实例名完全一致；gotoAndStop(5)里的数字是你要跳转到的关键帧编号。这里不需要讲函数定义、传参，学生只要会改实例名和帧号，就能给动画加上“下一页”功能。代码可以少，但必须每个学生都能跑通。

3. 把22章映射到45课时：一张课时规划表解决“不知讲多深”

3.1 用“知识模块-技能点-课时-实训载体”四列拆解教学设计全书

拿到一份22章的doc教学全书，最忌讳一章一章讲下去。中职二维动画课通常一学期45课时，每周3节，教学设计必须压缩。我一般会先把doc里的目录复制出来，按“知识模块-技能点-课时-实训载体”四列重排。下面这张表是我基于常见Flash CS6教材结构做出的映射模板，你手里的doc如果章节顺序不同，只需调整对应关系。

这张表调整后，你会发现“每个技能点都有一个输出物”。第7-10章讲完补间后，学生手里就有“弹球”和“变脸”两个作品；到了综合项目，这些作品的原文件可以直接复用。课时规划的意义不是控制进度，而是让学生每节课都能明确“这节课我要交出什么”。如果某一章学时不够，优先砍概念讲解，保留实训环节。

3.2 课堂节奏：20分钟新授+20分钟跟做+5分钟点评

45分钟课堂，我固定用“2-2-1”节奏：20分钟新授，20分钟跟做，5分钟点评。新授阶段讲某个核心概念时，只演示一个“能跑通的最小案例”，比如遮罩层只演示“圆形遮罩扫过文字”，不在这个阶段讲多个变体。跟做阶段学生按学习任务单操作，老师巡视，只提示关键步骤，不代办。最后5分钟挑两份作业投屏到白板，一份成功、一份失败，让学生自己说区别。

这个节奏对中职班级的好处是：无论学生基础差异多大，至少能在20分钟里跟上主要操作。基础好的学生可以在跟做阶段自选“扩展任务”，比如给探照灯加一个旋转；基础弱的学生只要完成主任务也算过关。教学设计全书里的“本章目标”和“课堂练习”部分，正好可以摘出来做学习任务单的素材。

3.3 从doc全书中提取“学习任务单”：一个VBA宏搞定章节目录

doc电子教通常有22章，如果每次备课都要翻“目录-正文-素材”，很浪费时间。我一般先用Word的“样式”功能把每一章标题设置成“标题1”，小节设置成“标题2”，然后运行下面这个宏，一键生成“章-页码”表：

Sub ExtractHeadings() Dim doc As Document Set doc = ActiveDocument Dim tbl As Table Set tbl = doc.Tables.Add(Range:=doc.Range(0, 0), NumRows:=1, NumColumns:=2) tbl.Cell(1, 1).Range.Text = "标题" tbl.Cell(1, 2).Range.Text = "所在页" Dim i As Long For i = 1 To doc.Paragraphs.Count With doc.Paragraphs(i).Range If InStr(1, .Style.NameLocal, "标题") > 0 Then tbl.Rows.Add tbl.Rows(tbl.Rows.Count).Cells(1).Range.Text = Trim(.Text) tbl.Rows(tbl.Rows.Count).Cells(2).Range.Text = .Information(wdActiveEndPageNumber) End If End With Next i End Sub

这段代码的逻辑：遍历文档中的每一个段落，如果段落的样式名中包含“标题”两个字，就把段落文字和它所在的页码写到新表格中。参数说明：wdActiveEndPageNumber是Word内置常量，返回该段落所在页的编号；doc.Tables.Add会先把表格插在文档开头，第二行开始逐行增加数据。运行前请先确认doc里的章标题应用了Word内置的“标题1/标题2”样式；如果正文里也有一些以“标题”开头的样式，也会被提取，所以要提前用导航窗格检查一下。生成后的表格复制出来，就是一张现成的教学进度速查表。

4. 实战：用引导层完成“蝴蝶飞舞”，串联六章教学内容

4.1 为什么“蝴蝶飞舞”是中职Flash CS6教学的分水岭

很多学生学到补间动画就以为“动画不过如此”。引导层动画则完全不同，它要求对象必须是一个元件、中心点必须吸附到引导线上、引导线不能闭合、起始帧和结束帧的位置必须准确。任何一个细节不到位，蝴蝶就会“抄近路”直线乱飞。这个案例一旦做成功，学生才真正理解了“动画不是画画，而是控制变化”。从课程设计角度，“蝴蝶飞舞”同时覆盖了绘图、元件、图层、传统补间、引导层五个知识模块，还能顺势加入遮罩做花丛背景，一个案例就能串联第1章到第14章的主要技能点。

4.2 动手做：引导层动画的7个关键步骤

以下操作在Flash CS6中完成，新建一个800×600像素、帧频24fps的文档开始。

1. 用椭圆工具在舞台上画一个圆形，按F8转为图形元件，命名为“蝴蝶身体”。
2. 双击该元件进入内部，加两个椭圆做翅膀，分别用放射渐变填充，使蝴蝶有立体感。
3. 回到主场景，在第10帧按F6插入关键帧，在第60帧按F6再插入一个关键帧。
4. 选中第1帧，右键选择“创建传统补间”，这时时间轴上第10帧到第60帧之间出现实线箭头。
5. 在图层名称上右键选择“添加传统运动引导层”，引导层会出现在原图层上方。
6. 在引导层上用钢笔工具画一条从左侧到右侧的波浪线，这条线就是蝴蝶飞行的路径。
7. 选中第1帧上的蝴蝶，拖动它的中心点（白色小圆圈）对准引导线的起点；再选中第60帧，拖动蝴蝶中心点对准引导线的终点。播放测试，蝴蝶沿路径飞动。

操作的关键在于“中心点吸附”。很多学生拖动整个蝴蝶而不是中心点，导致点老对不准。建议先开启工具栏中的“贴紧至对象”开关（快捷键N对应的下方按钮），再拖动时中心点会被引导线“吸住”。这条规则要在学生第一次做之前就强调，而不是等失败后再补。

4.3 三个必调参数与常见失败原因

除了表格里的三个问题，还有一个隐藏坑：引导线如果被“封闭”成圆形或起点终点合在一起，Flash CS6会重新计算路径，蝴蝶可能原地转圈。解决方法是让引导线至少断开一个小缺口，或者把终点露出线头。这个细节在教学设计全书的第13章如果没写，你最好自己补进教案。

4.4 加上控制代码，让蝴蝶循环飞舞

引导学生把蝴蝶飞行动画封装成影片剪辑元件，然后在主场景时间轴加一个“重播”按钮，用下面这段代码控制：

// 在主时间轴最后一帧停止，等待用户操作 stop(); // 重播按钮实例名 btn_replay btn_replay.addEventListener(MouseEvent.CLICK, replayHandler); function replayHandler(event:MouseEvent):void { gotoAndPlay(2); }

逻辑说明：第一帧已经stop，播放头停在那个帧；点击按钮后从第2帧重新开始播放。参数说明：btn_replay必须是按钮元件在舞台上的实例名，如果你的按钮实例名不一样，把代码里的btn_replay全替换掉。gotoAndPlay(2)的“2”是主时间轴上蝴蝶动画开始的帧号，如果开始帧不是2，改成实际帧号。这个控制逻辑教学完毕后，正好可以对接综合项目第19-22章的“场景跳转”需求，学生不会对代码产生恐惧。

5. 用doc文档构建教学资源库：从“全书”到“一课一页”

5.1 为什么doc教学全书必须改造成可检索的“活资源”

22章的教学设计全书是一个完整的备课资产，但它是一个静态doc文件。直接拿着doc上课有三个麻烦：一是章节长，翻页慢；二是学生手上没有统一阅读端；三是里面的练习答案混在正文里，打印给学生时会连答案一块给。所以我会在拿到doc后做三件事：统一样式、生成目录、转出PDF。这三件事只做一次，之后所有章节的复用效率能翻倍。

5.2 用PowerShell批量把doc转成PDF，连同素材一起发给学生

如果全班有40个学生，发一个doc原文件给他们，有的学生手机打不开，有的打开格式乱掉。常见做法是转成PDF发布。下面是Windows环境下利用Word COM接口批量转换的PowerShell脚本，适合在一台装有Office的教师机上运行。

$word = New-Object -ComObject Word.Application $word.Visible = $false $files = Get-ChildItem "D:\Flash教材" -Filter *.doc foreach ($file in $files) { $doc = $word.Documents.Open($file.FullName) $pdf = $file.FullName.Replace(".doc", ".pdf") $doc.SaveAs($pdf, 17) # 17 = wdFormatPDF $doc.Close() } $word.Quit()

这段脚本的逻辑：先启动Word的COM对象，遍历指定目录下所有.doc文件；每个文件用Word打开后，SaveAs方法保存为PDF，保存类型17对应Word内部常量wdFormatPDF；最后关闭Word进程。参数说明：D:\Flash教材要改成你自己的文件夹路径；如果目录里也有.docx，可以加一行-Include *.doc,*.docx或者把Filter改成*.doc*。这个脚本不需要安装额外软件，但要求机器上装了Microsoft Word。运行完，同一目录下会多出同名的PDF文件。

5.3 把每个章节拆成“一课一页”的教案模板

转完PDF后，我用Word的“导航窗格”再整理教案。具体方法是：把doc中的“标题1”样式作为章标题，“标题2”作为节标题，然后在“视图-导航窗格”里拖拽标题顺序，快速形成一节课的教案页。对于“一课一页”模板，我的表格字段是：

这个模板不需要每次重新写。我通常把表头做成Word表格样式，存为一个“课程模板.doc”，每次上课前用“另存为”复制一份，然后把教学设计全书里对应章节的内容粘贴进去。注意粘贴时选择“仅保留文本”，再统一设置字体，才能保证格式不散架。这样一学期下来，手上就沉淀出22个“一课一页”文件，比返工看原书备课高效得多。

6. 课堂落地：用测试影片和属性检查快速批改作业

6.1 批改现场的4个高效检查点

中职学生交作业，fla文件名常是“未命名-1.fla”。逐个打开看既慢又乱。我批改时只关注四个点：时间轴上有没有关键帧、元件库里是不是空、舞台上实例是否与库同步、是否参与了“测试影片”自检。这四个点决定了作业是“随便拼凑”还是“认真完成”。打开fla后，先按一次Ctrl+Enter，如果该学生从未测试过，直接弹报错窗口——这本身就是一次扣分提示。

6.2 用“历史记录”和“场景切换”定位学生卡壳的位置

太多学生把动画做到第2帧就停了。遇到这种情况，我按一下右上角的“编辑场景”按钮，选择主场景（通常叫“场景1”），查看主时间轴的总帧数。如果只有2帧，说明学生没理解“动画要持续多帧”。另一个技巧是打开“对象绘制”开关（属性面板上的“对象绘制”按钮），检查图形是不是散件——很多补间无法创建，是因为图形分成了多个碎片，而不是一个整体。

批改时我习惯带上一个便携式放大镜（或者用Windows自带放大镜），放大元件属性面板的“实例名称”字段，看按钮实例名是否和代码一致。代码里写btn_play，属性面板却叫按钮1，事件永远不会触发。下面这张表是我贴在工位上的判断手册：

每次收作业时，先让学生自己在文件名后加“_done”后缀，表示已经按Ctrl+Enter测试过、确认没有报错。这个习惯过滤掉一半的无效文件。批改顺序从_done文件开始，先看作品效果，再对fla做4点快速检查，发现雷同直接回退到样式相似的原理重讲。最后挑一份好的和一份坏的，下节课前3分钟投屏对比，让全班评“为什么更好”。

本文还有配套的精品资源，点击获取