(完整word版)网页设计与制作电子教案

电子教案

课程： 第1章 网页制作基础

课时内容

教学目标

网页制作基础 授课时间 学时数 2

 了解HTML的组成和语法

 了解网页制作的常用软件

 掌握网页制作软件的启动和退出方法

网页制作的一些基本知识

HTML的组成和语法

1、 教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。

2、 教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周内容。

3、 教学手段：利用多媒体并结合网络进行教学。

4、 教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个基本的了解。

教学内容

讨论问题：1、什么是网页？

2、网页的基本组成部分是哪些？

3、网页有什么作用？

第1章

网页制作基础#

1.1

网页制作基础知识

1.1.1

网页简介

1.1.2

什么是HTML

1.1.3 HTML的组成结构及语法

1.1.4

应用举例——使用记事本编写网页

教学重点

教学难点

教学设计

1.2

网页制作的常用软件

1.2.1

图形图像处理软件

1.2.2

动画制作软件

1.2.3

网页布局软件

1.2.4

软件配合及制作流程

1.2.5

应用举例——实战网页制作流程

1.3

网页制作软件的启动与退出

1.3.1

网页制作软件的启动

1.3.2

文件的打开

1.3.3

网页制作软件的退出

1.3.4

应用举例——启动并退出

Photoshop CS3

1.4

上机及项目实训

1.4.1 Flash CS3的启动与退出

1.4.2

制作“蓝莲花”网页

1.5

练习与提高

本课小结 1、 了解网页的组成。

2、 掌握HTML的组成结构及语法。

3、 认识制作网页时常用到的一些软件

4、 掌握网页的基本操作

（1）HTML文档结构由哪几部分组成？

（2）制作网页时常用软件有哪些？

（3）如何启动和退出Dreamweaver CS3？

（4）如何打开Flash文件？

（5）如何退出Photoshop？

思考题及作业

电子教案

课程： 第2章 Dreamweaver CS5基本操作

课时内容

教学目标

Dreamweaver CS5基本操作 授课时间 学时数 2

 认识Dreamweaver CS5的工作界面

 掌握网页文档的基本操作方法

 掌握页面属性的设置

 掌握设置并管理站点的方法

认识Dreamweaver CS5的工作界面

设置页面属性和站点管理

1、 教学思路：首先，让同学们认识Dreamweaver CS5的工作界面。然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。最后学习对站点的管理以及设置方法。

2、 教学方法：让同学们先回忆一下上节课所讲内容，然后让同学们回答网页是由哪几部分组成的，了解同学们对上一章知识的掌握程度。

3、 教学手段：结合上章内容在机房内进行上机讲解。

4、 教学资料及要求：课前要求学生预习本章内容。

教学内容

知识回顾：上一课时讲的网页由哪几部分组成？

讨论问题：1、Dreamweaver CS5的工作界面由哪几部分组成？

2、各部分的作用是什么？

内容：

1.

了解网页元素

2． Dreamweaver CS5工作界面

3．

网页文档的基本操作

4

站点管理

本课小结 1、 了解Dreamweaver CS5工作界面的组成部分及各部分的作用。

2、 掌握网页文档的基本操作。

3、 掌握页面属性的设置。

4、 对Dreamweaver CS5站点的管理。

（1）预览网页效果一般会注意哪些方面？

（2）如何创建和规划站点？

（3）如何创建站点文件和文件夹？

（4）设置页面属性，一般包括那几个方面？

教学重点

教学难点

教学设计

思考题及作业

电子教案

课程： 第3章 创建网页基本对象

课时内容

教学目标

创建网页基本对象 授课时间 学时数 4

 掌握文本的插入以及调整

 学会图像的插入和编辑操作

 掌握创建超级链接的方法

创建对象及超级链接的方法

编辑网页中创建的对象

1、 教学思路：首先，让同学们先说说在Word、Excel中插入与编辑对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方法。最后学习在网页中创建超级链接的方法。

