网美工设计教案

网美工设计教案

TheponywasrevisedinJanuary2021

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

网页设计基础知识

章节

内容

Dreamweaver软件介绍及其基础操作

教学1)使学生了解网页设计的相关基础知识；

目标2)使学生熟悉Dreamweaver软件界面的基本操作方法。

重点1)了解网页设计相关概念和网页的类型；

难点2)熟练掌握Dreamweaver软件创建和管理站点的方法。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

教学过程及内容提要时间备注

分配

一、引入约10分学生理

钟解

1、相互认识，提出与本学科相关的知识，介绍本门课程

情况、教学内容及总学时数进度安排，宣讲本课程教学纪约5分学生实

律，鼓励学生营造一种学习氛围，尊重同学，互帮互学，钟践

真正达到学以致用；

约25分学生实

2、提出问题：上过网吧？有谁自学过网页设计听说过网钟践

页设计三剑客吗？

教约10分总结

学3、钟

过

约6分

二、告知学生课堂任务

程

钟

设本次课所学习的主要内容是网页设计相关基础知识和

计约6分

Dreamweaver软件基础操作；

钟

三、逐步演示讲解分析教学内容

约4分

1、网站和网页的区别：

钟

2、（1）网页是Internet基本元素；

约8分

钟

3、（2）网站由网页组成；

约12分

4、静态网页和动态网页：

5、静态网页：纯粹HTML语言格式的网页通常被称为静态网钟

页，静态网页的后缀名通常

约20分

为.htm、.html、.shtml、.xml。

钟

6、动态网页：许多人认为网页会动就是动态网页，这是个错

约50分

误的观点，在静态的网页中也可以含有动态的图片，这仅

钟

仅是视觉上的动态罢了。真正的动态网页是指实际上并不

是独立存在于服务器上的网页文件，只有当用户请求时服约40分

务器才返回一个完整的网页。也就是说，它是返回到了客钟

户端上的网页。例如网页文件是以ASP、PHP、JSP、ASPX

约4分

为结尾就是动态的网页了。

钟

7、静态网页的特点：

8、（1）内容相对稳定，容易被搜索引擎检索到；

9、（2）没有数据库支持，在网站制作和维护方面工作量

大；

10、（3）交互性差，在功能方面有很大的限制。

11、动态网页的特点：

12、（1）以数据库技术为基础，可大大降低网站维护的工

作量；

13、（2）可实现更多的功能，如用户注册、新闻发布、在

线留言等；

14、（3）不利于使用搜索引擎进行网站推广。

15、常见网页类型：形象页、主页、栏目页、内页、新闻

详细页等；

16、网页设计原则：

17、（1）了解客户需求

18、（2）遵循Web标准

19、（3）运用形式美法则

20、网页设计流程：

21、（1）手绘效果图：确定网页主题内容和风格

22、（2）设计效果图：搜集、整合设计所需素材

23、（3）版面编辑：网页的制作与实现

24、（4）网页美化：动画设计，网页测试和发布

25、网页设计的主要软件：

26、（1）Photoshop

27、（2）Dweamveawer

28、（3）Flash

29、（4）Firworks

30、Dreamweaver软件界面介绍：

31、（1）软件面板组成及基本操作方法

32、（2）软件参数设置

33、Dreamweaver站点创建：

34、站点->新建站点->设置站点名称->设置站点默认图像

文件夹。

35、学生实训操作：

36、Dreamweaver站点创建与设置

37、Dreamweaver创建第一个网页：

38、（1)名称：index.html

39、（2)设置标题、输入文本、输入特殊字符

40、（3）页面属性设置

41、（4）预览网页

四、学生实训及辅导；

五、创建第一个网页。

六、课堂小结

本次课主要内容：

1、网页设计基础知识；

2、Dreamweaver基本使用方法；

3、Dreamweaver创建第一个网页；

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

章节Dreamweaver表格操作；

内容CSS样式表应用。

教学1)掌握Dreamweaver中表格的设计方法；

目标2)CSS样式表的使用方法和技巧。

重点1)熟练掌握Dreamweaver中表格的基本操作方法；

难点2)了解网页设计中CSS样式表的作用和设置方法。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

