教案10--ps图片缩放及演示网页

《教案10--ps图片缩放及演示网页》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页基础第课时教案月日第周星期课题PS图片缩放及演示网页课型新授教时2节教学目的学习用PS软件来精确缩放图片并制作演示网页教学重点PS缩放图片方法课前准备软件图片准备教学难点制作美观的演示网页教学环节教学过程教师活动学生活动复习引入1、检查学生对“JAVA技术”所有网页的完成程度和理解能力。2、请学生说出JAVA技术的3种类型和不同制作方法抽查作品提问学生演示回答4教学环节教学过程教师活动学生活动4授课一、用PHOTOSHOP将图片缩放成指定大小的完整图片。（练习）1、找2幅大小不一的静态图片，放

2、到指定的目录，例如“缩放图片”。2、打开PHOTOSHOP5.0CS版，打开需要缩放的图片文件。（先练习缩小）。3、A、按“CTRL+A”快捷键选定图片对象；B、然后“图象”-“图象大小”；C、将约束比例前的勾去掉；D、像素大小的宽度后要设为“像素”；E、然后回到“ACDSEE看图软件的小图浏览模式”找到缩放后所需达到的像素数直接填入所需像素数值；点击“确定”；F、然后单击“文件”-“存储为”，选择文件类型（一般为JPG或GIF），定义好文件名称，确定好图片保存的目录；4、（练习放大图片）基本步骤

3、同上。二、制作缩放图片的演示性网页明确目录名称要求（目录要求如1、2、所示）;明确素材来源（是上次制作按钮时所得图片）;按照标准图片处理多幅图片(选择标准图片的依据是黄金分割率);操作演示指导学生操作制作时应明确其他软件的辅助作用观察记录上机实践理解生成的网站结构。4教学环节教学过程教师活动学生活动授课制作放大或缩小一幅图片的演示过程(给出文件名称参考,指导学生更加正确地建立文件);1、目录结构：（总目录）PHOTOSHOP缩放图片演示（分目录，共三个）处理后图片目录屏幕拷贝图片目录原始图片2、屏

4、幕拷贝的图片文件名称参考：11open.jpg——12select.jpg——13openMENU.jpg——14xiangsu.jpg——15kanxiaoguo.jpg——16newfile.jpg——17store.jpg——18selectJINGDU.jpg制作中注意点：1、不同的PS中缩放图片的操作有时有少许不同。2、课使用“画布大小”“图像大小”来直接设定图像大小或背景大小。演示巡回检查纠错实践制作理解修改总结制作演示性网页应做到清楚，精确，文字说明详尽。总结强调理解记忆课后作业抄写

5、本课制作步骤并理解其操作过程。教后札记学生在制作时出现以下问题：A、演示网页中对图片处理不够精简。B、拷贝屏幕的数量不够，导致步骤不是很全面。4