2、教学方法：可以选择一种同学们熟悉的，并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件，进行比较讲解，这样既可以让同学们快速地掌握其操作方法，又可以巩固以前的知识。

3、教学手段：利用多媒体并结合书本上的内容进行教学。

4、教学资料及要求：课前要求学生了解在Word办公软件中创建超级链接的方法。

教学内容

知识回顾：上一课时讲的Dreamweaver CS5的工作界面由哪几部分组成？

讨论问题：1、如何在网页中插入对象？

2、插入这些对象有何作用？

3、怎样对插入的对象进行编辑？

内容：

3.1

文本的操作

3.2

插入和编辑图像

3.3

创建超级链接

本课小结 1、 掌握在网页中插入对象的方法。

2、 掌握在网页中编辑对象的方法。

3、 了解在网页中创建超级链接的方法。

（1）如何在页面中插入图像？

（2）如何在页面中创建一个锚记链接？

（3）如何为自己的邮箱创建电子邮件链接？

教学重点

教学难点

教学设计

思考题及作业

电子教案

课程： 第4章 布局页面

课时内容

教学目标

布局页面 授课时间 学时数 2

 掌握插入和编辑的表格方法

 认识布局视图模式

 掌握布局单元格和布局表格的创建和编辑

 掌握框架的使用方法

创建以及编辑表格和框架的方法

设置表格及框架的属性

1、 教学思路：首先，让同学们先说说对插入的表格可以进行哪些编辑操作。然后进行系统地介绍在网页中插入表格和创建框架的方法。最后学习对插入表格和创建的框架进行编辑操作。

2、教学方法：讲课前可以先讲一个与网页有关的小故事或做一个小游戏，活跃下气氛，带动同学们的积极性。

3、教学手段：利用多媒体，对表格和框架的编辑方法进行详细讲解。

4、教学资料及要求：课前要求学生了解布局页面常用到的对象有哪些。

教学内容

知识回顾：上一课时讲的在网页中插入对象与编辑对象的方法？

讨论问题：1、为什么要使用表格和框架布局页面呢？

2、这样做对网页的整体效果起什么作用？

3、又如何在网页中插入表格和创建对象？

第4章

布局页面

4.1

使用表格布局页面

4.1.1

插入表格

4.1.2

选择表格元素

4.1.3

输入页面元素

4.1.4

设置表格属性

4.1.5

添加/删除行或列

4.1.6

单元格的合并及拆分

4.1.7

应用举例——创建细线表格

教学重点

教学难点

教学设计

4.2

使用框架布局网页

4.2.1

创建框架网页

4.2.2

拆分框架

4.2.3

保存框架和框架集

4.2.4

删除框架

4.2.5

设置框架集及框架的属性

4.2.6

应用举例——制作网站后台框架页面

4.3

上机及项目实训

4.3.1

制作网站后台管理页面

4.3.2

制作“探险游”网页

4.4

练习与提高

本课小结

思考题及作业

1、掌握布局页面的方法。

3、掌握对创建的表格和框架进行属性设置。

（1）如何创建表格和框架？

（2）表格和框架在页面中有什么用？

电子教案

课程： 第5章 使用AP Div和行为

课时内容

教学目标

使用AP Div和行为









授课时间 学时数 3

掌握AP Div的创建和设置

掌握AP Div的操作

掌握行为的创建和设置

掌握内置行为动作的应用

教学重点

教学难点

教学设计

创建和设置AP Div和行为的方法

AP Div和行为的操作

1、教学思路：首先，先讲一下AP Div的含义，让同学们对其现有一个基本的了解。然后进行系统地介绍AP Div的创建和设置以及基本的操作方法。最后学习行为的基本操作方法。

2、教学方法：先讲一下网页对一个网站的作用，尽量讲同学们感兴趣的方面。

3、教学手段：由浅入深并结合多媒体进行教学。

4、教学资料及要求：课前要求学生从网上多看一些网页，并进行简单的分析。

教学内容

知识回顾：上一课时讲的如何编辑表格和框架？

讨论问题：1、AP Div是什么？

2、在网页中有什么用？