教学过程及内容提要时间备注

分配

一、引入约4分学生理

钟解

1、回顾上次课所学习的内容：网页设计基础理论知识，

Dreamweaver软件使用初步；约6分学生思

钟考

2、提出问题：对Word中表格操作还熟练吗CSS是什么如

何设置网页中各种元素的显示效果约30分学生实

钟践

二、告知学生课堂任务

教约10分学生理

本次课所学习的主要内容是Dreamweaver中表格的使用

学钟解

和Dreamweaver创建CSS样式表；

过

约15分学生实

程三、逐步演示讲解分析教学内容

钟践

设

1、网页中表格的作用：（1）内容组织和定位；（2）网

计约35分学生理

页排版；

钟解

2、表格布局和Div布局区别：各有优势。表格：简单，

约15分学生实

好用，学起来很容易上手。各种浏览器都支持！基本上不

钟践

会变形。但是代码冗余较多，维护起来也不怎么方便。

DIV+CSS优点：代码冗余小，所以网站打开速度快一些。约40分总结

维护起来非常方便。但是要兼容IE6IE7火狐等浏览器的钟

话，开始学就会很头疼这个问题的。往往在IE6里面看着

约40分

整个网页是好的，但是到了IE7或者火狐里面就全乱了。

推荐：用div做框架，table用来储存数据。钟

3、Dreamweaver中表格的基本操作：（1）表格和单元格约5分

的选择及属性设置；（2）行和列的添加和删除；（3）单钟

元格的合并和拆分；（4）表格的嵌套；

4、实例演示讲解：使用表格制作一像素细线；操作步

骤：（1)插入1行1列表格；（2)设置单元格背景颜色；

（3)设置单元格高度为1；（4)转到代码视图；（5)把单

元格中的 删除。

5、辅导学生实训操作；

6、Dreamweaver中CSS样式表的使用：（1）CSS样式表

文件的创建；（2）创建CSS样式：网页链接样式2；

（3）创建CSS样式：网页凹下链接样式；（4）创建CSS

样式：类链接样式；（5）创建CSS样式：滤镜样式。

7、辅导学生进行CSS样式实训操作；

8、案例演示讲解：个人主页首页布局设计（1）创建网

页；（2）设置网页属性；（3）使用表格布局网页（上中

下型）；（4)使用Photoshop制作页面头部Banner图

片；（5）制作导航栏渐变背景图片；（6）制作页面主体

（左侧公告跑马灯效果和友情链接，右侧资讯速递及图片

列表）；（7）页面底部设计。

四、布置并辅导学生完成课堂作业；

五、课堂小结

本次课主要内容：

1、Dreamweaver网页表格基本使用方法；

2、Dreamweaver创建CSS样式；

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

Dreamweaver中图像的使用；

章节

网页字体设计；

内容

表单设计制作。

教学3)掌握Dreamweaver中图形图像的使用和属性设置方法；

目标4)掌握网页表单的设计技巧。

重点3)熟练掌握Dreamweaver中图像热点链接的创建方法；

难点4)掌握用户注册表单的设计方法和技巧。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

时间

教学过程及内容提要备注

分配

六、引入约4分学生理

钟解

3、回顾上次课所学习的内容：Dreamweaver表格的使用

和属性设置，Dreamweaver中创建CSS的方法；约10分学生理

钟解

4、点评上周作业；

约5分学生理

5、提出问题：什么是热点链接网站的注册页面是如何制

钟解

作的

教

约10分学生实

学

6、

钟践

过

7、

程

约10分学生实

设

七、告知学生课堂任务钟践

计

本次课所学习的主要内容是Dreamweaver中图像的使用约10分学生理

和网页表单的设计；钟解

八、逐步演示讲解分析教学内容约10分学生实

钟践

9、网页中支持的图像格式：jpg、gif、gif动画、bmp、

png约10分学生理

钟解

10、网页中图像使用原则：（1）尽量小，对较大的图片文约10分学生实

件进行适当的压缩和切割；（2）应该挑选与网站主题有钟践

关联性的图片；（3）对于网站的标志图片,主体应该清晰

约20分总结

可见,图形的含义最好简单明了,图片内所含的文字应该清

