高中二年级信息技术选修3使用表格进行页面布局教学设计.docxVIP

高中二年级信息技术选修3使用表格进行页面布局教学设计

本课面向高中二年级信息技术选修课程，对应粤教版选修3网络技术应用中网站页面组织的关键节点，课题落在用表格完成页面骨架搭建。学生此前已经接触过网页三要素、HTML基本标签、超级链接与图片插入，能够做出“能打开”的页面，却常出现内容漂浮、栏目错位、导航与正文挤压、不同窗口宽度下版心散乱等问题。表格布局的价值不在于把学生带回陈旧技术路线，而在于借行、列、单元格、边框、间距、对齐这些直观对象，让页面结构第一次变得可丈量、可拆解、可调试。

本课把“看不见的结构”转成“摸得着的网格”。学生需要理解页头、导航、正文、侧栏、页脚在浏览器中并非天然就位，而是由某种容器规则维持秩序；表格恰好处在从语义标签到CSS盒模型之间的过渡位置，能以较低门槛呈现二维关系。教师不回避现代前端中布局应由CSS承担这一事实，反而要在任务尾声明确工程取舍：表格适合展示规则数据，用表格整页排版在历史上曾经普遍，今天学习它是为了读懂旧页面、理解对齐逻辑、建立结构意识，并为后续浮动、弹性盒、网格布局埋下参照系。

普通高中信息技术课程标准倡导在真实问题解决中发展计算思维与数字化学习能力，本课以校园科技节专题页改版为情境，要求学生把一段信息杂乱的活动通知改造成三日议程清晰、报名入口明确、图片说明整齐的专题页面。评价不看谁堆的标签多，而看信息层级是否稳定、栏目边界是否清楚、代码是