网页课程教案 安阳方远学术部网络组 2006.1.16
目录 第一部分: FLASH MX2004共3周30个课时 第一讲: FLASH MX2004软件界面的介绍与认识 第二讲:帧帧动画的制作与应用场合 第三讲:形变动画的制作与技巧 第四讲:运动动画的制作与技巧 第五讲:引导动画的制作与技巧 第六讲:遮罩动画的制作与技巧 第七讲:影片剪辑的制作与技巧 第八讲:按钮制作使用 第九讲:声音的导入与编辑 第十讲:汇总复习… 第十一讲:动画控制动作的使用方法 第十二讲:鼠标 ACTION行为 第十三讲: LOADING动画 第十四讲:利用 ACTION制作游戏 899001 第十五讲:展示MTV进行复习总结 第二部分: FIREWORKSMX2004共1周10个课时) 第一讲: FIREWORKS MX2004界面的认识 第二讲: FIREWORKS MX2004处理图片 第三讲: FIREWORKS MX2004的动画的制作 第四讲: FIREWORKS MX2004蒙板的制作 第五讲: FIREWORKS热点与切片、菜单的制作 第三部分:HTML语言(共1周10个课时) 第一讲:认识HTML 第二讲页面(PAGE)标记(TAGS) 第三讲字体(FONT)标记TAGS)与文字布局 第四讲表单、表格 第五讲 CUTEFTP功能 第四部分: DREAMWEAVERMX2004(共3周30个课时)… 第一讲:初识 DREAMWEAVER MX2004 第二讲:站点的建立 第三讲:制作简单的网页 第四讲:设置超链接 第五讲:图文混排美化网页 117889900 六讲:使用表格(1) 第七讲:使用表格(2) 第八讲:表单的应用 第九讲:层的使用 第十讲:CSS样式表的使用 第十一讲:行为的互动效果 第十二讲:多媒体网页的制作…… 第十三讲:框架的使用 第十四讲:模板的应用 第十五讲:网站的发布 第五部分: JAVASCRIPT脚本的应用供共1周10个课时 讲: JAVASCRIP脚本的基本知识 第二讲: JAVASCRII脚本的基本语法
1 目 录 第一部分：FLASH MX 2004(共 3 周 30 个课时)........................................................................................3 第一讲：FLASH MX2004 软件界面的介绍与认识...................................................................................3 第二讲：帧帧动画的制作与应用场合..........................................................................................................3 第三讲：形变动画的制作与技巧...................................................................................................................4 第四讲：运动动画的制作与技巧...................................................................................................................5 第五讲：引导动画的制作与技巧...................................................................................................................5 第六讲：遮罩动画的制作与技巧...................................................................................................................6 第七讲：影片剪辑的制作与技巧...................................................................................................................7 第八讲：按钮制作使用.....................................................................................................................................7 第九讲：声音的导入与编辑............................................................................................................................8 第十讲：汇总复习 .............................................................................................................................................8 第十一讲：动画控制动作的使用方法..........................................................................................................9 第十二讲：鼠标 ACTION 行为.........................................................................................................................9 第十三讲：LOADING 动画.......................................................................................................................... 10 第十四讲：利用 ACTION 制作游戏............................................................................................................. 10 第十五讲：展示 MTV 进行复习总结........................................................................................................ 11 第二部分：FIREWORKSMX 2004(共 1 周 10 个课时)..........................................................................11 第一讲：FIREWORKS MX 2004 界面的认识 ......................................................................................... 11 第二讲：FIREWORKS MX 2004 处理图片.............................................................................................. 12 第三讲：FIREWORKS MX 2004 的动画的制作..................................................................................... 13 第四讲：FIREWORKS MX 2004 蒙板的制作 ......................................................................................... 13 第五讲：FIREWORKS 热点与切片、菜单的制作 ................................................................................ 14 第三部分：HTML 语言(共 1 周 10 个课时)............................................................................................... 15 第一讲：认识 HTML...................................................................................................................................... 15 第二讲 页面(PAGE)标记(TAGS)................................................................................................................. 15 第三讲 字体(FONT)标记(TAGS)与文字布局.......................................................................................... 16 第四讲 表单、表格......................................................................................................................................... 16 第五讲 CUTEFTP 功能..................................................................................................................................... 17 第四部分：DREAMWEAVERMX 2004(共 3 周 30 个课时)................................................................ 17 第一讲：初识 DREAMWEAVER MX2004..................................................................................................... 17 第二讲：站点的建立...................................................................................................................................... 18 第三讲：制作简单的网页............................................................................................................................. 18 第四讲：设置超链接...................................................................................................................................... 19 第五讲：图文混排美化网页......................................................................................................................... 19 第六讲：使用表格(1) ..................................................................................................................................... 20 第七讲：使用表格(2) ..................................................................................................................................... 20 第八讲：表单的应用...................................................................................................................................... 21 第九讲：层的使用 .......................................................................................................................................... 21 第十讲：CSS 样式表的使用......................................................................................................................... 22 第十一讲：行为的互动效果......................................................................................................................... 22 第十二讲：多媒体网页的制作 .................................................................................................................... 23 第十三讲：框架的使用.................................................................................................................................. 23 第十四讲：模板的应用.................................................................................................................................. 24 第十五讲：网站的发布.................................................................................................................................. 24 第五部分：JAVASCRIPT 脚本的应用(共 1 周 10 个课时).................................................................... 25 第一讲：JAVASCRIPT 脚本的基本知识........................................................................................................ 25 第二讲：JAVASCRIPT 脚本的基本语法........................................................................................................ 25
第三讲: JAVASCRIPT脚本的应用 第四讲: JAVASCRIPT脚本的循环语句 第五讲: JAVASCRIPT脚本对表单进行验证 第六部分: VBSCRIPT脚本的应用供共1周10个课时) 第一讲: VBSCRIP脚本的基础知识 第二讲: VBSCRIPT脚本的基本语句 第三讲:Ⅴ BSCRIPT脚本的分支语句 第四讲:Ⅴ BSCRIPT脚本的循环语句 第五讲: VBSCRIPT脚本的函数与过程 第七部分:ASP动态网页的制作(共2周20个课时) 第一讲:ASP的基础知识 第二讲:ASP中 REQUEST的对象的使用 第三讲:ASP中 ApplicAtION对象与 SESSION对象的使用 第四讲:ASP中SEⅤER对象的使用 第五讲:数据库的基础知识 第六讲:使用ADO对象添加数据… 第七讲:使用ADO对象对表中的数据进行操作(1) 第八讲:使用ADO对象对表中的数据进行操作(2) 第九讲:开发网站应用程序 第十讲:动态网站的具体应用
2 第三讲：JAVASCRIPT 脚本的应用................................................................................................................. 26 第四讲：JAVASCRIPT 脚本的循环语句........................................................................................................ 26 第五讲：JAVASCRIPT 脚本对表单进行验证............................................................................................... 27 第六部分：VBSCRIPT 脚本的应用(共 1 周 10 个课时)........................................................................ 28 第一讲：VBSCRIPT 脚本的基础知识........................................................................................................... 28 第二讲：VBSCRIPT 脚本的基本语句........................................................................................................... 28 第三讲：VBSCRIPT 脚本的分支语句........................................................................................................... 29 第四讲：VBSCRIPT 脚本的循环语句........................................................................................................... 29 第五讲：VBSCRIPT 脚本的函数与过程......................................................................................................... 30 第七部分：ASP 动态网页的制作(共 2 周 20 个课时)............................................................................. 30 第一讲：ASP 的基础知识............................................................................................................................. 30 第二讲：ASP 中 REQUEST 的对象的使用.................................................................................................. 31 第三讲：ASP 中 APPLICATION 对象与 SESSION 对象的使用 ................................................................ 32 第四讲：ASP 中 SEVER 对象的使用........................................................................................................... 32 第五讲：数据库的基础知识......................................................................................................................... 33 第六讲：使用 ADO 对象添加数据............................................................................................................. 33 第七讲：使用 ADO 对象对表中的数据进行操作(1)............................................................................. 34 第八讲：使用 ADO 对象对表中的数据进行操作(2)............................................................................. 34 第九讲： 开发网站应用程序....................................................................................................................... 35 第十讲： 动态网站的具体应用 .................................................................................................................. 36
第一部分: Flash mX2004(共3周30个课时) 第一讲: FLASHMX2004软件界面的介绍与认识 学时分配:2学时 学习目标: 1.掌握工具的使用 利用绘图工具制作矢量图形 3.掌握两种渐变色的使用 培训盒点 掌握所学工具绘制图形 ≯渐变色的调整 培训难点: 钢笔、颜料桶的使用 教学过程: 1.了解界面介绍,菜单(文件、编辑、査看、插入、修改、文本、控制、 2.熟练掌握:常用绘图工具(箭头、子选择、直线、套索、钢笔、文字、椭圆 矩形、铅笔、画笔、墨水瓶(轮廓线)、颜料桶、橡皮、点滴器、自由变换、 手形移动、放大镜(更多的是用右边的比例显示) 3.掌握:常用浮动面板窗口/面板设置/默认规划 4.掌握(调色板、颜色样本、组件、帧动作、属性) 5. FLASH文件的发布设置 应用作业: 利用绘图工具绘画太极图形(如图所示) 利用绘图工具绘画四角星形(如图所示) 提高作业:利用绘图工具绘画卡通图形 + 如图所示 第二讲:帧帧动画的制作与应用场合 学时分配:2学时 学习目标: 掌握帧帧动画的制作 深刻了解空白关键帧、关键帧、延续帧三种帧 3.理解层的概念 培训盒点 帧帧动画的制作
3 第一部分：Flash MX 2004(共 3 周 30 个课时) 第一讲：FLASH MX2004 软件界面的介绍与认识 学时分配：2 学时 学习目标： 1. 掌握工具的使用 2. 利用绘图工具制作矢量图形 3. 掌握两种渐变色的使用 培训重点： ➢ 掌握所学工具绘制图形 ➢ 渐变色的调整 培训难点： ➢钢笔、颜料桶的使用 教学过程： 1. 了解界面介绍，菜单（文件、编辑、查看、插入、修改、文本、控制、 窗 口） 2. 熟练掌握：常用绘图工具（箭头、子选择、直线、套索、钢笔、文字、椭圆、 矩形、铅笔、画笔、墨水瓶（轮廓线）、颜料桶、橡皮、点滴器、自由变换、 手形移动、放大镜（更多的是用右边的比例显示） 3. 掌握：常用浮动面板 窗口/面板设置/默认规划 4. 掌握（调色板、颜色样本、组件、帧动作、属性） 5. FLASH 文件的发布设置。 应用作业： ➢利用绘图工具绘画太极图形（如图所示） ➢利用绘图工具绘画四角星形（如图所示） 提高作业：利用绘图工具绘画卡通图形 如图所示 第二讲：帧帧动画的制作与应用场合 学时分配：2 学时 学习目标： 1. 掌握帧帧动画的制作 2. 深刻了解空白关键帧、关键帧、延续帧三种帧 3. 理解层的概念 培训重点： ➢帧帧动画的制作
图层的新建 培训难点: ≯对帧帧动画三种帧的深刻理解 教学过程: 1.了解:帧帧动画的概念 2.掌握:动画的造型基础 3.动画的制作步骤 4.深入了解动画的运动规律 5.掌握:(帧动作、属性) 6.了解三种帧的含义 应用作业:利用绘图工具绘画太极图形并且根据所学帧帧 动画使之在原位置旋转(如图所示) 提高作业 了解帧帧动画的应用范围 如图所示 ≯打开小小动画源文件,加深对帧帧动画的理解 第三讲:形变动画的制作与技巧 学时分配:2学时 学习目标: 1.理解形变动画的原理 2.掌握形变动画的制作 培训重点: a)形变动画的变形 培训难点 )形变动画属性的设定 教学过程: i.形变动画的概念 ii.熟练掌握复杂字体形变 ii.·掌握图形文字打散 iv.掌握几何变形 理解修改》形状>线条转换为填充 形变动画的特点 应用作业: c)利用形变动画的原理做出文字到图形的变化 d)利用线条转换为填充做出圆环的变化效果 提高作业:利用形变动画的原理做出进度条的效果
4 ➢图层的新建 培训难点： ➢ 对帧帧动画三种帧的深刻理解 教学过程： 1. 了解：帧帧动画的概念 2. 掌握：动画的造型基础 3. 动画的制作步骤 4. 深入了解动画的运动规律 5. 掌握：（帧动作、属性） 6. 了解三种帧的含义 应用作业：利用绘图工具绘画太极图形并且根据所学帧帧 动画使之在原位置旋转（如图所示） 提高作业： ➢ 了解帧帧动画的应用范围 如图所示 ➢打开小小动画源文件，加深对帧帧动画的理解 第三讲：形变动画的制作与技巧 学时分配：2 学时 学习目标： 1. 理解形变动画的原理 2. 掌握形变动画的制作 培训重点： a) 形变动画的变形 培训难点： b) 形变动画属性的设定 教学过程： i. 形变动画的概念 ii. 熟练掌握复杂字体形变 iii. 掌握图形文字打散 iv. 掌握几何变形 v. 理解修改>形状>线条转换为填充 vi. 形变动画的特点 应用作业： c) 利用形变动画的原理做出文字到图形的变化 d) 利用线条转换为填充做出圆环的变化效果 提高作业：利用形变动画的原理做出进度条的效果
第四讲:运动动画的制作与技巧 学时分配:2学时 学习目标: 1.掌握运动动画的技巧 2.利用运动动画做出物体的直线运动 3.利用运动动画做出小球自由落体运动 培训重点: 元件的使用编辑 动画的创建 动作动画的属性 >库的使用 培训难点:运动动画与形变动画的区别 教学过程: 1.了解运动动画的原理 2.掌握编辑元件的两种方法 3.掌握定义和调用元件 4.熟练掌握如何创建动作动画及修改动画属性 5.深入理解运动动画与形变动画的不同 应用作业:利用绘图工具绘画时钟的外壳并且根据运动 动画的原理使之时针与分针进行旋转 如图所示 提高作业:根据运动动画的原理与层相接合做出从1-100 的运动数字 第五讲:引导动画的制作与技巧 学时分配:2学时 学习目标: 1.掌握引导动画的制作 2.引导动画必须由两个或两个以上的图层组成 3.引导层与被引导层的关系 培训重点: 引导动画的制作 引导动画的导出 引导动画中的引导层与被引导层的关系
5 第四讲：运动动画的制作与技巧 学时分配：2 学时 学习目标： 1. 掌握运动动画的技巧 2. 利用运动动画做出物体的直线运动 3. 利用运动动画做出小球自由落体运动 培训重点： ➢ 元件的使用编辑 ➢ 动画的创建 ➢ 动作动画的属性 ➢ 库的使用 培训难点：运动动画与形变动画的区别 教学过程： 1. 了解运动动画的原理 2. 掌握编辑元件的两种方法 3. 掌握定义和调用元件 4. 熟练掌握如何创建动作动画及修改动画属性 5. 深入理解运动动画与形变动画的不同 应用作业：利用绘图工具绘画时钟的外壳并且根据运动 动画的原理使之时针与分针进行旋转。 如图所示 提高作业：根据运动动画的原理与层相接合做出从 1—100 的运动数字。 第五讲：引导动画的制作与技巧 学时分配：2 学时 学习目标： 1. 掌握引导动画的制作 2. 引导动画必须由两个或两个以上的图层组成 3. 引导层与被引导层的关系 培训重点： ➢ 引导动画的制作 ➢ 引导动画的导出 ➢ 引导动画中的引导层与被引导层的关系
培训难点 >以文字作为引导层制作动画 教学过程 1.了解引导动画的概念与原理 掌握创建引导动画 引导动画必须由两个或两个以上的图层来完成 引导层与被引导的关系 3.掌握引导动画的使用技巧 4.文字引导运动 5.引导动画的测试 应用作业 a)用引导动画制作小球曲线运动 b)用引导动画制作多片树叶随风飘落效果 提高作业:用引导动画制作数字沿轨迹运动 第六讲:遮罩动画的制作与技巧 学时分配:2学时 学习目标 掌握遮罩动画的制作 ⅱi.遮罩动画必须由两个或两个以上的图层组成 ⅲi.遮罩层与被遮罩层的关系 培训重点: c)遮罩动画的制作 d)遮罩动画的导出 )遮罩层与被遮罩层的关系 培训难点: f)多层遮罩动画的使用 教学过程: 1.了解遮罩的概念 2.掌握遮罩动画的操作方法 3.明确遮罩层与被遮罩层 4.明确遮罩层做运动还是被遮罩层做运动 5.根据所学做出以下特效 应用作业: ≯根据所学遮罩动画做出探照灯的效果 根据所学遮罩动画做出地球自转的效果 提高作业: ≯根据所学遮罩动画做出放大镜的特效 ≯明确遮罩层与被遮罩层的关系
6 培训难点： ➢ 以文字作为引导层制作动画 教学过程： 1. 了解引导动画的概念与原理 2. 掌握创建引导动画 ⚫ 引导动画必须由两个或两个以上的图层来完成 ⚫ 引导层与被引导的关系 3. 掌握引导动画的使用技巧 4. 文字引导运动 5. 引导动画的测试 应用作业： a) 用引导动画制作小球曲线运动 b) 用引导动画制作多片树叶随风飘落效果 提高作业：用引导动画制作数字沿轨迹运动 第六讲：遮罩动画的制作与技巧 学时分配：2 学时 学习目标： i. 掌握遮罩动画的制作 ii. 遮罩动画必须由两个或两个以上的图层组成 iii. 遮罩层与被遮罩层的关系 培训重点： c) 遮罩动画的制作 d) 遮罩动画的导出 e) 遮罩层与被遮罩层的关系 培训难点： f) 多层遮罩动画的使用 教学过程： 1. 了解遮罩的概念 2. 掌握遮罩动画的操作方法 3. 明确遮罩层与被遮罩层 4. 明确遮罩层做运动还是被遮罩层做运动 5. 根据所学做出以下特效 应用作业： ➢ 根据所学遮罩动画做出探照灯的效果 ➢ 根据所学遮罩动画做出地球自转的效果 提高作业： ➢ 根据所学遮罩动画做出放大镜的特效 ➢ 明确遮罩层与被遮罩层的关系
第七讲:影片剪辑的制作与技巧 学时分配:2学时 学习目标 1.如何创建影片剪辑 创建影片剪辑的两种方法 3.影片剪辑在运动动画中起到的作用 培训盒点: g)编辑影片剪辑 h)利用影片剪辑做出动画中嵌套动画的效果 培训难点: i)影片剪辑的嵌套 教学过程: 1.了解影片剪辑概念 2.掌握影片剪辑的制作用使用方法 3.熟练掌握编辑影片剪辑 应用作业:利用影片剪辑做出黑夜中星在闪 草在动 提高作业:利用影片剪辑做出黑夜中车在跑 灯在闪 如图所示 第八讲:按钮制作使用 学时分配:2学时 学习目标: 1.通过按钮来实现网页效果 2.如何创建按钮元件 3.创建按钮元件的四种状态 培训盒点 j)按钮的制作 k)库按钮的使用 培训难点: )在按钮中创建影片剪辑 教学过程: 1.了解按钮功能及作用 2.掌握按钮的制作及库按钮的使用 3.熟练掌握按钮的编辑 4.熟练掌握按钮四种编辑状态
7 第七讲：影片剪辑的制作与技巧 学时分配：2 学时 学习目标： 1. 如何创建影片剪辑 2. 创建影片剪辑的两种方法 3. 影片剪辑在运动动画中起到的作用 培训重点： g) 编辑影片剪辑 h) 利用影片剪辑做出动画中嵌套动画的效果 培训难点： i) 影片剪辑的嵌套 教学过程： 1. 了解影片剪辑概念 2. 掌握影片剪辑的制作用使用方法 3. 熟练掌握编辑影片剪辑 应用作业：利用影片剪辑做出黑夜中星在闪 草在动 提高作业：利用影片剪辑做出黑夜中车在跑 灯在闪 如图所示 第八讲：按钮制作使用 学时分配：2 学时 学习目标： 1. 通过按钮来实现网页效果 2. 如何创建按钮元件 3. 创建按钮元件的四种状态 培训重点： j) 按钮的制作 k) 库按钮的使用 培训难点： l) 在按钮中创建影片剪辑 教学过程： 1. 了解按钮功能及作用 2. 掌握按钮的制作及库按钮的使用 3. 熟练掌握按钮的编辑 4. 熟练掌握按钮四种编辑状态
应用作业: m)创建按钮做出动态效果 n)利用按钮的四种状态做出人机交互的效果 提高作业:在按钮中创建影片剪辑 第九讲:声音的导入与编辑 学时分配:2学时 学习目标 1.掌握声音导入的格式 2.掌握声音的编缉封套 3.掌握声音的导出 培训盒点 o)音频属性的设定 )事件声音与数据流声音编辑 q)导出声音 培训难点: r)动画音频同步 )按钮声音的添加 教学过程 1.了解音频的导入 2.音频属性的应用 3.动画音频同步 4.加载按钮声音 应用作业 导入声音 声音与动画同步 ≯给导入的声音添加歌词 提高作业:给以前所讲的动画添加声音 添加歌词 第十讲:汇总复习 学时分配:2学时 学习目标 1.总结知识点 2.把每个知识点相结合做出一部完整的fash动画 3.动画与多媒体相接合 培训重点: 8
8 应用作业： m) 创建按钮做出动态效果 n) 利用按钮的四种状态做出人机交互的效果 提高作业：在按钮中创建影片剪辑 第九讲：声音的导入与编辑 学时分配：2 学时 学习目标： 1. 掌握声音导入的格式 2. 掌握声音的编缉封套 3. 掌握声音的导出 培训重点： o) 音频属性的设定 p) 事件声音与数据流声音编辑 q) 导出声音 培训难点： r) 动画音频同步， s) 按钮声音的添加 教学过程： 1. 了解音频的导入 2. 音频属性的应用 3. 动画音频同步 4. 加载按钮声音 应用作业： ➢ 导入声音 ➢ 声音与动画同步 ➢ 给导入的声音添加歌词 提高作业：给以前所讲的动画添加声音 添加歌词 第十讲：汇总复习 学时分配：2 学时 学习目标： 1. 总结知识点 2. 把每个知识点相结合做出一部完整的 flash 动画 3. 动画与多媒体相接合 培训重点：
完善一部完整的 flash动画 声音与动画有机的相接合 培训难点: t)动画的整体设计 教学过程 1.分析综合性动画的制作 2.有创意得制作动画 3.动画的完成 应用作业:制作完善多媒体动画 提高作业:制作一部自己的MIV动画且添加声音 第十一讲:动画控制动作的使用方法 学时分配:2学时 学习目标 1. Action初步认识 2.制作按钮控制影片剪辑 3.goto的使用 培训重点: 掌握按钮行为的事件与动作 给按钮添加超链接 培训难点 按钮对影片剪辑制作方法 ≯按钮对影片剪辑语法 教学过程: 1.了解 Action概念及使用范围、模式、语法 2.掌握 Action按钮行为、超链接 3.通过实例掌握 Action按钮对影片剪辑的控制 应用作业: 利用按钮控制影片剪辑动作 利用按钮控制影片剪辑属性 提高作业:制作 FLASH MTV播放控制按钮 第十二讲:鼠标 Action行为 学时分配:2学时 学习目标: )制作鼠标跟随实例 培训重点 鼠标跟随的方法 鼠标跟随与影片剪辑相关连 培训难点
9 ➢ 完善一部完整的 flash 动画 ➢ 声音与动画有机的相接合 培训难点： t) 动画的整体设计 教学过程： 1. 分析综合性动画的制作 2. 有创意得制作动画 3. 动画的完成 应用作业：制作完善多媒体动画 提高作业：制作一部自己的 MTV 动画且添加声音 第十一讲：动画控制动作的使用方法 学时分配：2 学时 学习目标： 1. Action 初步认识 2. 制作按钮控制影片剪辑 3. go to 的使用 培训重点： ➢ 掌握按钮行为的事件与动作 ➢ 给按钮添加超链接 培训难点： ➢ 按钮对影片剪辑制作方法 ➢ 按钮对影片剪辑语法 教学过程： 1. 了解 Action 概念及使用范围、模式、语法 2. 掌握 Action 按钮行为、超链接 3. 通过实例掌握 Action 按钮对影片剪辑的控制 应用作业： ➢ 利用按钮控制影片剪辑动作 ➢ 利用按钮控制影片剪辑属性 提高作业：制作 FLASH MTV 播放控制按钮 第十二讲：鼠标 Action 行为 学时分配：2 学时 学习目标： u) 制作鼠标跟随实例 培训重点： ➢鼠标跟随的方法 ➢鼠标跟随与影片剪辑相关连 培训难点：