钟

楚且容易辨认；（4）背景图片只是用来衬托图片主题的,

切忌过于花哨；（5）图片颜色应该与页面整体配色协约5分

调。钟

11、Dreamweaver中图像的使用：（1）插入图像；（2）约15分

设置图像属性；（3）添加图像热点链接。钟

12、辅导学生实训操作；约10分

钟

13、实例演示：Dreamweaver中变换图像的创建方法---创

建导航条。约15分

钟

14、辅导学生完成实例实训操作；

约5分

15、网页字体设计：（1）文字样式；（2）大小；（3）颜

钟

色（4）其它属性。

约10分

16、实例讲解：内容详细页的创建。

钟

17、辅导学生完成实例实训操作；

约10分

18、Dreamweaver中网页表单设计制作：（1）网页表单的钟

作用；（2）常见表单页类型；

约10分

19、实例演示：创建用户注册表单页；（1）制定插入表单钟

的页面位置；（2）插入表单；（3）在表单中插入表格为

约20分

表单控件布局；（4）插入文字标签；（5）插入表单各种

钟

控件并设置表单控件的属性；（6）使用CSS美化表单控

件；约1分

钟

20、Dreamweaver中的层的使用方法及其实例讲解；

21、辅导学生实训练习；

22、Dreamweaver中行为的添加方法和使用技巧：（1）交

换图像；（2）弹出信息；（3）打开浏览器窗口；（4）

播放声音；（5）改变属性；（6）显示-隐藏层；（7）转

到URL.

23、辅导学生实训练习；

24、综合实例演示讲解：运用Dreamweaver中的层和行为

来制作网页下拉菜单式导航条：

25、辅导学生实训练习；

九、布置课堂作业并辅导学生完成作业实训：个人主页用

户表单设计。

十、课堂小结

本次课主要内容：

1、Dreamweaver中图像的使用方法和技巧；

2、Dreamweaver中字体的设计；

3、Dreamweaver中表单页面的设计制作。

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

章节

Photoshop基本使用方法和技巧

内容

教学5)熟悉Photoshop软件界面；

目标6)掌握Photoshop软件的基本操作方法。

重点5)掌握Photoshop软件界面基本操作方法和技巧；

难点6)掌握Photoshop中的图片合成和修复的应用方法。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

时间

教学过程及内容提要备注

分配

十一、引入约4分学生理

钟解

8、回顾上次课所学习的内容：网页字体设计，表单页设

计制作；约10分学生实

教

钟践

学9、点评上周作业；

过约2分学生实

10、提出问题：网页中的图像是怎么处理的是否用过什么

程钟践

图像编辑软件

设

约5分学生理

计11、

钟解

12、

约10分学生实

十二、告知学生课堂任务钟践

本次课所学习的主要内容是Photoshop基本使用方法和约15分学生理

技巧；钟解

十三、逐步演示讲解分析教学内容约10分学生实

钟践

26、Photoshop软件介绍；

约10分学生理

27、Photoshop软件界面介绍；

钟解

28、Photoshop基本操作方法：（1）首选参数设置；

约15分学生实

（2）工具栏的使用；（3）图像显示比例设置；（4）单

钟践

位标尺设置；（5）历史记录面板的使用；（6）其它工具

面板基本操作。约20分总结

钟

29、辅导学生实训操作；

约20分

30、实例演示讲解：图层的基本操作方法；

钟

31、辅导学生实训操作；

约20分

32、变换图像方法：缩放、旋转、斜切、扭曲、透视、变钟

形、裁剪；操作步骤：（1）打开素材；（2）选择相应区

约30分

域；（3）选择变换相应命令；（4）在图片相应区域进行

钟

操作；（5）保存并退出；

约35分

33、辅导学生实训操作；

钟

34、Photoshop应用实例讲解：图片合成；

约2分

操作步骤：（1）导入所需图片素材；（2）新建钟

Photoshop文件；（3）选取矩形选框工具选取导入素材

的部分区域；（4）复制并粘贴到新建文件中并设置边沿

羽化效果；（5）同法处理其它素材；（6）调整图像整体

颜色效果；（7）导出最终图像；

