admin 管理员组文章数量: 1184232
2024年5月7日发(作者：engineer是什么词性)
xxx学校教学设计
授课时间： 年 月 日
课 题
授课班级
在网页中插入图像
科 目
网页设计
任课教师
授课课时
知识目标
了解Dreamweaver中如何插入美观图像，及设置
教学目标
能力目标
掌握网页插入图像并属性设置
情感目标
通过对图像的学习，培养学生对网页美观及版式的设计能力。
教学重点
教学难点
教学方法
教学工具
教学环节
掌握网页设计图像方面的要求
在网页设计中如何搭配图片及图片效果的处理
讲述法 、演示法
多媒体
教师活动学生活动
学生观看图片讨
论并回答
设计意图
通过让学生看图片
激起他们好奇心，
并让他们思考进入
课堂主题
播放一些网页图片，让学生思考网页中图片
1、新课引入
对网页设计是否有影响
图像的插入与设置
1．常用的图像类型和格式
能在浏览器中显示的图像格式只有GIF、JPEG
和PNG三种，而最常用的是GIF和JPEG两种。
GIF格式：
其英文全称是“Graphics Interchange
Format”，中文意思是“可交换的图像格式
”。采用GIF格式的图像最多只能支持256种
2、学习新知
颜色，最适合用于颜色较少的文本和线性艺
术插图。
（1）
JPG格式：
其英文全称名是“Joint Photographic
Experts Group”，中文意思是“联合图像专
家组文件格式”。JPEG最多可以支持16.8兆
种颜色，因此照片、油画和一些细腻、讲求
色彩浓淡的图片常用JPEG格式。
老师演示不同图像
通过实例讲解，
格式的作用，讲
学生更直观理解图
解，学生听讲并记
像的功能及作用
录
2．图像属性面板介绍
（1）属性面板的打开
可以通过执行菜单“窗口”|“属性”命令，
打开图像“属性面板”，然后单击该面板右
下角的箭头，打开扩展的“属性面板”，从
而可以看到图像的全部属性。
（2）属性面板的介绍
3．图像的插入与相关操作
（1）实例演示：在“企业简介”网页中插入
图片
（2）学生上机操作刚才老师演示的实例
通过对图像属性的
（3）请一位学生上台演示操作，对所学内容
老师讲解图像的一
学习，更能理解图
2、学习新知
进行巩固和加深
些设置，学生听讲
像在网页设计中的
（4）实例演示：图片大小调整和与文字的混
（2）
并记录步骤
作用
排
（5）实例演示：给图片添加文字说明
（6）学生上机操作刚才老师演示的实例
（7）请一位学生上台演示操作，对所学内容
进行巩固和加深
4．上机操作：（1）继续上机操作老师演示
的实例，并记录步骤
（2）给网站的首页插入图片 （3）制作网站
的产品介绍网页，完成相关图片和文字的制
作
3、分组协作
每组分别对不同让学生主动地积累
9人一组，每组同时对一些出名的网站图片效
网站的总结，再集知识点，对网页设
果进行比较讨论
体汇总计准备素材
4、综合演练
通过对简单网页图像属性的进行设置
1．常用的图像类型和格式2．图像属性面板
介绍3．图像的插入与相关操作
5、课堂小结
以实例学习，让
集体制作，老师讲
学生学习的理论用
解并做好记录
于实践
认真听讲，记好
总结笔记。
让学生每一步都
记好知识要点。
教学反思
这次课大部分同学都理解掌握图像的设置，只是有的同学在图片的搭配方面做得不
太理想，还需要更多实例来学习。
教案评价
意 见
评价人签名： 年 月 日
版权声明：本文标题：网页教学设计之在网页中插入图像 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1715050114a685413.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论