3、又如何对其进行操作？

第5章

使用AP Div和行为

5.1 AP Div的创建和设置

5.1.1

创建AP Div

5.1.2 AP Div的“属性”面板

5.1.3

“AP元素”面板

5.1.4

应用举例——创建AP Div

5.2 AP Div的基本操作

5.2.1

选择AP Div

5.2.2

调整AP Div的大小

5.2.3

移动AP Div

5.2.4

对齐AP Div

5.2.5

应用举例——使用AP Div布局页面

5.3

行为的基本操作

5.3.1

认识行为和事件

5.3.2

“行为”面板

5.3.3

内置行为动作的应用

5.3.4

应用举例——设置状态栏文本

5.4

上机及项目实训

5.4.1

绘制AP Div

5.4.2

制作图像跳转网页

5.5

练习与提高

本课小结

思考题及作业

1、掌握创建和设置AP Div和行为的方法。

2、掌握AP Div和行为的使用方法。

（1）在页面中如何创建多个嵌套AP Div？

（2）如何在页面上设置行为动作？

（3）如何绘制AP Div？

（4）主要的行为动作有哪些？

电子教案

课程： 第6章 创建表单

课时内容

教学目标

创建表单 授课时间 学时数 2

 了解表单域和表单对象的概念

 掌握表单对象的创建和属性设置

认识表单

创建表单对象

1、教学思路：首先，先讲表单的概念和一些简单认识。然后进行系统地介绍表单对象的创建方法。最后学习制作简单的表单页面。

2、教学方法：上课前可以先出一道与上章知识有关的思考题，题要比较灵活，这样可考验下同学们的思维能力。

3、教学手段：利用多媒体并结合实例进行教学。

4、教学资料及要求：课前要求学生复习上一章所讲过的知识。

教学内容

知识回顾：上一课时讲的AP Div和行为的使用方法？

讨论问题：1、为什么要创建表单？

2、表单中又包含哪些对象？

第6章

创建表单

6.1

表单的概念

6.1.1

表单域

6.1.2

表单对象

6.1.3

应用举例——快速选择表单域和表单对象

教学重点

教学难点

教学设计

6.2

创建表单对象

6.2.1

文本域

6.2.2

复选框

6.2.3

单选按钮

6.2.4

列表和菜单

6.2.5

跳转菜单

6.2.6

表单按钮

6.2.7

创建图像域

6.2.8

用举例——在添加表单对象的同时添加表单域

6.3

上机及项目实训

6.3.1

制作注册表单页面

6.3.2

制作搜索表单

6.4

练习与提高

本课小结

思考题及作业

1、掌握表单的概念。

2、掌握创建表单对象的方法。

（1）在页面中插入文本域的方法是什么？

（2）如何创建单选按钮组？

（3）创建图像域有什么作用？

（4）如何让创建跳转菜单和滚动列表？

电子教案

课程： 第7章 CSS与多媒体的应用

课时内容

教学目标

CSS与多媒体的应用











授课时间 学时数 3

掌握创建CSS样式表的方法

掌握应用CSS样式的方法

了解多媒体和Flash文件类型

掌握插入多媒体对象的方法

掌握使用CSS样式和Flash制作网页的方法

教学重点

教学难点

教学设计

创建和应用CSS的方法以及多媒体的应用

CSS属性的设置

1、教学思路：首先，让同学说说对多媒体的理解。然后在详细地讲解CSS在网页中的应用。最后学习插入Flash动画和影片的方法。

2、教学方法：本章内容讲解完后，可让同学们根据自己下载的Flash动画和影片制作一个网页。

3、教学手段：结合实例进行上机操作。

4、教学资料及要求：课前要求学生从网上下载一些Flash动画和简短的影片。

教学内容

知识回顾：上一课时讲的表单对象的创建？

讨论问题：1、广义的多媒体和侠义的多媒体分别指什么？

2、网页中应用多媒体有什么作用？

第7章 CSS与多媒体的应用

7.1

网页中CSS的应用

7.1.1