35、指导学生完成课堂实训设计实例；

36、几种修饰修复图像工具的使用及其实例操作演示讲

解：仿制图章工具、污点修复画笔工具、修复画笔工具、

修补工具、红眼工具、模糊工具、减淡/加深工具、海绵

工具；操作步骤：（1）打开素材；（2）选择对应工具；

（3）设置相关属性；（4）在图片相应区域进行操作；

（5）保存并退出；

37、指导学生完成课堂实训设计实例；

十四、课堂小结

本次课主要内容：

1、Photoshop软件的基本操作方法；

2、Photoshop图片合成方法；

3、几种修饰修复图像工具的使用。

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

章节

Photoshop进阶使用

内容

教学7)图像的选取和抠图实例操作演示讲解；

目标8)掌握Photoshop中滤镜和蒙板的使用方法和技巧。

重点7)熟悉Photoshop中几种常用滤镜的使用方法；

难点8)理解图层蒙板的作用，掌握图层蒙板的使用方法和技巧。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

教学过程及内容提要时间备注

分配

十五、引入约2分学生理

钟解

13、回顾上次课所学习的内容：Photoshop软件的基本操

作方法、Photoshop图片合成方法、几种修饰修复图像工约10分学生实

具的使用；钟践

14、点评上周作业；约1分学生实

钟践

15、提出问题：什么滤镜什么是蒙板滤镜和蒙版有什么用

教滤镜和蒙板怎么用约20分学生实

学钟践

十六、告知学生课堂任务

过

约20分学生实

程本次课所学习的主要内容是Photoshop高级应用，包括

钟践

设滤镜和蒙板的使用、抠图方法、色彩调整；

计约10分总结

十七、逐步演示讲解分析教学内容

钟

38、图像的选取和抠图实例操作演示讲解：（1）快速选择

约30分

工具；（2）魔棒工具；（3）魔术橡皮擦工具；（4）钢

钟

笔工具；（5）抽出滤镜。

约30分

39、学生实训课堂实例；

钟

40、几种调整图像色彩的方法及其实例操作演示讲解：

约20分

（1）灰度图像效果；（2）色相饱和度调整；操作步骤：

1）选择图像或者图像区域；2）执行【图像】|【调整】|钟

【色相/饱和度】命令；3)调整数值；4）确定并保存图

约15分

像；(其它色彩调整步骤类似)（3）反相效果；（4）黑白

钟

图像效果；（5）渐变色彩效果；（6）调整图像亮度和对

比度；约10分

钟

41、学生实训课堂实例；

约30分

42、Photoshop滤镜的使用方法及其实例操作演示讲解：

钟

（1）风格化；（2）描边；（3）模糊；（4）素描；

（5）纹理；（6）像素化；（7）渲染。像素画滤镜应用约2分

实例演示：1）选择图片对象或区域（通道）；2）执行钟

【滤镜】|【像素化】|【马赛克】命令；3）调整属性

值；4）确定并保存；

43、学生实训课堂实例；

44、Photoshop图层蒙板的使用及其实例操作演示讲解；

（1）蒙板的概念；（2）蒙板作用；（3）蒙板使用方

法；（4）蒙板应用实例；

45、Photoshop动作及批处理图像方法：（1）Photoshop

动作的使用方法；（2）Photoshop批处理命令的使用及

实例演示；

十八、布置课堂作业并辅导学生完成作业实训；

十九、课堂小结

本次课主要内容：

1、Photoshop抠图方法；

2、Photoshop滤镜的应用；

3、Photoshop蒙板的使用。

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

网页背景图案的制作

章节

LOGO设计制作

内容

Banner设计制作

教学9)掌握网页各种图标的设计制作方法；

目标10)掌握LOGO和Banner常用的方法和技巧。

重点9)掌握网页背景图案常用的设计方法和技巧；

难点10)能够运用所学知识设计出具有深刻内涵的的网站LOGO。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

时间

教学过程及内容提要备注

分配

二十、引入约3分学生理

钟解

16、回顾上次课所学习的内容：Photoshop抠图方法，

Photoshop滤镜的应用，Photoshop蒙板的使用；约10分学生实

钟践

17、点评上周作业；

