教案10--PS图片缩放及演示网页.doc

网页基础第课时教案月日第周星期
课题PS图片缩放及演示网页课型新授教时2节教学目的学习用PS软件来精确缩放图片并制作演示网页教学重点PS缩放图片方法课
前
准
备软件
图片
准备教学难点制作美观的演示网页教学环节教学过程教师
活动学生
活动

复习
引入

1、检查学生对“JAVA技术”所有网页的完成程度和理解能力。

2、请学生说出JAVA技术的3种类型和不同制作方法

抽查
作品

提问

学生
演示

回答教学环节教学过程教师活动学生活动

授

课一、用PHOTOSHOP将图片缩放成指定大小的完整图片。（练习）
1、找2幅大小不一的静态图片，放到指定的目录，例如“缩放图片”。
2、打开PHOTOSHOP5.0CS版，打开需要缩放的图片文件。（先练习缩小）。
3、A、按“CTRL+A”快捷键选定图片对象；
B、然后“图象”-“图象大小”；
C、将约束比例前的勾去掉；
D、像素大小的宽度后要设为“像素”；
E、然后回到“ACDSEE看图软件的小图浏览模式”找到缩放后所需达到的像素数直接填入所需像素数值；点击“确定”；
F、然后单击“文件”-“存储为”，选择文件类型（一般为JPG或GIF），定义好文件名称，确定好图片保存的目录；
4、（练习放大图片）基本步骤同上。
二、制作缩放图片的演示性网页
明确目录名称要求（目录要求如1、2、所示）;明确素材来源（是上次制作按钮时所得图片）;
按照标准图片处理多幅图片(选择标准图片的依据是黄金分割率);

操作
演示

指导
学生
操作

制作时应明确其他软件的辅助作用

观察
记录

上机
实践

理解生成的网站结构。教学环节教学过程教师
活动学生
活动授

课制作放大或缩小一幅图片的演示过程(给出文件名称参考,指导学生更加正确地建立文件);
1、目录结构：（总目录）PHOTOSHOP缩放图片演示
（分目录，共三个）处理后图片目录屏幕拷贝图片目录原始图片
2、屏幕拷贝的图片文件名称参考：11open.jpg——12select.jpg——13openMENU.jpg——14xiangsu.jpg——15kanxiaoguo.jpg——16newfile.jpg——17store.jpg——18selectJINGDU.jpg
制作中注意点：
不同的PS中缩放图片的操作有时有少许不同。
课使用“画布大小”“图像大小”来直接设定图像大小或背景大小。演示

巡回

检查

纠错

实践
制作

理解

修改

总结制作演示性网页应做到清楚，精确，文字说明详尽。总结
强调理解
记忆课后作业抄写本课制作步骤并理解其操作过程。教后札记学生在制作时出现以下问题：
演示网页中对图片处理不够精简。
拷贝屏幕的数量不够，导致步骤不是很全面。