认识“CSS样式”面板

7.1.2

新建CSS样式

7.1.3 CSS属性

7.1.4

应用自定义样式

7.1.5

链接到外部样式表

7.1.6

应用举例——新建CSS样式

7.2

网页中多媒体的应用

7.2.1

多媒体的概念

7.2.2 Flash文件类型

7.2.3

插入Flash动画

7.2.4

插入Shockwave影片

7.2.5

应用举例——在页面中插入Flash动画

7.3

上机及项目实训

7.3.1

制作“娃娃网”周年网页

7.3.2

制作“SHOW广告动画”网页

7.4

练习与提高

本课小结 1、掌握新建CSS样式的方法。

2、掌握设置CSS属性的方法。

3、掌握多媒体在网页中的应用。

（1）CSS的主要作用是什么？

（2）如何在页面中链接所创建的样式？

（3）新建CSS样式的方法有哪些？

（4）设置CSS样式的属性包括那几个方面？

思考题及作业

电子教案

课程： 第8章 Flash CS3基础

课时内容

教学目标

Flash CS3基础 授课时间



认识Flash动画



了解Flash CS3的工作界面



掌握Flash文档的创建和保存

认识Flash CS3的工作界面

1、教学思路：首先，先讲Flash动画在网页中起什么作用，能使网页达到一个什么效果。然后进行系统地介绍Flash动画的应用和认识Flash CS3工作界面。最后学习Flash文档的基本操作方法。

2、教学方法：让同学们以小组的形式进行讨论Flash动画的应用领域。

3、教学手段：利用多媒体并结合网页中插入的Flash动画进行讲解。

4、教学资料及要求：课前要求学生预习本章内容。

教学内容

知识回顾：上一课时讲的CSS与多媒体在网页中的应用？

讨论问题：1、Flash动画具体是指什么？

2、在网页中起什么作用？

第8章 Flash CS3基础

8.1

认识Flash动画

8.1.1 Flash动画的原理及应用领域

8.1.2 Flash动画在网页方面的应用

8.1.3

认识Flash CS3工作界面

8.1.4

应用举例——设置文档属性

学时数 1

教学重点

教学难点

教学设计

Flash动画的应用和其文档的基本操作

8.2 Flash文档的基本操作

8.2.1 Flash文档的创建

8.2.2 Flash文档的保存

8.2.3 Flash文档的打开

8.2.4

应用举例——新建Flash广告动画

8.3

上机及项目实训

8.3.1

制作“gongzhu”Flash文档

8.3.2

制作SHOW文档

8.4

练习与提高

本课小结 1、了解Flash的应用领域。

2、认识Flash CS3的工作界面。

3、掌握Flash文档的基本操作。

（1）Flash主要应用于哪些方面？

（2）Flash CS3的工作界面由哪几部分组成？

（3）如何新建一个Flash动画？

（4）打开和关闭Flash CS3的方法分别有哪些？

（5）如何预览动画效果？

思考题及作业

电子教案

课程： 第9章 绘制Flash图像

课时内容

教学目标

绘制Flash图像 授课时间 学时数 2

 了解绘图工具的使用

 掌握图像的编辑和导入方法

 掌握“滤镜”面板的使用方法

绘图工具和“滤镜”面板的使用

绘制图像

1、教学思路：首先，让同学们先看一些通过Flash绘制的图像效果。然后进行系统地介绍工具箱中各工具的使用方法和作用以及图像的编辑与导入操作。最后学习创建特殊效果的方法。

2、教学方法：选择网页制作软件Dreamweave和Flash进行比较讲解，既可以复习前面讲过的知识，又可以很快的掌握本章所讲知识。

3、教学手段：结合前面讲过的知识并利用多媒体进行教学。

4、教学资料及要求：课前要求学生复习Dreamweave那章的知识。

教学内容

知识回顾：上一课时讲的Flash动画的应用领域和基本操作方法？

讨论问题：1、Dreamweave和Flash的相同点和不同点各是什么？

2、Flash与其他网页制作软件比其优点是什么？

