1、八年级信息技术课题设计网站首页张庄中学 姓名：吴宝才 课型：新授课教学目标1、知识目标：认识网页的工作原理；了解网页编辑的一般过程。 2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。3、情感、态度与价值观目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。重点难点教学重点：在网页中插入文字、图片、水平线及网页的保存、预览。教学难点：在网页中插入文字、图片和水平线。学习时间教具计算机板书设计一 网页中输入文字二 网页中插入图片三 网页中插入水平线四 保存网页五 浏览网页六 添加新网页作业了解网页编辑教后小结让学生亲自动手 学以致用教 学 过 程引入课题：展
2、示一个包含有文字、图片和水平线的网页，并通过对这 三部分的介绍激发学生的学习欲望。一、在网页中输入文字小组合作并操作：根据前面所学知识，即在 WORD 中输入文字的操作，在“D：情感小屋”站点中，双击打开主页文件“index.htm” ，对照小宇在上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。二、在网页中插入图片教师演示：“插入”-“图片”-“来自文件”学生操作：在“Banner 位置”处插入存放在“D：素材”中的 Banner 图片，并对所插入的图片进行大小调整。注：为便于上传，网页中图片一般采用容量较小的格式，如 JPEG、
3、GIF、PNG 等。三、在网页中插入水平线学生阅读相关内容，试着自己在网页中的标题与正文之间插入一条水平线，并设置“水平线属性” 。 （教师巡回指导）四、保存网页同 WORD 操作相似，并尝试用不同的方法保存 index.htm，考虑哪种方式更方便？试一试：将刚刚插入到网页中的图片指定保存位置为：本站点的“images”文件夹。五、预览网页 方法一：利用 FrontPage 自带的预览功能方法二：通过浏览器 预览。 练一练：按照上面介绍的两种方法预览自己的网页，分析它 们各有什么优缺点？六、添加新网页 “文件”-“新建”-“网页”七、实践与创新： 1、根据第 1 课的规划，参照小宇设计的“我的父母”所示的 界面，设计制作网页“我的父母” ，其文件名为：Parents.htm， 标题为“我的父母” 。 2、对新建的网页进行预览，并改变预览窗口的大小，你会发 现什么现象？有什么办法可以解决这个问题？八、小结： 在网页中插入文字、图片、水平线及网页的保存、预览，添 加新网页。
