网页中图片的使用教案.pdfVIP

学习好资料 欢迎下载 《网页中图片的使用》教案 上海市风华初级中学 顾坚 教学目标： 知识与技能目标：了解图片在网页中的作用；掌握网页中图片的插入与保存；初步学会在网页中合理布局 图片。 过程与方法目标：通过观察，尝试，检验的过程，知道举一反三，归纳总结的学习方法。 情感态度价值观目标：体验与同学分享学习方法经验的乐趣；养成合理分类存放文件的学习习惯；初步形 成对网页版面“形”的美学追求。 教学重点：网页中图片的插入的方法和必须注意的一些问题。 教学难点：理解网站中文件管理的思想和在网页中图片合理布局的认识。 教学方法：问题迁移，自主探究，评价小结。 现状分析： 这节课是华师大教材第五章学建网站的第四课时。学生已在前几课中学习了网站设计思路，网站结构 规划和网站构建，在后序课中还将按小组设定的网站主题，搜索整理和网站主题相关的素材，常用素材和 组件的插入，超链接设置，并分工完成主题网站的制作，最后在校园网发布主题网站。 预备班的学生在小学时大多都制作过版报，所以对图片插入到 Word 文档中的操作比较熟悉，而 FrontPage 插入图片的方法有相似之处， 可以利用这一点完成知识与技能的迁移。 有些同学还没养成做完作 品及时保存的习惯在文件保存过程，两种软件有较大的不同。第一，网页中图片的保存对学生来说在理解 上有一定的难度；第二，大多数同学没有形成分类存放文件的意识和习惯。在图片的布局时大多数同学由 于年龄特点，往往把关注点放在图片的内容中，而忽视了图片与网页主题的关系，对图片在网页中的作用 考虑较少。 教学过程： 一、新课引入 1、观察下面三个网站的截图，能知道分别是什么网站吗？说说理由。 分别是汽车，卡通动画，苹果网站。从文字和图片中看出来。 俗话说， “一幅图画胜过千言万语” 。如果希望向网站访问者快速传达信息，或者只是希望网站更具吸 引力，使用图形是一种很好的方法。 2、图片格式有几种？ 可以有 BMP ，GIF ，JPG，PSD 等。 图片可具有多种不同的文件格式。但 GIF 、JPG 和 PNG 三种格式的图片文件，文件较小，从而最适 合在网络上进行快速传递。怎样将它们放到网页中呢？ 二、网页中图片的插入 试一试： 以小组为单位，尝试在网站主页插入图片的方法。 （小组汇总） 1、找找图片在网站文件夹中的位置。 2、根据 Word 中插入图片的方法，在主页插入图片。 在网页中插入图片的方法 方法一 组员 方法二 组员 方法三 组员 方法四 组员 …… 组员 我 组 觉 得 最 好 理由 的方法 表一 板书：网页中图片插入的方法： 1、“插入”→“图片”→“来自文件……” 学习好资料 欢迎下载 2、常用工具栏→“插入文件中的图片”按钮 3、图片工具栏→“插入文件中的图片”按钮 4、直接从文件夹列表拖曳图片文件 （课堂预见：由于在小学制作版报时，插入图片用