高中信息技术选修三《网站的规划》教学设计

高中信息技术选修三《网站的规划》教学设计一、设计理念与教材定位粤教版高中信息技术选修三《网络技术应用》第四章第一节“网站的规划”,是整个网站开发模块的逻辑起点。本节内容承接前两章网络通信原理的学习成果，向后开启网页制作、动态网站发布等实践环节，起着承上启下的枢纽作用。教材本身以“建立班级网站”为任务主线，引导学生经历需求分析、确定主题、收集素材、设计栏目、绘制结构图等完整规划流程。本设计的定位，是把“规划”从一句口号变成一套可操作的方法论。许多教师在上这节课时，容易犯两类错误：一类是把规划课上成鉴赏课，让学生浏览大量优秀网站后泛泛而谈“网站要有漂亮的界面”;另一类是把规划课上成软件操作课，过早进入FrontPage或Dreamweaver的制作环节，使学生陷入“边做边改、改到崩溃”的泥潭。规划的本质是决策，决策的依据是需求与约束。整堂课必须让学生真切体会到：未经规划的网站如同没有图纸的房屋，动工之后必然返工。二、学情分析授课对象为高二年级选修理科方向的信息技术学生，班额四十五人，机房配置五十台联网计算机。该批学生在必修模块中已经掌握信息的集成与发布，能使用文字处理软件、演示文稿、搜索引擎等常用工具，部分学生有过制作个人主页或使用博客、空间的经验，对“做出一个网页”抱有较高的操作热情。但学生普遍存在三个认知盲区：其一，把网站等同于若干网页的简单堆叠，缺乏整体结构意识；其二，把“好看的网站”等同于“好的网站”,忽视内容质量与访问效率；其三，习惯“想到哪做到哪”的线性操作，不习惯先设计文档再动手实施的项目式工作方式。此外，班级内学生的网络经验差异明显，需通过小组分工实现异质互补。三、教学目标知识与技能维度。学生能说出网站规划的基本流程：确定主题、明确受众与目的、收集与管理素材、设计栏目结构、规划页面布局与链接、选择开发工具；能区分树状结构、网状结构两类常见网站结构并说明适用场合；能绘制一张含三级栏目的网站结构示意图。过程与方法维度。学生经历“案例分析—方案对比—图纸绘制—评审修订”的真实规划过程，掌握用表格进行素材清单管理的方法，学会站在访问者立场审视自己的设计。情感态度价值观维度。学生在评审同伴方案的过程中形成尊重规范、重视文档的工程素养，体会信息表达的版权意识与社会责任。四、教学重点与难点教学重点落在网站规划的核心步骤，特别是栏目结构的设计与结构图的绘制。这是本节课程可以直接转化为学生后续制作行为的“可迁移工具”。教学难点有二。一是引导学生从“制作者视角”切换到“访问者视角”,理解网站是为他人而建的传播载体。二是栏目的层级划分，学生常把并列关系与从属关系混为一谈，需要通过多次对比演练予以澄清。五、教学方法与课前准备教学方法采用任务驱动法、案例分析法与小组协作学习相结合。以“为学校科技节规划一个专题网站”为贯穿全课（本节共两课时，本节为第一课时）的主任务，将抽象的规划知识嵌入真实需求之中。此时的年份背景与校历安排均以课堂实际为准，但任务情境保持稳定。课前准备包括三项。教师精编正反两组对照案例：A组为结构混乱、栏目命名随意的网站截图，B组为结构清晰的优秀校园网站截图；学生以四人为一组完成异质分组，明确组内“项目经理、内容编辑、界面设计师、评审员”的角色预分工；机房每台机器安装绘图工具并预装空白结构图模板，另准备纸质规划表格人手一份，防止学生受屏幕束缚而忽略全局思考。六、教学过程（一）情境导入：一次失败的网站探路，约七分钟上课伊始，教师投影任务单：“为本届校园科技节制作专题网站”。随后播放一段采访录像：上一届信息技术社团的成员反思他们做网站的教训——“我们一上来就开始做页面，做到一半发现照片素材没有整理，栏目临时改了三次，链接全部要重做，最后交的作品连自己都不想点开。”教师紧接着提问：“他们的失败，是技术不过关，还是某个环节出了问题？”学生讨论两分钟后，多数人能说出“没有计划”“没想清楚就动手”。教师顺势板书课题——网站的规划，并明确本课目标：“今天下课前，每个小组要交出一份可以拿给别人照着做的科技节网站规划书。”此环节用真实失败经验取代空洞说教，让学生在情感上认同规划的必要性，同时以明确的产品交付物规划书锚定整节课的产出。（二）对比鉴赏：好网站什么样，约十分钟教师依次投放两组案例。第一组：某知名博物馆网站与某管理混乱的班级主页；第二组：校图书馆网站与A、B两个学生社团页面。每组案例提出三个统一问题：这个网站是给谁看的？它想让来访者第一时间看到什么？你能在十秒钟之内找到指定信息吗？学生带着问题观察、记录、交流。讨论中，教师要捕捉并板书上位结论：一是网站必须有明确的对象与目的，对象是游客还是评委，决定了内容与风格；二是首页是门面，导航是路线，必须让访客在最短路径内找到目标；三是内容与风格要统一，娱乐网站可以花哨，政务网站必须庄重。随后教师出示教材流程图，把学生的零散发现整理为规划六步骤：确定主题风格→明确目的与受众→收集整理素材→栏目与层级设计→页面布局与链接关系→开发工具与分工。板书采用竖向排列、箭头连接的清晰结构图。此环节的关键是归纳法教学：先让学生自己说出零散的观点，再由教师提升为体系，避免把结论直接抛给学生。（三）难点突破：栏目结构怎么画，约十五分钟教师以“学校主页”为例，现场演示结构图的绘制过程。第一层是“学校主页”，第二层分设“学校概况、教学管理、学生园地、招生信息、校友天地”五个并列栏目，第三层在“学生园地”下展开“社团活动、作品展示、竞赛通知”三个子栏目。演示结束后，教师亮出辨析题：“科技活动月”网站中，“开幕仪式”“机器人竞赛”“作品展览”与“竞赛安排”这几个名称，哪些是同级栏目，哪些是上下级关系？如何判断？学生小组讨论，教师巡视点拨：同级栏目回答的是同一层级的问题；如果某项是另一项的具体内容，即从属于它，则构成上下级关系。例如“机器人竞赛”属于“竞赛安排”的子项。紧接着引出结构类型对比：树状结构层次分明、维护方便，适合资讯门户；网状结构链接自由、信息关联紧密，适合知识百科或专题探究。学生据此判断科技节网站更适合哪种结构，并说明理由。此处设两个问题引导深度思考：为什么树状结构更适合第一次做网站的小组？网状结构在导航上会给访客带来什么隐患？此环节以“辨一辨、画一画”为主，让学生在操作中暴露盲区，教师实时矫正，是本课难点的关键突破口。（四）实战演练：小组规划科技节网站，约三十分钟这是本课的教学高潮。每组领取A3空白图纸与彩色便利贴，按照六步骤展开规划工作。过程细分为三个阶段：第一阶段，限八分钟的头脑风暴。项目经理组织成员确定网站名称、主题口号、目标访客与核心栏目，填写规划表第一页。教师此时不介入内容，只提示“对象决定风格”。第二阶段，限十二分钟的结构设计。内容编辑与界面设计师合作，先贴出一个一级栏目，再逐层下钻二级栏目，用箭头连线成完整的网站结构图。教师巡回指导时重点追问：“这个栏目归在这里的理由是什么？”引导全班形成共同标准：相近的内容聚为一类，栏目名称要简洁、无歧义。第三阶段，限十分钟的可行性审查。评审员对照检查清单逐一核对：有没有超出三级以上的深层栏目？素材清单是否已经列明来源？分工是否与成员特长相符？每组用两分钟对规划书进行自查修正。机房氛围进入协作高峰。教师不再单向讲解，而是手持评分表在各组间走动，对典型问题及时拍下图纸并投屏点评，形成“做中学、评中改”的正反馈环路。（五）成果展示与同伴互评，约十五分钟每组推选一名代表，用三分钟时间投影讲解本组规划，包括网站定位、栏目结构与特色设计。其余组员将评分表举起示意。台下学生依据统一量规从五个维度打分：目的明确、结构合理、内容可行、分工清晰、表达规范。教师点评时坚持“一条亮点、一条改进”的平衡策略。例如对某组提出：“栏目命名比上一稿简洁，但‘竞赛信息’下设‘获奖名单’和‘获奖名单’下的各校名单，层级过深，建议合并为‘竞赛结果’。”同时选出三组有代表性的方案，让全班集体诊断“访客视角是否成立”，强化对象意识。互评结束后，教师把全班的共性问题拍在屏幕上，形成“易错点清单”:栏目命名冗长、层级混乱、首页信息淹没在欢迎动画里、忽视版权素材来源。这份清单将成为下一课时网站制作的操作警示。（六）课堂小结与作业布置，约五分钟教师回归流程图，将六步骤串成一句话：“先想清楚给谁看，再想清楚给他们看什么，然后把结构画在纸上，最后才轮到键盘上的制作。”提炼出本节核心思想——规划先行、结构优先、对象为上。分层作业如下：必作，修订本组规划书并提交电子版；选作，浏览学校门户网站并绘制其三层结构图，与本组方案对比异同；拓展，思考动态网站与静态网站在规划阶段的差异，为下节课学习动态网页做铺垫。七、板书设计主板书居中自上而下：网站的规划→六步骤流程→树状结构与网状结构对比→规划书五要素（主题、受众、结构、素材、分工）。副板书记录课中生成的学生观点与易错点，形成“预设+生成”的双轨板书。八、教学评价设计评价实施主体多元：教师评价占四成，小组互评占四成，个人反思占两成。评价方式采用形成性档案袋，将规划书、展示讲稿、互评表、修改稿一并归档，作为本模块的期中过程性成绩依据。量规细化到行为层面，如“栏目命名字数不超过五字且同类词汇保持词性一致”“结构图箭头无交叉回环”等，保证可操作性。九、教学反思预案本设计以真实任务驱动