枣庄七中王齐第2课 设计网站首页.docVIP

课 堂 教 学 设 计 表 课程名称 信息技术 设计者王齐 单位（学校） 枣庄市第七中学 授课年级 八年级 教材版本 青岛版 章节名称 第一章第2节 设计网站首页 学时 1 课程纲要依据 本节课在学生了解、知道和初步感受的网站的设计思想的基础上，让学生来完善网站的首页，激发学生的兴趣，养成做事有计划、勤思考的习惯。 教材分析 本册教材第一单元，主要是让学生了解网站的基本知识，本节课是第一课内容的深化，有助于学生进一步完善所学知识，拓展技能。 学情分析 由于接触这类知识比较少，学生比较陌生，学习起来有一定的难度，还不能熟练操作。 学习目标描述 知识点编号 学习目标 具体描述语句 知识目标 认识网页的工作原理；了解网页编辑的一般过程。 技能目标 学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。 情感态度与价值观 善于从身边的广告、书刊中学习版面设计知识，并学以致用。 项目 内容 解决措施 教学重点 在网页中插入文字、图片、水平线及网页的保存、预览。 结合课本中的实例。 教学难点 在网页中插入文字、图片和水平线 注意观察和思考课例和老师演示 教学策略（教法与学法） 先欣赏精美的网站首页引起学生学习兴趣；自学法、演示法、观察法、实践法相结合，培养小组合作探究。 教学环境与媒体 多媒体网络教室，电子教学软件，图片 教学过程 教学内容 教师活动 组织 导入 展示 讲授 出示要求 学生活动 阅读 观察 对比 动手操作 练习 分组探讨 一、引入课题： 引入课题：展示一个包含有文字、图片和水平线的网页，并通过对这三部分的介绍激发学生的学习欲望。 学习与探究： 二、新课讲解 小组合作并操作：根据前面所学知识，即在WORD中输入文字的操作，在“D：情感小屋”站点中，双击打开主页文件“index.htm”，对照小宇在上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。 二、在网页中插入图片 教师演示：“插入”“图片”“来自文件” 学生操作：在“Banner位置”处插入存放在“D：素材”中的Banner图片，并对所插入的图片进行大小调整。 注：为便于上传，网页中图片一般采用容量较小的格式，如JPEG、GIF、PNG等。 三、在网页中插入水平线 学生阅读相关内容，试着自己在网页中的标题与正文之间插入一条水平线，并设置“水平线属性”。（教师巡回指导） 四、保存网页 同WORD操作相似，并尝试用不同的方法保存index.htm，考虑哪种方式更方便？ 试一试：将刚刚插入到网页中的图片指定保存位置为：本站点的“images”文件夹。 五、预览网页 方法一：利用FrontPage自带的预览功能;方法二：通过浏览器预览。 练一练：按照上面介绍的两种方法预览自己的网页，分析它们各有什么优缺点？ 六、添加新网页 “文件”“新建”“网页” 七、实践与创新： 1、根据第1课的规划，参照小宇设计的“我的父母”所示的界面，设计制作网页“我的父母”，其文件名为：Parents.htm，标题为“我的父母”。 2、对新建的网页进行预览，并改变预览窗口的大小，你会发现什么现象？有什么办法可以解决这个问题？ 八、小结： 在网页中插入文字、图片、水平线及网页的保存、预览，添加新网页。 ? 板书设计 第2课 设计网站首页 在网页中输入文字 在网页中插入图片 在网页中插入水平线 保存网页 预览网页 添加新网页 形成性评价 教学反思 七、教学反思 由于学生学习过了word，所以对于输入文字比较熟悉掌握的好，能较好地插入图片和水平线，但对其中一些专用术语不大理解，能够较好地保存网页，对于嵌入式文件的保存，学习起来有困难，需要课下加强学习。