第9章

绘制Flash图像

9.1

绘图工具的使用

9.1.1

工具箱介绍

9.1.2

矢量图与位图

9.1.3

应用举例——绘制咖啡杯

教学重点

教学难点

教学设计

9.2

图像的编辑和导入

9.2.1

组合与分离

9.2.2

图像的导入

9.2.3

将位图转换为矢量图

9.2.4

应用举例——光晕图像效果

9.3

图像特殊效果的创建

9.3.1

“滤镜”面板

9.3.2

滤镜的使用

9.3.3

应用举例——创建特殊字体效果

9.4

上机及项目实训

9.4.1

绘制鼠标图形

9.4.2

绘制水果拼盘

9.5

练习与提高

本课小结 1、了解工具箱中各工具的用法及作用

2、掌握图像的导入及编辑操作

3、掌握图像特殊效果的创建方法

（1）工具箱由哪几部分组成？

（2）矢量图和位图的含义及其特点？

（3）在Flash中如何让导入图片？

（4）如何将导入的位图转换为矢量图？

（5）如何通过“滤镜”面板创建模糊效果的文字？

思考题及作业

电子教案

课程： 第10章 元件和“库”面板

课时内容

教学目标

元件和“库”面板 授课时间 学时数 2

 掌握元件的创建方式

 认识“库”面板

 “库”面板的使用与管理

元件的创建方式和“库”面板的使用

元件的创建与使用

1、教学思路：首先，让同学们认识元件，然后在系统地进行介绍元件的创建、使用以及认识“库“面板，最后学习哭的管理和使用。

2、教学方法：可以通过实例对不同的元件进行操作使用。

3、教学手段：结合实例进行上机操作。

4、教学资料及要求：课前要求学生预习下章内容。

教学内容

知识回顾：上一课时讲的绘制Flash图像的操作方法？

讨论问题：1、元件的含义是什么？

2、如何进行库的管理？

第10章

元件和“库”面板

10.1

元件的创建

10.1.1

元件的概念

10.1.2

图形元件

10.1.3

按钮元件

10.1.4

影片剪辑元件

10.1.5

应用举例——制作“短靴”动画

教学重点

教学难点

教学设计

10.2

“库”面板

10.2.1

认识“库”面板

10.2.2

库的管理和使用

10.2.3

应用举例——清理未用项目

10.3

上机及项目实训

10.3.1

绘制Logo型按钮

10.3.2

创建缩放动画

10.4

练习与提高

本课小结 1、掌握元件的概念及创建元件

2、了解“库”面板的使用及管理

思考题及作业

（1）Flash中可以创建的元件有哪几种类型？

（2）通过什么方式可以将图形转换为图形元件？

（3）如何将“库”面板中的图形文件拖到编辑区域中？

电子教案

课程： 第11章 用时间轴创建动画

课时内容

教学目标

用时间轴创建动画









授课时间 学时数 3

了解时间轴的组成

帧和关键帧的创建及属性设置方法

了解创建动画的类型和方法

使用引导层和遮罩层创建动画

教学重点

教学难点

教学设计

时间轴与关键帧

通过时间轴创建动画

1、教学思路：首先，让同学们先了解时间轴的组成部分。然后在系统地介绍在时间轴中插入帧和创建动画的方法。最后学习特殊图层的应用。

2、教学方法：可先上同学们看一些通过时间轴创建的动画效果。

3、教学手段：可采用比较典型的例子进行上机操作讲解。

4、教学资料及要求：课前要求学生们对前面讲过的知识动手进行操作。

教学内容

知识回顾：上一课时讲的元件和“库“面板的使用？

讨论问题：1、为什么本章的重点是时间轴的使用呢？

2、为什么要用时间轴创建动画？

第11章

用时间轴创建动画

11.1

时间轴与关键帧

11.1.1

时间轴的组成

11.1.2

时间轴中的图层

11.1.3

插入帧

11.1.4

应用举例——插入帧

11.2

创建动画

11.2.1

逐帧动画

11.2.2

