高中一年级信息技术教学设计：用FrontPage2000制作主题网页

高中一年级信息技术教学设计：用FrontPage2000制作主题网页一、教学设计理念本课以江苏省普通高中信息技术课程实施要求为依据，立足贾汪区农村高中学生的真实起点，把"制作一个能发布、能交流、能表达自我的网页"作为核心任务组织教学。网页制作不是软件按钮的罗列教学，而是信息组织、视觉表达与网络传播的综合性实践活动。本课选取FrontPage2000作为制作工具，并非因为它是最新的技术，而是因为它"所见即所得"的编辑方式能让零基础学生在两节课内完成从一张白纸到一个完整站点的跨越，体验信息作品从无到有的完整历程。在教学方法上，本课摒弃"教师演示一步、学生模仿一步"的机械训练模式，采用"情境任务驱动、分层任务推进、同伴互评促进"的策略。学生在完成"我们班的网上家园"这一总任务的过程中，自然经历规划站点、编辑页面、插入元素、建立超链接、发布预览等环节，把工具的学习嵌入作品的创作之中。教师的作用是把控节奏、提供支架、诊断问题，而不是充当软件说明书的朗读者。二、教材内容分析用FrontPage2000制作网页属于高中信息技术课程中信息加工与表达板块的内容，上承文字处理与表格加工单元，下接网络信息交流与发布单元，是学生从"单机作品"走向"网络作品"的关键一课。教材内容大体可以分为五个知识块：站点的新建与管理，网页的打开与编辑，文字、图片、水平线、表格等页面元素的插入与修饰，超链接的建立，以及网页的预览与保存。从这五个知识块的内在关系看，它们并不是并列的罗列，而是一条隐形的生产线：站点是车间，网页是产品，页面元素是零部件，超链接是装配线，预览发布则是质检与出厂。教学如果按按钮顺序讲授，学生得到的是一堆散件；按生产线逻辑组织，学生得到的是一种流程意识。本课对教材内容做了重构处理：以"建站—做页—链接—发布"四个环节替代教材的知识点顺序，让学生在完整流程中逐个调用知识点。三、学情分析授课对象为高一年级学生，来自贾汪区城乡结合部，信息基础差异明显。一部分学生在初中阶段接触过简单网页浏览与文字处理，鼠标键盘操作熟练；另一部分学生家中没有计算机，上机时间有限。所有学生每天都在浏览网页，是被互联网内容包围的一代，但绝大多数人从未站在"网页作者"的立场上思考过页面为何这样组织、链接为何这样设计。这种"熟读者、生作者"的状态，恰是本课最有价值的学习起点。高一学生渴望展示自我，班级荣誉感强，喜欢个性化表达，但容易把网页做得花哨而杂乱，缺乏版面规划意识。教学中需要用任务框架约束他们的创意走向，用评价量表引导他们在"好看"与"好读"之间取得平衡。四、教学目标知识与技能目标：学生能够说出站点与网页的关系，能独立新建一个包含主页和至少两个子页面的站点；能在网页中正确插入并修饰文字、图片、表格、水平线等元素，设置页面背景与标题；能建立页间超链接和回到页首的书签链接；会预览网页并检查链接的有效性。过程与方法目标：经历"规划—制作—测试—交流"的作品创作流程，体会先整体规划后动手制作的工程化思路，学会用流程图或草图规划站点结构。情感态度与价值观目标：在网上家园的建设中增强班级归属感，在网络作品的署名与发布中初步形成网络责任意识，懂得网页内容要真实、健康、尊重他人版权。五、教学重点与难点教学重点是超链接的建立与站点结构的整体规划。超链接是网页区别于纸面文档的根本特征，站点规划是网页制作区别于单页编辑的根本观念。教学难点是文件路径与相对位置的理解。学生在保存网页时常常把图片随意存放，导致预览时图片丢失或换机后页面破碎。突破这一难点，需要借助形象的比喻和反复的诊断练习，而不是单纯讲解目录概念。六、教学准备教师准备：配备FrontPage2000的机房，保证分组时每组两台机器；建好一个示范站点"高一三班网上家园"，内含主页一张、子页两张，并预埋三处常见故障——一张丢失的图片、一个断了的链接、一段乱码标题；准备空白站点规划图学习单、网页作品评价量表；投影设备一块。学生准备：课前以小组为单位征集班级素材，包括班训、班级活动照片的文字说明、每位小组准备介绍的栏目名称，写在一张纸上带入机房。课时安排：本课题安排两个连排课时共九十分钟完成，第一课时完成站点与主页，第二课时完成子页、链接与展示评价。七、教学过程第一环节，情境导入，确立任务，建议用时八分钟。上课伊始，教师用投影同时打开两样东西：左边是一张贴在墙上的班级宣传栏照片，右边是同一个班制作的班级网页。教师不讲大道理，只提一个问题：班里新转来一位同学，家长远在外地，想第一时间了解孩子所在的班集体，左边和右边，哪一个能帮他们？学生几乎不假思索地指向网页。教师顺势追问：网上海量网页，凭什么有人留下来认真看我们班的页面？页面好看只是其一，让人找得到想看的内容才是根本。教师揭示本课任务：每小组用FrontPage2000为班级建设网上家园的一部分，组内完成一个小站点，包含主页和至少两个栏目页，最后全班的作品通过超链接连成一个真正的班级站点。任务一落地，学生的问题马上来了：从哪里开始？教师回答：先不碰软件，先画一张图。设计意图在于用真实需求替代虚假情境，用一个问题点燃动机，并把第一个教学伏笔埋下——规划先于制作。第二环节，规划站点，绘制蓝图，建议用时十分钟。教师分发站点规划图学习单，纸上只有一个空框写着"主页"，下面拖着三条虚线。各小组讨论后填写栏目名称，常见结果有班级相册、同学榜、学习园地、班级公告等。教师巡视时不直接纠错，只提两类问题：如果访客只有一个问题，比如想知道这周的值日安排，他从主页出发点几下能找到答案？如果一个栏目底下内容很多，你们打算怎么办？讨论中学生自然体会到：栏目之间要彼此通得过去，不能让访客走进死胡同。此时教师引入站点的概念。他把站点比作一个带院子的家，主页是大门，各个栏目页是房间，超链接是房间之间的门。没有门，房间再大也进不去；门装错了位置，客人就会迷路。随后投影展示示范站点的规划图，让学生对照修改自己的图纸。这一环节的知识渗透是无形的：学生没有在听"站点结构的定义"，但已经在做站点结构的设计。第三环节，初识工具，新建站点，建议用时十二分钟。学生打开FrontPage2000，面对陌生的界面，教师进行一次极简引导，控制在三分钟以内。他只指出三个区域：上面的菜单栏和工具栏像一支笔的各种笔尖，中间白色区域是纸，下面的"普通、HTML、预览"三个标签是这个软件最特殊的地方——同一个页面，既可以看到自己做的样子，也可以看到浏览器里别人看到的样子。教师演示新建站点的操作，只强调一件事：文件—新建—站点，选择"只有一个网页的站点"，并且特别指出站点文件夹的位置。这里进行第一次难点突破。教师发问：为什么软件非要给你一个文件夹，而不是像Word那样直接给一个文件？学生猜不出，教师请大家记住这个疑问，带着疑问继续往下做。学生按小组分工操作，一人新建站点，另一人在规划图上标注文件夹名称。教师巡视时重点观察是否有学生把站点建到了C盘桌面等不规范位置，发现即轻声提醒，不占用全班时间。第四环节，制作主页，插入元素，建议用时二十分钟。主页是网上家园的门面。教师提出主页的最低配置要求：一个醒目的标题，一段欢迎文字，一张班级合影的图片，一条水平分割线，以及留给各栏目的"大门"——此处暂时留白，链接后面再装。文字部分的插入与修饰，学生基本能够自主迁移Word的经验，教师不作演示，只在巡视中提醒两个细节：网页标题要通过"文件—属性"设置，它会显示在浏览器顶端的标题栏中，许多学生会忽略这个看不见的地方；文字字号不要贪大贪多，正文字体保持默认的可读性最好。插入图片是本环节的第一个高潮。教师先不演示，而是一次故意"犯错"：投影上演示从桌面随便拖一张图片进入网页，保存后关闭再打开，图片位置出现红叉。机房响起一片熟悉的惊叹——不少学生在自己的机器上刚刚遇到同样问题。教师抓住这个时机回到第二环节的疑问：站点为什么是一个文件夹？原来FrontPage2000默认把用到的图片收进站点的images文件夹，如果图片留在文件夹外面，网页就找不到它，就像信写好了收信人地址，人却搬走了。由此引出规范操作流程：先把素材图片复制进站点文件夹的images子文件夹，再从"插入—图片—来自文件"中选择站点内的图片。这个流程不是教师宣布的纪律，而是学生被红叉教育之后自己认可的办法。知识以这种方式获得，远比背诵"相对路径"四个字有效。水平线与页面背景的设置放手给学生探索。教师提供探索提示卡：想让页面有底色，到"格式—背景"里去找；想给水平线变样，双击它试一试。几分钟后，页面上出现了五花八门的效果，有的赏心悦目，有的刺眼杂乱。教师不加评判，只是把作品留到评价环节让同伴用眼光说话。表格在本环节作为版面骨架渗透。教师演示一个简单的两手操作：插一个二行二列的无边框表格，左下格放图片，右下格放文字介绍，边框粗细设为零。学生惊讶地发现，表格不见了，但版面立刻齐整了。教师点拨：在网页里，表格往往是看不见的精工，它不出声，却让整个页面站得笔直。至此，第一课时的主体任务完成。学生保存站点，同桌之间互相打开对方的站点位置，确认文件夹内结构清楚：index.htm在根部，图片在images里。教师板书站点结构示意，作为第一课时的小结。第五环节，温故搭桥，制作子页，用时约十分钟，属第二课时开端。第二课时开头用三分钟回顾站点结构图，随机请一组学生上台讲解自己的图纸。随后各小组按规划新建子页面，方法是在站点中执行"文件—新建—网页"，保存时分别用拼音命名，如相册页存为xiangce.htm。教师强调文件名不用中文，避免部分浏览器下链接出错，这是实践中踩出来的经验，虽不是教材明文，却决定作品成败。子页面的内容由小组自行设计，教师要求至少用上一项本课技术点和一项自主探索的技术点。学生的探索成果包括滚动字幕、项目符号列表、日期时间戳等。教师巡回辅导，收集两例典型做法准备展示：一例是用表格排版的班级相册，一例是用分级列表整理的学习资料页。第六环节，建立超链接，打通院落，建议用时十五分钟。这是本课的核心环节。教师先用示范站点演示链接失效的窘境：点击"班级相册"四个字，浏览器报出找不到文件的页面。学生的好奇心被勾起，教师提问：字就在那里，为什么走不过去？答案是这四个字还只是字，没长出腿来。给文字装上腿，就是建立超链接。演示操作：选中文字，单击工具栏上的超链接按钮，在对话框中选择目标网页文件，确定。选中文字变成了带下划线的蓝色。教师紧接着展示预览视图，点击链接，页面成功跳转，机房响起由衷的认可声。随后是学生动手时间。各小组为主页上的每个栏目名建立指向对应子页的链接，并在每个子页底部添加"返回家园"字样，链接回主页index.htm。教师巡视中发现一个普遍问题：有三四个小组的链接指向的是"硬盘上的文件位置"形式的长路径，这样的链接一旦换机就会断裂。教师不直接宣布答案，而是请这个小组把站点文件夹复制到另一台机器上现场验证，链接果然罢工。回到本机检查，学生发现正确的做法应当是在链接对话框里"从站点内选择文件"，让链接指向站点内部的相对位置。学生对"跟着站点走的链接"和"钉死在一台机器上的链接"的区别，通过一次亲身的事故完成了内化。书签链接作为拓展内容提供给进度快的小组：在较长的相册页面顶部设置"回到页首"的锚点。教师提示方法在"插入—书签"里，让小组自行摸索，五分钟后再请摸索成功的小组演示给邻组。不同层次的学生在同一时间段得到了不同深度的挑战，分层目标由此落地。第七环节，预览检测，发布交流，建议用时十五分钟。网页做完不等于网页做好。教师提出质检三问，作为学生自检的清单：图片都显示出来了吗？每一个链接都点得通、回得来吗？标题栏里显示的是不是你们想要的文字？各小组对照三问逐一排查，教师强调点击"预览"标签与用浏览器直接打开的区别，两者都要试。排查完毕进入展示环节。每小组用两分钟展示站点，要求讲解三件事：规划图是怎么画的，最得意的一个页面处理，制作路上踩过的一个坑以及怎么爬出来的。第三个要求是本课的匠心所在——把错误当作可分享的学习资源，淡化"展示完美"，强调"展示成长"。展示过程中全班同步使用评价量表打分。量表四个维度：内容完整真实、版面清晰可读、链接全部畅通、有至少一处透着自己想法的设计。每个维度按三档计分。教师特别说明，第四维度的分值由被评小组自报亮点、全班认可后获得，促使学生审视自己作品的原创性。教师最后把各组主页汇总，在自己机器上建立指向各组站点的入口页，宣布班级网上家园正式开通。学生刷新浏览器，看到自己小组的名字出现在同一个页面上，信息技术课堂里少有地响起了掌声。八、板书设计主板书以流程形态呈现四大步骤：规划站点、制作页面、建立链接、预览发布。右侧副板书归纳两条铁律：素材进站点，链接选站内；先画蓝图，再动鼠标。下方留空一栏，随课堂生成记录学生提到的高频问题及解决口诀，如"红叉找图片、断链查路径"。板书全程手写生成而非课前预制，与课堂教学的生成节奏保持一致。九、作业与延伸课后布置两项分层作业。基础作业要求在个人练习站点中复制今天的三页结构，栏目改为自己喜欢的主题，如"我的藏书""家乡的桥"，巩固建站与链接流程。拓展作业提出一个思考任务：浏览三个自己常去的网站，记录每个网站主页提供了哪些进入内部的门路，用规划图的形式画出来，下节课展示。后者不着痕迹地为后续课程的网络信息组织方式作了铺