高中一年级信息技术教案：初识FrontPage2000-网页制作入门与站点创建

高中一年级信息技术教案：初识FrontPage2000——网页制作入门与站点创建一、教学背景分析本课是高中一年级信息技术课程中"网页设计与制作"模块的起始课。授课对象为江苏省徐州市贾汪区建平中学高一年级学生。高一学生在初中阶段已经接触过文字处理、电子表格、演示文稿等常用办公软件，对窗口界面、菜单操作、文件保存等基本操作较为熟悉，部分学生在课外浏览过大量网页，对网页有直观的感性认识，但绝大多数学生不曾思考过"网页是如何制作出来的"这一问题。从认知特点看，高一学生思维活跃，对新鲜事物充满好奇，乐于动手实践，具备一定的自主探究能力和小组协作意识。但他们对抽象概念的理解仍需借助具体实例支撑，操作水平参差不齐：少数学生家中有电脑且操作熟练，部分学生仅在机房接触过计算机。因此本课设计分层任务，兼顾基础与提高。从教学内容看，FrontPage2000是微软公司推出的"所见即所得"网页编辑软件，其界面风格与Word高度相似，学习门槛低，非常适合作为网页制作的入门工具。本课的核心任务是让学生认识FrontPage2000的界面组成，理解网页与网站的关系，掌握新建网页与新建站点的基本方法，完成一个简单的个人主页雏形，为后续学习表格布局、超链接、图片插入等知识奠定基础。二、教学目标知识与技能目标：1.学生能够说出FrontPage2000的启动方法，指认其窗口的主要组成部分，并与Word界面进行对比，理解"网页视图""文件夹视图""导航视图"等视图的作用。2.学生能够理解网页与网站的关系，知道网站是由若干网页及相关素材以超链接方式组织起来的整体。3.学生能够独立新建一个空白站点，新建一个空白网页，在网页中输入文字、设置标题格式、保存网页文件，并能用自己的站点文件夹进行文件管理。过程与方法目标：通过类比Word操作、观察教师演示、自主探究与小组互助相结合的方式，让学生经历"观察—模仿—探究—创作"的学习过程，培养知识迁移能力和动手解决问题的能力。情感态度与价值观目标：1.激发学生对网页制作的兴趣，消除"做网站高不可攀"的心理壁垒，体验"我也能做出一个网页"的成功感。2.引导学生思考网页内容的原创性与规范性，初步树立网络作品同样需要尊重知识产权的意识。三、教学重点与难点教学重点：FrontPage2000界面的认识；新建站点与新建网页的操作；网页中文字的输入与格式设置；网页的保存与预览。教学难点：理解网站与网页的关系；理解站点文件夹与普通网页文件的区别与联系；理解"所见即所得"的含义。突破难点的策略是借助生活化类比。把网站比作一本相册，网页是相册中的每一页；把站点文件夹比作相册的套盒，网页文件存放在套盒里，管理有序才不会散乱。学生在类比中建立直观认识。四、教学方法与教学准备教学方法采用任务驱动法、演示讲解法、类比教学法和分层教学法相结合。课前准备的素材包括：学校网站首页的浏览记录、两至三个风格各异的优秀中学生个人主页示例、一份分层任务单、机房教学广播软件。课前需检查机房每台计算机FrontPage2000软件安装情况、网络连接状况，并在教师机准备好演示用的半成品站点。五、教学过程（一）情境导入，激发兴趣（约6分钟）上课伊始，教师通过广播教学将屏幕切换到学校网站首页，提问："同学们每天都在浏览网页，可你们想过没有，这些网页是人怎样做出来的？如果有一天，咱们建平中学的网站上出现了你亲手制作的班级主页，会是什么感觉？"学生自由发言。有的学生说网页是程序员用代码写的，有的学生说需要很专业的知识。教师不急于纠正，而是再展示两个由中学生制作的个人主页，指出这些页面背后并没有写代码，而是借助了一款所见即所得的软件——FrontPage2000。教师板书课题：初识FrontPage2000。然后引出本节课的总任务：每位同学建立一个属于自己的站点，并制作出站点中的第一个网页——"我的个人主页"雏形。这一环节的设计意图在于以学生熟悉的网页浏览经验为切入口，用"我也能做"的期待点燃学习动机，使导入不流于形式而真正服务于后续学习。（二）认识软件：类比迁移，熟悉界面（约10分钟）教师演示FrontPage2000的启动：单击"开始"菜单，在程序组中找到MicrosoftFrontPage并单击打开。请全体学生同步操作。启动后，教师并不逐一生硬地讲解界面，而是抛出问题："这个窗口和你熟悉的Word窗口像不像？请大家用两分钟时间，自己找一找：标题栏、菜单栏、工具栏在哪里？和Word相比，多了什么，少了什么？"学生自主观察，同桌交流。随后教师随机点名请两三位学生到讲台上用广播指出自己发现的部分。学生通常能很快认出标题栏、菜单栏、编辑区，也会注意到左侧多出的"视图"栏。教师顺势总结：FrontPage2000的界面与Word同出一门，这正是我们上手快的先天优势——知识是可以迁移的。同时明确指出视图栏中六个视图的名字，重点介绍"网页"视图（用于编辑单个网页）、"文件夹"视图（用于查看和管理站点内的文件），其余视图只作了解，后续课程会逐一深入。此处安排一个小练习：每位学生依次单击六种视图按钮，观察窗口的变化，并在任务单上填写自己认为网页编辑区对应哪个视图。巡视中教师提醒切换视图后窗口标题的变化规律。（三）概念建构：理解网页与网站的关系（约8分钟）教师打开已制作好的演示站点"我的家园"，在文件夹视图中展示：里面有一个index.htm主页文件，还有"成绩""爱好""照片"等网页文件，以及存放图片的images文件夹。教师提问："一个网站只有一个网页吗？这些文件为什么放在一起？"引导学生结合相册类比得出结论：网站是由若干网页和素材文件组成的整体，站点文件夹就像装相册的套盒。教师进一步说明，在FrontPage中新建站点时，软件会自动生成站点所需的结构文件夹，而第一个网页默认命名为index，作为网站的首页。为加深理解，教师组织学生做一个快速判断活动：教师口述几个情景（"只保存了一个网页文件算不算建立了网站""把一个现成的网页文件拖进站点文件夹，它是否成为站点的一员"），学生用手势表决。通过辨析强化"站点是管理单位、网页是内容单位"的观念。（四）核心任务一：新建一个空白站点（约10分钟）教师演示操作步骤：单击"文件"菜单，选择"新建"，再选择"站点"；在弹出的新建对话框中，"指定新站点的位置"应填写为学生当天专属的位置，例如在本机D盘根目录下建立文件夹web，完整位置即D：\web；选择"空白站点"图标，单击确定。教师特别强调两点：一是路径中不要使用随意的中文字符和空格，二是每位同学统一位置便于管理和教师巡查辅导。学生动手操作。安排同桌为一组互相检查：站点是否建立成功？左侧视图中是否出现了index.htm文件和_private、images两个文件夹？教师巡视，重点关注操作较慢的学生。对于未能成功的常见原因，教师归纳为两类在全班小范围内点拨：路径填写错误；误选了"新建网页"而非"新建站点"。请操作熟练的学生充当"小老师"帮扶周围同学，形成互帮互学的氛围。（五）核心任务二：制作"我的个人主页"雏形（约15分钟）双击打开index.htm，进入网页视图。教师布置分层任务。基础任务（人人完成）：1.在网页顶部输入标题文字"我的个人主页"，选中文字后利用格式工具栏将其设置为适当字号并居中。2.另起一行输入一段自我介绍，内容包括姓名、班级、兴趣爱好，不少于四行。3.在页面末尾输入一行表示欢迎的文字，并为其设置与正文不同的字体颜色。提高任务（学有余力的学生选做）：1.尝试在页面中插入一条水平线分隔内容。2.尝试通过"格式"菜单中的"字体"对话框为标题设置"下划线"或"加粗"效果，观察格式工具栏的对应变化。3.尝试插入一张剪贴画点缀页面。学生操作期间，教师在机房内持续巡视，对有困难的学生用提问方式引导回忆Word中的类似操作，再次体现迁移学习策略；对提前完成的学生追加拓展挑战，鼓励他们探索菜单中未被讲解的命令，培养探究精神。（六）保存与预览（约8分钟）教师讲解保存：单击工具栏"保存"按钮，因为是站点内的网页，文件直接保存在站点文件夹中，无需另选路径；按默认文件名index.htm保存即可。然后提出问题："做好的网页究竟在浏览器里长什么样？"教师演示两种预览方法：一是单击窗口左下角的"预览"标签快速查看；二是按"在浏览器中预览"按钮，启动浏览器查看真实效果。提醒学生两种方法各有妙用，编辑时用手边预览更方便，发布前一定要到浏览器里最终确认。学生完成保存与预览，任务单上记录自己的操作结果。教师请两三位学生在全班展示作品并简述自己做对了哪一步、卡在哪里。（七）课堂小结与拓展延伸（约5分钟）教师引导学生用"一句话总结法"回顾本课：每人说一句自己今天的收获。学生陆续说出"我学会了建立站点""网页属于站点""FrontPage和Word很像"等收获。教师配合板书梳理知识结构：启动FrontPage—认识界面—理解网页与网站—新建站点—编辑网页—保存与预览。教师布置课后任务：利用课余时间查阅不少于三个你喜欢的网页，记录其中你最喜欢的栏目名称与版式特点，下节课我们将学习用表格规划网页布局，今天的个人主页雏形将继续完善。同时预告学生有机会为班级制作集体育、学习、生活于一体的班级主页，让本课所学持续生长。六、板书设计初识FrontPage2000一、认识FrontPage2000：界面与Word相似，多了视图栏二、网页与网站：网页是内容单位，网站是管理单位三、基本操作：新建站点→新建网页→编辑文字→保存→预览四、关键提醒：路径规范，index.htm是首页七、教学评价设计本课采用过程性评价与作品评价相结合的方式。过程性评价通过任务单完成情况、课堂参与度、小组互助表现三个维度进行；作品评价围绕"站点是否建立成功""网页是否包含规定内容""是否完成提高任务""整体版式是否整洁"四项指标，采用学生自评、同桌互评、教师点评三级评价。对评价中发现的共性问题，如路径填写不规范、保存位置混乱等，在下节课课前五分钟集中回顾