补间动画

11.2.3

应用举例——文本特效动画

11.3

特殊图层的应用

11.3.1

引导层

11.3.2

遮罩层

11.3.3

应用举例——望远镜中的飞鸟

11.4

上机及项目实训

11.5

练习与提高

本课小结 1、掌握插入帧的方法。

2、掌握创建逐帧动画的方法。

3、了解特殊图层的应用

（1）时间轴由哪几部分组成？

（2）根据动画样式的不同，补间动画可以分为哪两种类型？

（3）创建动画补间可以通过哪几种方式？

（4）建引导层的方法有哪几种？

思考题及作业

电子教案

课程： 第12章 导入声音和视频

课时内容

教学目标

导入声音和视频 授课时间 学时数 2

 了解声音的类型和可以导入的视频格式

 掌握声音和视频的导入方法

 了解声音和音效的设置方法

导入声音和视频

处理声音

1、教学思路：首先，让同学们说说导入声音和视频的方法。然后进行系统地介绍对导入的声音进行处理的方法。最后学习导入视频。

2、教学方法：可以先放一些声音或简短的视频，这样同学们可以很轻松的融入学习中。

3、教学手段：利用多媒体并结合相关实例进行教学。

4、教学资料及要求：课前要求学生从网上下载不同格式的声音和视频。

教学内容

知识回顾：上一课时讲的使用时间轴创建动画？

讨论问题：1、常见的声音和视频格式有哪些？

2、Flash支持的声音和视频格式有哪些？

第12章

导入声音和视频

12.1

导入及使用声音

12.1.1

声音的类型

12.1.2

导入声音

12.1.3

声音的使用

12.1.4

应用举例——为“狼”动画添加声音

教学重点

教学难点

教学设计

12.2

处理声音

12.2.1

设置声音属性

12.2.2

设置声音

12.2.3

设置音效

12.2.4

应用举例——设置声音的淡出效果

12.3

导入视频

12.3.1

导入的视频格式

12.3.2

导入视频

12.3.3

应用举例——导入“hua”视频

12.4

上机及项目实训

12.4.1

导入声音及视频

12.4.2

导入视频

12.5

练习与提高

本课小结 1、 掌握导入声音和视频的方法。

2、 了解可导入的声音和视频格式

3、 设置声音属性和音效的方法。

（1）声音分为哪两种类型？

（2）通过哪些方式可以打开“声音属性”对话框？

（3）可导入的视频格式有哪些？

（4）如何为添加的声音设置效果？

思考题及作业

电子教案

课程： 第13章 使用ActionScript语句

课时内容

教学目标

使用ActionScript语句 授课时间 学时数 2

 了解ActionScript的类型

 了解函数、变量和运算符的运用

 认识常用的ActionScript 2.0命令语句

ActionScript语句

ActionScript语句的使用

1、教学思路：首先，让同学们先知道ActionScript的含义。然后进行系统地介绍ActionScript的使用以及基本的语法知识。最后学习一些常见ActionScript语句的使用。

2、教学方法：这章内容可能会使同学们感到枯燥，上课前可先花几分钟时间和同学们聊聊最近的一些事。

3、教学手段：利用多媒体进行教学。

4、教学资料及要求：课前要求学生先预习下本章的内容。

教学内容

知识回顾：上一课时讲的声音属性和音效的设置？

讨论问题：1、什么是ActionScrip语句？

2、它和我们平时语文和英语中所讲的语句有何不同？

第13章

使用ActionScript语句

13.1 ActionScript概述

13.1.1 ActionScript 3.0的特性

13.1.2

输入代码

13.1.3

应用举例——控制影片的停止和播放

教学重点

教学难点

教学设计

13.2 ActionScript语句基础

13.2.1

变量

13.2.2

数据类型

13.2.3 ActionScript语句的基本语法

13.2.4

运算符

13.2.5

处理对象

13.2.6

应用举例——创建文本跟随鼠标移动的动画效果

13.3

常见的ActionScript语句

13.3.1

播放控制

13.3.2