约25分学生理

18、提出问题：网站LOGO有什么用LOGO图标的设计制作

钟解

有哪些方法和技巧

教

约30分学生理

学

19、

钟解

过

20、

程

约3分学生实

设

二十一、告知学生课堂任务钟践

计

本次课所学习的主要内容是网站LOGO设计制作，网页约3分学生理

Banner和导航菜单的设计制作方法；钟解

二十二、逐步演示讲解分析教学内容约20分学生实

钟践

46、常见网页背景图案设计制作：

约30分学生实

47、（1）斜线图案：

钟践

48、操作步骤：约4分学生实

钟践

49、1）新建4×4大小、透明背景图像；2）放大图像至

3200%以方便设置线条；3)调整颜色，使用画笔工具填充约20分总结

线条路径；4）将绘制好的图形定义为图案保存下来；5）钟

使用填充命令将图案平铺到指定区域。(其它色彩调整步

约20分

骤类似)（2）立体图案：（制作方法略）；（3）文字图

钟

案：（制作方法略）；（4）渐变背景：（制作方法

略）。约30分

钟

50、课堂实例练习及辅导；

约2分

51、网站LOGO的作用：（1）LOGO是与其它网站链接以及

钟

让其它网站链接的标志和门户；（2）LOGO是网站形象的

重要体现；（3）LOGO能使受众便于选择。

52、一个好的LOGO应具备的条件：（1）符合国际标准；

（2）精美、独特；（3）与网站的整体风格相融；（4）

能够体现网站的类型、内容和风格。

53、网站LOGO设计制作常见方法及其实例操作演示讲解：

（1）线条的使用；（2）图形的使用；（3）文字的使

用；（4）渐变色的使用；

54、课堂实例练习及辅导；

55、网页Banner设计应该遵循的原则：（1）主题明确；

（2）与整个页面相协调；（3）顺应用户的浏览习惯；

（4）能吸引点击。

56、网页Banner的设计制作方法及其实例操作演示讲解：

（1）静态Banner；（2）动态Banner；

57、课堂实例练习及辅导；

二十三、布置课堂作业并辅导学生完成作业实训；设计

个人主页网站首页Logo和Banner。

二十四、课堂小结

本次课主要内容：

1、常见网页背景图案设计制作；

2、网站LOGO的设计方法；

3、网页Banner的设计制作方法。

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

章节网页按钮设计制作

内容网页栏目框设计制作

教学11)掌握网页各种图标的设计制作方法；

目标12)掌握使用栏目框美化网页方法。

重点1)掌握网页常见按钮和小图标的设计制作方法；

难点2)网页栏目框的设计技巧及其表现力的实现。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

时间分

教学过程及内容提要备注

配

二十五、引入约2分学生理

钟解

21、回顾上次课所学习的内容：网站LOGO设计制作，网页

Banner和导航菜单的设计制作方法；约10分学生实

钟践

22、点评上周作业；

约12分学生理

23、提出问题：网页中常见按钮有哪些类型漂亮的水晶按

钟解

钮是怎么制作的

约40分学生实

24、

教

钟践

学

25、

约40分学生实

过

二十六、告知学生课堂任务钟践

程

设

本次课所学习的主要内容是网页按钮设计制作和使用栏约35分总结

计

目框美化网页的方法。钟

二十七、逐步演示讲解分析教学内容约40分

钟

1.网页中按钮设计理论：

约20分

2.（1）按钮的类型：有提交功能的“真按钮”和“伪按

钟

钮”；（2）按钮的功能：实现提交和标明当前操作；

（3）按钮的表现形式：系统标准按钮和使用图片自制的约1分

按钮；（4）按钮的位置：容易找到、画面的中心位置；钟

（5）按钮上面的文字表述：言简意赅，直接明了；（6）

按钮的尺寸：适中；（7）与其他元素关系：让其充分通

透；（8）注意鼠标滑过的效果：增强按钮的点击感。

3.网页常见几种按钮的设计制作方法及其实例操作演示分步

讲解：（1）方形按钮；简要步骤：1)绘制矩形边框；2）

填充颜色：纯色或渐变色；3）添加文字。（2）圆形按

