网页电子教案（85-94）.doc

2014－2015学年度第一学期《网页制作》课程电子教案
授课课题：本店承诺素材 授课教师：蒋红艳 NO： 43-44
授课班级
14春微机、14春商务
授课日期

授课类型
讲授、演示
学 时 数
4
教学目标
学会根据网站主题自制简单图片素材
教学内容
本店承诺图片制作
重点难点
钢笔工具创建选区
教学方法
演示、讲解
学习方法
讲解演示
教学过程设计
备注（时间分配、个性修改等）
教学步骤
及
主要内容

一、 范例展示

二、任务分析
1、画面大小；
2、所用工具：渐变、文本、圆角矩形、钢笔、矩形选区、线条、自选图形；
3、难点：钢笔工具绘制弧形选区；

三、教师演示
1、新建画布：180*191像素；
2、前景蓝 、背景白，用渐变工具给画布填充蓝白渐变；

3、用矩形选区工具在画布顶端画一矩形选区，填充深蓝到浅蓝的渐变；
4、用钢笔工具在画布底部绘制弧形路径，把路径转换成选区，填充蓝色；
5、输入分栏标题：本店承诺，用圆角矩形工具绘制深蓝色背景；
6、输入本店承诺文本内容；
7、在画布底部绘制矩形选区，填充蓝白渐变；
8、用自选工具绘制图标，输入“商品分类”分栏标题。
9、保存文件，另存为gif格式。

课堂练习
本店承诺图片制作

小结与作业

课堂小结

本课作业

本课教学后记（课堂设计理念，实际教学效果及改进设想）

教研组长签字： 年 月 日

2014－2015学年度第一学期《网页制作》课程电子教案
授课课题：数码商店素材制作 授课教师：蒋红艳 NO： 45-47
授课班级
14春微机、14春商务
授课日期

授课类型
讲授、演示
学 时 数
6
教学目标
在PS中制作数码商店素材
教学内容
素材制作
重点难点
渐变色设置、图层样式
教学方法
演示、讲解
学习方法
观察、练习
教学过程设计
备注（时间分配、个性修改等）
教学步骤
及
主要内容

一、范例展示

二、 教师演示制作
1、 左右边框背景制作
尺寸：10*20
渐变
直线工具加深
保存

2、 导航条背景制作
尺寸：40*20
渐变
保存

三、 添加背景
1、 单元格定位；
2、 切换到代码模式；

课堂练习
练习边框背景、导航背景的制作、添加

小结与作业

课堂小结

本课作业

本课教学后记（课堂设计理念，实际教学效果及改进设想）

教研组长签字： 年 月 日