英语英标-孔丘盗跖

初中信息技术教案：设计网站首页

初中信息技术教案：设计网站首页 初中信息技术教案


一、教学设计部分
教学内容分析 R本课的主要内容与地位 本节课学习的内容是设计网
站的首页。首页如同一本书的封面、一个戏曲 人物的脸谱，应该能够反映出整个
网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了 解。所以，
网站首页的设计是整个网站设计的重点。 R本课与前后内容的关系 本
课 是在第一课的规划设计基础之上进行的学习活动。首页的设计一定要按照规划
进行。本节中涉及的知识点 （编辑网页：文字输入和编辑、插入图片、插入水平
线；保存、预览和新建网页）是网站制作过程中需要 反复用到的，所以学生应熟
练掌握。 教学目标分析 R知识目标技能目标 ·知识目标 ⑴认识
网页的工作原理； ⑵了解网页编辑的一般过程。 ·技能目标 ⑴熟
练掌握在网页中输入文字、插入图片、插入水平线的操作； ⑵掌握网页的
新建、预览和保存。 R过程与方法目标 ⑴对网页操作中基本概念（首
页、网页、网页标题等）有清晰的认识； ⑵在操作中体会网页中图文 混排
遇到的困难，探索解决之道，为下一节课──用表格布局网页的学习埋下伏笔。
R情感态度与价值观目标 感受身边版面设计的素材：广告、报刊、课本，
学以致用，将其用于网页设计中。 R本课的重难点 重点：插入图片和
水平线。 难点：图片和水平线属性的设置、嵌入式文件的保存。 R本

1

课的课时分配建议 1课时 教学策略设计建议 R教法建议 因
FrontPage与学生之前学习的Word、Excel同属微软的Offic e家庭软件，在操
作上有许多相同或相似之处，所以在教学过程中，教师应鼓励学生对照Word中的操作完成文字的输入与编辑、插入与编辑图片等操作；采用分组设置、对比效
果的形式探究“水平 线属性”对话框中各参数的含义，从而加深学生对水平线的理
解；在网页保存环节中，嵌入式文件的保存 是学生从来没有接触过的知识点，教
师应安排学生将不同的网页素材保存在站点中的不同文件夹中，以此 达到强化的
目的；组织学生进行网页预览时，提醒学生注意站点文件夹中文件的变化和
HTML 窗口中代码的变化；讲解新建网页时，可以让学生尝试使用其它网页格式
新建网页，拓展学生网页设计的 思路。 R学法建议 对照以前学过的
Word中的操作，总结FrontPage与其在操作 上的不同，大胆尝试以不同的方式
和途径完成老师交给的任务。 教学资源与环境建议 R本课教学资源索引
教师应为学生提供足够多的各种格式、各种大小的图片素材。 R教学环境
准备建议 教学评价建议 R自评、互评、师评要注意的问题 学生在设
计 网站首页时是否能对照Word完成相似的操作，是否能对新网页中的素材进行
灵活的设置。 教学过程参考案例 第一阶段：导入新课，明确学习目标
教学环节 教师活动 学生活动 设计理念
导入新课 播放《说唱脸谱》音乐。 师：脸谱能准确反映出人物的性格，一个网
站的“脸”是什么？ 师：我们如何给我们的网站设计脸谱呢 ？这就是本节课我们
要学习的内容──设计网站首页（出示课件）。 学生讨论答案──网站首页。 结合
第一节课的规划，讨论如何设计首页。 通过脸谱联想到首页，激发学生学习网
页设计的热情。

2

第二阶段：范例精讲，学生自主探究，完成范例
教学环节 教师活动 学生活动 设计理念
学习与探究 任务一：输入文字 出示网页输入文字后的效果。 任务二：插入图
片 出示插入图片后的效果，并提示图片存放位置。 要求学生分别使用控制柄和
设置图片属性的方法调整图片大小。 任务三：插入水平线 根据教材提示，使用
默认值插入水平线，然后分组修改“水平线属性”对话框各参数。 将前面输入的“=”
组成的线替换为水平线。 任务四：保存网页 出示任务，由学生探索嵌入式文件
保存的技巧。 任务五：预览网页 分组尝试两种预览网页的方法，并作比较。 任
务六：添加新网页 根据教材提示为网站添加新网页。 对比老师出示网页效果进
行文字的输入和编辑，比较与Word中操作的异同。 根据样例插入相应图
片。 尝试操作并比较说明二者的区别。 分组实验，填写表1-2-1。 操
作并体验二者在表现效果上的差异。 预览网页。 完成操作，
并探索新建网页的其它方法。比较它们的优缺点。 前两个任务与Word操作大
同小异，让学生通过对比强化记忆。 通过学生自己实践
理解水平线对话框的设为方法。 网页制作中的学用操作，应熟练掌
握。
第三阶段：知识、情感拓展
教学 环节 教师活动 学生活动 设计理念
知识与情感 师：请大家回想一下，你从小到现在，你的妈妈给你洗了多少次脚？
你为她洗过多少次呢？ 师：如果还没有做，就从今天开始吧！ 请同学们课下完
成体验任务，根据自己的感受设计网页Feeling1．htm。 生：记不清。 生：还
没有。 放学后完成这一体验活动，并将感受以网页的形式表达出来。 让学生通

3