钮：（步骤略）；（3）斜角型按钮：（步骤略）；（4）

椭圆型按钮：（步骤略）；（5）水晶按钮按钮：简要步

骤：1)绘制矩形边框；2）填充渐变色；3）添加文字；

4）添加高光层；5）设置朦胧边框。

4.课堂实例练习及辅导；

5.常见几种网页栏目框及其设计制作实例；（1）矩形；

（2）圆角矩形；（3）滑动门型；（4）图标修饰型（回

形针）。

6.课堂实例练习及辅导；

二十八、布置课堂作业并辅导学生完成作业实训。美化

个人主页按钮和栏目框。

二十九、课堂小结

本次课主要内容：

1、网页按钮设计制作；

2、使用栏目框美化网页方法；

后

记

《网页美工设计》课程教案

授课教师：授课班级：地点：课时：

章节Flash软件介绍

内容Flash绘图基础—景物和场景绘制

教学

熟悉Flash软件界面并掌握使用Flash进行绘制各种图形的方法。

目标

重点13)了解Flash软件的特点；

难点14)熟练使用Flash工具栏绘制各种图形。

教学

课堂讲授、案例讲解与指导

方法

教学

计算机机房

环境

教学过程及内容提要时间备注

分配

三十、引入约1分学生理

钟解

26、回顾上次课所学习的内容：网页按钮设计制作和使用

栏目框美化网页的方法；约3分学生实

钟践

27、提出问题：网络上常听到的闪客指的是什么Flash软

件有什么特点Flash能做什么约15分学生实

钟践

三十一、告知学生课堂任务

教

约5分学生实

本次课所学习的主要内容是了解Flash及Flash工具栏

学

钟践

的基础操作；

过

约5分学生实

程

三十二、逐步演示讲解分析教学内容

钟践

设

58、Fireworks软件介绍；

计约10分学生实

59、Fireworks的独特功能：（1）可以输出SWF和钟践

Illustrator7文件；（2）与Dreamweaver紧密的配合；

约15分总结

（3）允许加入Photoshop滤镜；（4）可以直接编辑点阵

钟

图；（5）更方便的Rollover；（6）即时预览；（7）可

以读入Photoshop文件；（8）提供GIF编辑环境；（9）约10分

提供全新的按钮制作工具；（10）提供图形与文字的样式钟

库（Style）。

约10分

60、Fireworks软件界面和常用工具及其基本操作方法钟

61、Flash软件介绍约10分

钟

62、Flash软件的主要特点：（1）Flash软件安装方便，

适用场合广泛；（2）Flash制作动画时间短，学习起来约10分

容易上手；（3）Flash生成的文件体积小；（4）有强大钟

的交互性；（5）使用矢量图形和流式播放技术；（6）有

约10分

强大的动画编辑功能；（7）动画效果生动活泼，形象直

钟

观。

约10分

63、Flash常见的表现形式：（1）网络动画：常见于网页

钟

的片头；（2）MTV：在各排行榜中数量最多；（3）网络

广告：Flash广告是当今网络广告界的时尚；（4）交互约15分

网站：可实现纯flash网站，但是不利于搜索引擎登录；钟

（5）贺卡：是初学者练手的较好选择，能带来小小的收

约30分

入（6）动画短片：是Flash大奖赛的主要形式；（7）交

钟

互游戏：将产品广告做到游戏中。

约40分

64、Flash软件界面介绍：软件界面布局和工具栏的简单

钟

使用；

约1分

65、辅导学生完成课堂实训；

钟

66、Flash中层的基本操作方法；

67、使用Flash工具栏绘制图形一：五角星；

68、辅导学生完成课堂实训；

69、使用Flash工具栏绘制图形二：大红灯笼；

70、辅导学生完成课堂实训；

71、使用Flash工具栏绘制图形三：水晶按钮；简要步

骤：（1）绘制按钮边框；（2）填充渐变颜色；（3）绘

制按钮高光部分；（4）绘制按钮模糊边框；

72、辅导学生完成课堂实训；

73、使用Flash工具栏绘制图形四：QQ企鹅；

三十三、布置课堂作业并辅导学生完成作业实训；

三十四、课堂小结

本次课主要内容