八年级信息技术备课教案
课题
第二单元 第 6 课  事半功倍——制作网页模版
年级
八年级
课时数
2课时
主备人
备课时间
教学
目标
知识与技能
  1．灵活地使用水平线分隔网页元素。
  2．学会插入命名锚记以创建锚点链接。
  3. 掌握、网页内指定位置、网站内文件、因特网资源等多种超级链接目标的设置方法。
过程与方法
（1）学生自主学习（根据课本）尝试完成倒计时动画的制作。
（2）学生分为10小组（4-5人一个小组），小组合作探究（自主学习中所遇到问题）。
（3）学生展示，评价。教师对学生制作动画中所遇到的问题实行点评。
情感态度价值观
1.联系生活实际，学习制作网站模版的基本知识，激发学生的学习兴趣。
2.学生在协作与交流过程中，提升自己的操作水平，肯定自己的价值。
重点
难点
重点：（1学生个人网页）插入水平线
（2）创建锚记链接
难点 （4）表格的高级应用
教学
环境
网络机房
教学过程
二次备课
环节反思
一、创设情境 激发兴趣
情境创设：
  当初步制作“交通出行”网页后，能够看出本页包含的内容很多，不同主题的文字和图片罗列在一起，页面比较长，浏览起来不是很方便，所以我们考虑使用水平线分隔元素，并为页面添加锚点链接，实现网页的局部跳转，快速地将访问者带到特定主题或者网页顶部，使用这种方法，还能够指向不同页面的指定位置。
学生：网页中有图像、文本、音频、视频。
绝大部分学生对于新浪、搜狐等国内知名门户网站不感兴趣，今后能够尝试使用WOW主题网站，LOL官放网站等，能激发学生学习兴趣的网站实行课题引入。
二、明确目标
  1．灵活地使用水平线分隔网页元素。
  2．学会插入命名锚记以创建锚点链接。
  3. 掌握、网页内指定位置、网站内文件、因特网资源等多种超级链接目标的设置方法。
学生能清楚明了的理解到本节课的学习目标
三、自主学习
明确探究任务：
阅读课本P56-P60，完成下列任务：
1.创建模板
2.定义可编辑区域
自主学习参照课本实行，有据可依，便于学生自主学习。
四、合作探究
交流分享：
1.小组内交流汇报。
2.在交流分享过程中，教师在各组之间适当点评指导。
3.在此基础上，鼓励学生实行尝试……归纳……
五、实践创作 展示评价
展示：
水平线对于组织信息很有用。插入水平线，操作比较简单，执行菜单“插入”→HTML →“水平线”命令就能够插入默认属性的水平线，其宽度为100%，自动填满所在的单元格，高度默认为2个像素，表现灰，带有阴影。另外，还能够打开“插入”工具栏中的HTML工具栏，单击“水平线”按钮插入水平线，如图8.1所示。
宽和高：以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。
对齐：指定水平线的对齐方式（“默认”、“左对齐”、“居中对齐”或“右对齐”）。仅当水平线的宽度小于浏览器窗口的宽度时，该设置才适用。
阴影：指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯绘制水平线。
     
A        编辑窗口中的状态        B

IE中的预览效果
图8.2  非¡°所见即所得¡±的水平线
这2条水平线属性如下：
宽：100像素
高：3像素
水平线A：居中对齐，带阴影
水平线B：右对齐，无阴影，颜#ff3300
（2）创建锚记链接
① 选择要添加链接的主题文本，如“非机动车交通安全”。
② 单击“属性检查器”中的“<>HTML按钮”，再单击“链接”文本框后的“指向文件”按钮      ，直接拖动按钮到页面上，此时将会出现黑的箭头，我们将此箭头拖动到需要链接的锚记即可，如图8.3所示。
    图8.3    用¡°指向文件¡±链接锚记
评价：
难度大，学生的自学效果差，没有能够完成的学生，能够考虑将内容实行一定水准的简化来教导学生。
难度很高，所以能够考虑由教师来讲解
需要注意的是，水平线的有些设置在编辑窗口无法直接看到效果，需要在IE浏览器中预览，例如图8.2所示的为2条不同属性设置的水平线在编辑窗口中的状态和IE浏览器中预览效果的对比。
要求完全按照图示要求的来制作网页。
在水平线的“属性检查器”面板中，可以设置水平线的宽度、高度、对齐方式、是否带有阴影，应用的CSS样等，如要设置水平线的颜可使用“快速标签编辑器”按钮      或在“拆分”视图中通过添加代码操作。
教 学
反 思
1、本课难度很高，尤其以表格为代表，最难的为代码里面数据的修改，因为表格很大，所以修改的数据很多，有很多学生不会，因此要求教师一步一步教。
因此，可以考虑本节课完全由教师来讲解。