播放跳转

13.3.3

条件语句

13.3.4

循环语句

13.3.5

应用举例——重播动画

13.4

上机及项目实训

13.4.1

制作可拖动的小球动画

13.4.2

制作星空闪烁动画

13.5

练习与提高

本课小结 1、 了解ActionScript的基本知识。

2、 了解ActionScript语句的组成和语法规则

3、 掌握常见的ActionScript语句。

（1）ActionScript 3.0的特性表现在哪些方面？

（2）如何使用按钮控制影片的停止和播放？

（3）在Flash CS3中为变量命名时必须遵循哪些原则？

（4）ActionScript语句的基本语法包括哪些？

（5）如何为影片添加播放控制和播放跳转脚本命令？

思考题及作业

电子教案

课程： 第14章 测试及导出影片

课时内容

教学目标

测试及导出影片 授课时间 学时数 1

 掌握影片的优化和测试方法

 了解影片的导出格式

 了解影片和图像的导出方法

对影片的优化

对影片进行测试

1、教学思路：首先，让同学们先了解测试及优化影片有的作用。然后进行系统地介绍优化与测试影片的方法。最后学习导出影片。

2、教学方法：讲解完成后，发有问题的影片让同学们进行优化和测试，然后根据同学们在测试与优化影片的过程中出现的问题再进行补充讲解。

3、教学手段：结合实例进行上机操作。

4、教学资料及要求：课前要求学生下载一段自己喜欢的视频。

教学内容

知识回顾：上一课时讲的ActionScript语句常用知识？

讨论问题：1、对影片进行测试和优化有什么作用？

2、如何对影片进行测试？

第14章

测试及导出影片

14.1

影片优化和测试

14.1.1

影片的优化

14.1.2

测试影片下载性能

14.1.3

影片的调试

14.1.4

“输出”面板

14.1.5

应用举例——优化与测试“春天”动画

教学重点

教学难点

教学设计

14.2

导出影片

14.2.1

导出影片

14.2.2

导出图像

14.2.3

应用举例——导出“风景”动画

14.3

上机及项目实训

14.3.1

测试及导出影片

14.3.2

测试与导出图像

14.4

练习与提高

本课小结 1、 掌握影片的测试与优化的方法。

2、 掌握的影片的导出方法。

思考题及作业

（1）对影片进行优化主要是对哪几个方面进行优化？

（2）影片导出时支持哪些格式？

电子教案

课程： 第15章 文字和图层应用

课时内容

教学目标

文字和图层应用 授课时间 学时数 3

 掌握文字的创建和编辑

 掌握图层的概念和基本操作方法

 掌握图层的混合模式

文字的编辑与图层的基本操作

图层混合模式的应用

1、教学思路：首先，让同学们说说对创建的文字一般会进行哪些方面的编辑，然后进行系统地介绍创建和编辑文字的方法。最后了解图层的含义，学习图层的基本操作方法和图层混合模式的应用。

2、教学方法：先让同学们对创建文字的过程和图层的应用有基本的了解，然后在通过例子具体的讲解，分析。

3、教学手段：结合实例进行上机操作。

4、教学资料及要求：课前要求学生从网上下载一些通过Photoshop制作的图像，但图像中必须包含有文本效果。

教学内容

知识回顾：上一课时讲的影片的测试与优化？

讨论问题：1、如何创建文字？

2、如何对创建的文字进行编辑？

第15章

文字和图层的应用

15.1

创建文字

15.1.1

文字工具

15.1.2

创建文字

15.1.3

文字选区的创建

15.1.4

文字的变形

15.1.5

应用举例——特殊文字效果

教学重点

教学难点

教学设计

15.2

图层的应用

15.2.1

图层的概念

15.2.2

图层的基本操作

15.2.3

图层的混合模式

15.2.4

应用举例——背景特效制作

15.3

上机及项目实训

15.3.1

制作水晶按钮

15.3.2

给头发上色

15.4

练习与提高

本课小结 1、掌握文字的创建过程。

2、了解图层的基本操作。

