[名校联盟]山东省滕州市滕东中学八年级信息技术《第2课 设计网站首页》教案+学案+课件

第2课 设计网站首页 滕东中学 八年级 本课学习目标 1、知识目标：认识网页的工作原理；了解网页编辑的一般过程。 2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。 3、情感、态度与价值观目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。 教学重点、难点 教学重点：在网页中插入文字、图片、水平线及网页的保存、预览。 教学难点：在网页中插入文字、图片和水平线。 一、在网页中输入文字 小组合作并操作：根据前面所学知识，即在WORD中输入文字的操作，在“D:\XXX(自己的姓名)”站点中，双击打开主页文件“index.htm”，对照上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。 二、在网页中插入图片 插入存放在“D:\素材”中的图片，并对所插入的图片进行大小调整。 注：为便于上传，网页中图片一般采用容量较小的格式，如JPEG、GIF、PNG等. “插入”“图片”“来自文件” 三、在网页中插入水平线 阅读相关内容，试着自己在网页中的标题与正文之间插入一条水平线，并设置“水平线属性”。 四、保存网页 同WORD操作相似，并尝试用不同的方法保存index.htm，考虑哪种方式更方便？ 试一试：将刚刚插入到网页中的图片指定保存位置为：本站点的“images”文件夹。 五、预览网页 方法一：利用FrontPage自带的预览功能。 方法二：通过浏览器预览。 练一练：按照上面介绍的两种方法预览自己的网页，分析它们各有什么优缺点？ 六、添加新网页 “文件”“新建”“网页” 七、实践与创新 1、设计制作网页“我的父母”，其文件名为：Parents.htm，标题为“Parents”。 2、对新建的网页进行预览，并改变预览窗口的大小，你会发现什么现象？有什么办法可以解决这个问题？ 八、小结 在网页中插入文字、图片、水平线及网页的保存、预览，添加新网页。 $$ 本课学习目标： 1、知识目标：认识网页的工作原理；了解网页编辑的一般过程。 2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。 3、情感、态度与价值观目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。 学习重点： 在网页中插入文字、图片、水平线及网页的保存、预览。 学习难点：[来源:学科网ZXXK] 在网页中插入文字、图片和水平线。 学习过程： 学习与探究： 一、在网页中输入文字 小组合作并操作：根据前面所学知识，“即在WORD中输入文字”的操作，在“D:\xxx”(姓名)站点中，双击打开主页文件“index.htm”，对照小宇在上节课中设计的首页效果图，在编辑窗口输入相应文字，并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。 二、在网页中插入图片 学生操作：插入存放在“D:\素材”中的图片，并对所插入的图片进行大小调整。 注：为便于上传，网页中的图片一般采用容量较小的格式，如JPEG、GIF、PNG等。 三、在网页中插入水平线 阅读相关内容，试着自己在网页中的标题与正文之间插入一条水平线，并设置“水平线属性”。 四、保存网页 同“WORD操作”相似，并尝试用不同的方法保存index.htm，考虑哪种方式更方便？ 试一试：将刚刚插入到网页中的图片指定保存位置为：本站点的“images”文件夹。 五、预览网页 方法一：利用FrontPage自带的预览功能; 方法二：通过浏览器预览。 练一练：按照上面介绍的两种方法预览自己的网页，分析它们各有什么优缺点? 六、添加新网页 “文件”---“新建”---“网页” 实践与创新： 1、设计制作网页“我的父母”，其文件名为：Parents.htm，标题为“Parents”。 2、对新建的网页进行预览，并改变预览窗口的大小，你会发现什么现象？有什么办法可以解决这个问题？ 小结： 在网页中插入文字、图片、水平线及网页的保存、预览，添加新网页。 [来源:学.科.网Z.X.X.K] 附件1：律师事务所反盗版维权声明 [来源:Zxxk.Com] 附件2：独家资源交换签约学校名录（放大查看） 学校名录参见：http://www.zxxk.com/wxt/list.aspx?ClassID=3060 [来源:学*科*网] [来源:Z§xx§k.Com] $$ 本课学习目标： 1、知识目标：认识网页的工作原理；了解网页编辑的一般过程。 2、技能目标：学会在网页中输入文字、插入图片和水平线；学会新建、预览和保存网页。 3、情感、态度与价值观目标：善于从身边的广告、书刊中学习版面设计知识，并学以致用。 教学方法： 自学法、演示法、观察法、实践法、小组合