3、 掌握图层混合模式的应用。

（1）图层的含义是什么？

（2）如何利用图层的混合模式制作火环效果？

（3）如何利用文字工具和图层样式制作水晶字效果？

（4）常用的新建图层的方法有哪些？

（5）图层的混合模式分为哪几种？

思考题及作业

电子教案

课程： 第16章 路径、色彩和通道应用

课时内容

教学目标

路径、色彩和通道应用











授课时间 学时数 3

了解路径的概念

掌握路径工具的使用和路径的编辑方法

掌握调整图像的色彩和色调的方法

了解散通道的概念和基本操作方法

了解专色通道的概念

教学重点

教学难点

教学设计

认识路径、色彩和通道

路径、色彩和通道的使用

1、教学思路：首先，让同学们认识路径、色彩和通道，然后在详细地讲解它们的使用方法，最后通过例子进行补充讲解

2、教学方法：让同学们先看一些未使用路径、色彩和通道的图片，然后在看些使用路径、色彩和通道的图片，对其进行比较讲解。

3、教学手段：利用多媒体并结合实例进行教学。

4、教学资料及要求：课前要求学生复习本书所有讲过的内容。

教学内容

知识回顾：上一课时讲的文字和图层的应用？

讨论问题：1、路径、色彩和通道各部分起什么作用？

2、对图片有什么影响？

第16章

路径、色彩和通道应用

16.1

创建路径

16.1.1

路径的概念

16.1.2

路径工具的使用

16.1.3

编辑路径

16.1.4

应用举例——绘制网站Logo

16.2

调整图像色彩和色调

16.2.1

调整图像的色彩

16.2.2

调整图像的色调

16.2.3

应用举例——校正网页中的偏色图片

16.3

通道

16.3.1

通道的概念

16.3.2

通道的操作

16.3.3

专色通道

16.3.4

应用举例——对网页中的图片进行处理

16.4

上机及项目实训

16.4.1

制作网页中Banner

16.4.2

改变衣服的颜色

16.5

练习与提高

本课小结 1、 掌握路径的基本知识与编辑方法。

2、 掌握调整图片色调和色彩的方法。

3、 掌握通道的操作方法。

（1）路径和通道的含义各是什么？

（2）对绘制完的路径一般要进行哪些编辑操作？

（3）通道的操作一般包含哪些方面？

（4）如何绘制一个企业网站的Logo？

思考题及作业

电子教案

课程： 第17章 项目设计案例

课时内容

教学目标

项目设计案例 授课时间 学时数 3

 掌握用Photoshop制作网页图像素材



掌握用Flash CS3创建网页导航条



掌握用Dreamweaver CS3创建站点和网页

制作网页

合理利用Photoshop、Flash CS3、Dreamweaver CS3制作网页所需素材

1、教学思路：首先，让同学们先复习前面所学知识。然后进行系统地介绍制作网页的全部过程。最后学习制作网页。

2、教学方法：先欣赏一些网页，最后让同学们自己动手制作一个完整的网页。

3、教学手段：利用多媒体对相关实例进行分析操作。

4、教学资料及要求：课前要求学生从网上收集一些制作网页所需要的一些素材。

教学内容

知识回顾：上一课时讲的路径、色调和通道的使用？

讨论问题：1、Photoshop能为网页提供的素材包含哪些方面？

2、Photoshop在网页中起什么作用？

第17章

项目设计案例

17.1

项目目标

17.2

项目分析

17.3

实现过程

17.3.1

用Photoshop制作网页图像素材

17.3.2

使用Flash CS3制作网页导航条

17.3.3

用Dreamweaver CS3制作网页

教学重点

教学难点

教学设计

17.4

练习与提高

本课小结 1、 掌握制作图像素材的方法。

2、 掌握制作网页导航条的方法。

3、 掌握制作网页的方法。

（1）本章使用Photoshop导出的切片应用在网页的什么部分？

（2）在制作网页中设置Flash的参数为透明有什么作用？

（3）如何制作网页？

思考题及作业