高中二年级信息技术FrontPage表格属性设置教学设计

高中二年级信息技术FrontPage表格属性设置教学设计一、教材定位与内容重构本课选自高中信息技术选修模块中“网站设计与制作”单元，授课对象为高中二年级学生，核心内容是利用FrontPage完成网页中表格的插入、修改与属性设置，并理解表格在网页排版中的“呈现结构”和“组织版式”双重身份。教材将表格属性分散在插入表格、表格属性、单元格属性、边框与背景、对齐方式等操作中，若按菜单顺序逐项讲解，学生容易把学习滑向机械点击，记住“在哪里点”，却说不出“为什么这样设”。本设计把内容重组为三个层级：第一层是结构层，认识表格由行、列、单元格构成，理解<table>、<tr>、<td>与FrontPage可视化操作之间的对应；第二层是外观层，掌握表格宽度、边框粗细、单元格边距、单元格间距、对齐方式、背景颜色与背景图片等属性；第三层是表达层，学习用表格服务信息层级，而不是让花哨属性淹没内容。FrontPage在今时课堂中的价值不在软件新旧，而在它把网页对象的属性暴露得足够直观：右键表格能看到“表格属性”，右键单元格能看到“单元格属性”，切换到HTML视图又能看到刚才每一次点击生成的代码。教师要抓住这一优势，把“可视化操作—属性含义—代码结果—浏览效果”连成闭环。课上不追求把对话框里每个选项都讲满，而是围绕页面任务选取关键属性：宽度决定表格在浏览器中的稳定程度，边框决定是否显露结构线，边距与间距决定文字呼吸感，对齐关系决定读者视线落点，背景与边框色影响信息分组。本课与前后内容形成清晰衔接。前置知识包括网页文件与站点文件夹的关系、文本与图片的插入、保存与预览；后续将承接框架、层叠样式表与表单。表格在本单元处于过渡位置：它既是早期网页排版常用工具，也是理解盒模型、嵌套结构和表现分离的入口。因此教学评价不能只看学生能否做出一张“好看”的表，更要看学生能否解释属性之间的制约关系，能否在HTML视图中指出改动对应位置，能否说明为何数据表应保留表头、为何装饰性边框不宜过重。二、学情诊断与学习起点高二学生多数经历过文字处理中的表格制作，会把Word经验迁移到FrontPage：插入几行几列、拖动边框、填字配色。这种迁移有利有弊。利在学生不惧怕“表格”这个概念，弊在网页表格与文档表格的运行环境不同：Word页面尺寸相对固定，网页会被不同分辨率、不同浏览器窗口拉伸；Word中拖出来的宽度常在打印纸上成立，网页中固定像素宽度可能在小窗口里右侧溢出。学生还容易形成三类误区：把“看得见边框”当成表格存在的必要条件；把背景图、亮边框、暗边框当成美化主力；把合并单元格当作解决一切布局问题的万能钥匙。针对上述起点，课前可用三分钟采集证据。教师展示两张同内容页面：一张用裸露细线表格呈现“校园网站导航与更新记录”，另一张用相同文字但无边框、仅靠间距和对齐呈现。学生投票哪张更像专业网页，并写一句理由。投票结果通常会分裂，正好制造认知冲突。教师不急着裁判，而是把理由写在黑板两侧：一类说“有线更清楚”，一类说“无线更干净”。此时引出本课核心问题：表格属性不是装饰清单，而是控制读者注意力的手段；判断标准不是“我会不会设”，而是“读者是否更快找到信息”。能力分层也要预设。基础层学生能完成插入、选定、合并、设置边框与背景；提高层学生能区分百分比宽度与像素宽度的适用情境，能在HTML视图中定位border、cellpadding、cellspacing、align、bgcolor等痕迹；拓展层学生能提出“表现与结构分离”的初步主张，例如知道bgcolor写入标签会污染结构，后续应交给样式。课堂任务必须允许同一目标下的不同路径：有人用对话框完成，有人用HTML微调，有人先做内容再设属性。教师的职责是让每条路径都接受同一把尺子的检验。三、教学目标与可观察行为知识与技能目标落点为可操作行为。学生能够在FrontPage中新建站点内页面，插入不少于四行三列的表格；能够通过“表格属性”设置表格宽度为指定像素或百分比，设置边框粗细、单元格边距、单元格间距、水平对齐方式；能够通过“单元格属性”设置选定单元格的背景颜色、水平与垂直对齐、行跨距与列跨距；能够在普通视图与HTML视图之间切换，指出border、cellpadding、cellspacing、width、align、bgcolor与可视效果的对应关系；能够保存页面并在浏览器预览，根据窗口缩放结果修正宽度策略。过程与方法目标强调证据驱动。学生经历“内容清单—结构草图—属性尝试—预览验证—代码对照—同伴评审”的流程，把属性调整从随机试误变成有假设的实验。每一次修改前，学生要在任务单写下预期：把cellpadding从2改为8，预计文字会更远离单元格边线；把tablewidth从600像素改为80%，预计窗口变窄时表格随之收缩。修改后记录实际结果，若与预期不符，要找一个可能原因，例如“只改了一个单元格的背景，没改整行”“百分比宽度相对的是浏览器可用宽度而非屏幕分辨率”。情感态度与价值观目标落在克制与责任。学生能够意识到网页不是私人涂鸦板，而是面向他人的信息环境；能主动为数据表保留标题单元格，为跨行跨列提供清楚逻辑，为色彩对比保留可读性；能在小组评审中用“读者能不能更快理解”替代“我觉得炫不炫”。这些要求不抽象喊口号，而要进入评分细则：标题单元格缺失扣分，背景图影响文字辨认扣分，固定宽度导致横向滚动条扣分，无意义嵌套表格扣分。四、重点难点与突破策略教学重点是表格属性与单元格属性的边界。学生常混淆“设整个表”和“设当前格”，例如在表格属性里设了背景，却奇怪某个单元格没变；或给单元格设了对齐，整行没有同步。突破方式是选定范围的显化训练：教师每次操作先问“现在选中的是表格、行、列，还是单元格”，要求学生看状态提示、看控点、看右键菜单名称，再动手。黑板上固定一句判断口诀：先圈对象，再找属性；对象不同，管辖不同。这个口诀后续每节课都复用，直到学生形成条件反射。教学难点是宽度模型。像素宽度带来确定感，百分比宽度带来适应性，二者没有绝对优劣，只有场景匹配。突破不用讲授，而用对照实验。全班统一内容，一半小组设置表宽760像素，另一半设置90%；随后统一把浏览器窗口从最大化拖成窄窗，观察横向滚动条、文本换行与右侧留白。学生很快发现760像素在投影宽屏上稳，在窄窗上坏；90%在多数窗口中顺，但过宽屏幕上可能拉伸到阅读困难。此时引出一个经验规则：内容型数据表可设上限宽度或居中，版式辅助表要警惕百分比失控；规则不是教义，下周样式表课还会修订。另一难点是cellpadding与cellspacing的差异。二者中文都可粗略说成“空隙”，视觉结果相近，结构上却完全不同。突破用“书格”类比：单元格是书架上一格，文字是放在格里的书；cellpadding是书到格子内壁的距离，cellspacing是格子与格子隔板之间的缝。教师在HTML视图写出cellpadding="6"cellspacing="10"，让学生预测：把cellspacing加大会让网格线之间更开，若边框为0则像卡片分离；把cellpadding加大会让每个格内文字更舒展，但格数多时总宽可能被撑大。预测再验证，概念才沉淀。五、教学资源与环境准备机房需保证每名或每两名学生一台可正常保存的计算机，安装FrontPage及配套浏览器，教师机具备广播与锁屏功能。由于FrontPage生成的部分代码带有时代痕迹，教师课前要约定工程规范：所有素材放入站点images文件夹，页面保存在站点根目录或unit3文件夹，文件名一律英文小写，不使用中文与空格；背景图压缩到合适尺寸，禁止把摄影原图直接塞进页面。规范不是附加要求，而是后续网站发布、链接管理与团队协作的地基。资源包包含三类材料。第一类是原始内容：校园视频社招新页面文字，含招新岗位、时间安排、报名入口、常见问题；要求信息天然适合表格化，如“岗位—职责—人数—截止时间”。第二类是坏样例：一张边框五颜六色、单元格随意合并、文字贴边、背景图压字的页面，用于诊断。第三类是空白任务单，列有“对象—属性—预期—结果—证据截图位置”五栏，强化记录。教师还应准备一个极简HTML片段，只保留table、tr、th、td，供后半程代码对照，避免FrontPage冗余代码干扰初学视线。教学评价工具提前进课堂，而不是课后补印。量表分四项：结构正确、属性恰当、可读性、解释能力。每项三档：需帮助、达标、可示范。可示范不是“最漂亮”，而是能讲清取舍。比如某生把边框设为0，却用单元格背景区分行，且文字对比足够，可在可读性上给可示范；另一生边框齐全但报名截止时间淹没在花纹里，可读性仍不达标。量表语言要学生能复述，评审时才不会沦为感觉战。六、教学过程环节一：坏页面开庭。上课铃响后，教师不介绍菜单，直接广播坏样例三十秒，页面是一张“社团招新安排表”。学生默读任务：如果你是第一次访问该页的初三学生，你能在十秒内找到报名截止时间吗。计时不作假，十秒后锁屏。多数学生找不到，因为截止时间被合并到右下角，底色与文字相近，边框亮暗交错。教师追问三个短句：信息在不在，眼睛到不到，责任在谁。学生普遍承认信息存在，但眼睛无法快速定位，责任在设计而非读者。此刻板书课题，方向被真实需要点亮，而非由软件功能开场。教师随即给出本课任务情境：学校网站要重做“视频社招新”栏目，原始文案已经审核，不能改事实，只能组织呈现。每组领到相同文本，产出一张招新信息表，要求三十秒内让访问者找到岗位、人数、截止时间，且窗口缩小时不崩。成果不只交页面，还要交一段六十秒答辩：说明三个关键属性为什么这样设。任务边界明确后，学生明白今天要争夺的不是“谁会更多按钮”，而是谁能让读者少走弯路。环节二：从文案到结构。学生先不碰属性，只画结构。教师要求把文案拆成字段，写在便签上：岗位、职责、人数、要求、截止时间、咨询方式；再判断哪些字段适合成为列，哪些内容应放在表外导语，哪些重复信息可以合并。争议点很快出现：有组把“报名时间：本周五前”放进每一行，有组放到表格外说明。教师不统一答案，只给判断依据：重复度高的公共信息优先出表格，进入各列会切碎阅读；每行都不同的数据留在格内。这个环节把“先做信息架构”植入肌肉记忆，避免学生打开软件就沉迷颜色。结构草图固定后，学生在FrontPage中新建页面并保存为zhaoxin.html。教师巡视时重点看保存动作，而不是美化速度。发现有人未建站点直接另存到桌面，立即停下来演示后果：背景图引用指向本机临时路径，换机后图片裂成红叉。这个事故比任何强调都有效，学生会追问如何建站点、如何把图片拷入images。教师用两分钟补齐流程：文件—新建—站点，选空白站点；把素材复制进站点；页面存到站点内；预览前确认文件面板中路径相对且干净。规范在此时成立，因为它救急。环节三：插入表格与最小心智负担。学生按草图插入表格，教师提出限制：初稿只用结构，不设颜色，边框默认，宽度先不指定。这个“素表”阶段很关键，很多失败页面源于内容未稳就上色。教师演示一处即可：表格—插入—表格，设五行四列；随后在第一行输入表头。强调第一行不是普通行，若它是各列名称，应在HTML中对应th而非td；FrontPage可视化里可先输入，再切换到HTML观察。学生看到<th>自动加粗居中，会理解“表头”不是手动加粗的假装，而是语义身份。素表完成后进行第一次同伴快评，只评价结构，不评价外观。问题限定为三个：列名是否像列名，每格信息是否同质，是否存在为了好看而空出的格。教师收集两类典型：一类把“职责”写成三句长文塞进窄列，另一类把“人数”和“截止时间”合在一格用逗号分隔。前者需要改列宽与文案压缩，后者违反一格一义。这个评价只用五分钟，却决定后续属性设置是否值得，因为结构错了，属性越精，错误越体面。环节四：表格属性实验。学生进入“表格属性”对话框，教师把可改项分成四组写在屏幕边：尺寸，边框，留白，背景。每组只选代表项深做，避免对话框漫游。尺寸组研究宽度像素与百分比；边框组研究粗细为0、1、3的差异以及亮暗边框；留白组专做cellpadding与cellspacing；背景组处理整表背景、单行背景与图片背景的优先级。各组带着假设改参数，改前写预期，改后截图，预览时至少拉伸一次窗口。教师在巡场中抓高频错误。第一类是“属性看不见”：学生把边框粗细设为0后说表格消失，实际单元格还在，只是辅助线消失；教师让其切换到HTML看表格仍在，再回普通视图理解“边框并非结构本身”。第二类是“背景打架”：整表设浅色，某行设深色，某格又设图片，最后文字不可读；教师要求用优先级语言复盘：玻璃罩一层层叠上，最贴近单元格的设置最抢眼，也最危险。第三类是“百分比迷信”：表宽100%遇上长英文邮箱不换行，列被顶变形；学生学到内容也会反咬布局。实验后集中分享，每组只能讲一个属性，但必须提供反例。尺寸组说出：像素设置适合导航条这类需要与横幅对齐的表，百分比适合正文区数据表；反例是宽屏下100%让行距过长，眼动从左到右易丢行。边框组承认旧网页常见粗立体边框，本任务中1像素浅灰足够；反例是边框为0时若又无背景区分，岗位和人数会连成一片。留白组给出数字感：cellpadding小于4显得挤，大于12在小屏浪费宽度；cellspacing不宜承担缩进，因为它会在有边框时放大缝。背景组结论最克制：背景图原则上不进数据表，除非透明度、对比与裁切都受控。教师只做翻译，把口语结论整理成可复用规则。环节五：单元格属性与跨行跨列。结构稳定后进入局部手术。任务要求新增“特别说明”区域：其中“摄影作品须原创”横跨两列，“面试安排”纵跨两行。学生使用右键—单元格属性，设置行跨距、列跨距、水平居中、垂直居中。教师先演示错误路径：用空格把文字推到中间，用回车制造假垂直居中，再展示浏览器窗口变化后假中崩塌。学生亲手设置verticalalignmiddle后，才明白属性是对浏览器的明确指令，不是视觉巧合。跨行跨列最容易制造逻辑黑洞。教师给出一道限制：合并必须回答“删掉哪条线，读者仍然知道对应关系”。有组把“岗位”和“职责”合成大格，声称更艺术；评审时读者无法判断某项职责属于哪个岗位，合并失败。另一组把两天相同的“面试地点”纵向合并，既减少重复又保留列归属，获得认可。此处教师引出可访问性意识：屏幕阅读器遇到复杂合并可能读出错位线索，能避免就不炫技；若必须合并，相邻文字要补足上下文。不是开展无障碍专题，而是在属性选择处埋下一粒职业伦理的种子。环节六：HTML视图写生。每名学生完成一次“对照写生”：在普通视图改一个属性，立即切HTML找出代码，再回普通视图验证。任务单给出三组追踪：把表格边框从1改为0，找border；把第三行背景设为浅灰，找bgcolor或行内样式；把单元格边距设为8，找cellpadding。教师提醒不要求背全标签，但要在陌生代码中认老友。学生惊讶发现FrontPage会生成多余样式与杂乱无章标记，教师不回避：可视化工具提高效率，也会制造冗余；认识代码不是回到手写时代，而是保留检修能力。这一环节安排“闭嘴三分钟”：教师不广播，不解释，学生安静在自己的页面里完成三次切换，并用任务单记录行号附近特征。安静的价值在于把依赖广播的手收回自己眼睛。随后同桌互换屏幕，一人指可视效果，另一人找代码来源。若找不到，不允许说“软件坏了”，必须提出检索词：是不是找成单元格而非表格，是不是背景被样式覆盖，是不是浏览器缓存未刷新。课堂语言从抱怨转向可检验假设，这是信息素养真正落地的地方。环节七：可读性拉力赛。各组页面基本成形后，进行三轮压力测试。第一轮叫“十秒找人”：非本组成员只在页面上找“后期剪辑招几人、何时截止”，成功者举手计时；超过十秒，组内要定位是列名弱、对比弱还是顺序错。第二轮叫“窄窗审判”：浏览器拖到约半屏宽，出现横向滚动条的页面要说明宽度策略，不能只说电脑太差。第三轮叫“灰度想象”：教师把屏幕临时调低色彩饱和，学生判断仅靠颜色区分的重点是否还成立。三轮测试把审美从个人喜好拉回公众使用。测试结果进入即时修改。常见修法有四类：把截止时间列提前而不是埋在最右；给表头更稳背景而非整表大花；把长职责拆成短语并允许换行；取消纯装饰嵌套表。教师不替学生改，只问触发点：哪条证据让你动刀。学生若说“我们觉得丑”，要继续追问到读者行为；若说“邻组十秒没找到截止”，即可放行。课堂形成一个朴素原则：修改需要证据，证据来自读者，不来自作者自尊。环节八：发布前体检。临近下课，学生按清单自检：文件在站点内，图片相对路径，页面标题已改，表格有表头，宽度经窄窗测试，背景不压字，合并可解释，HTML能定位三处属性，预览无红叉。清单不求全，而求可执行。每组把页面与任务单打包提交，文件名含组号。教师随机抽两份现场打开，只看体检不过的项目，不重讲优点。被抽到若通过，全组获得“免检徽章”记录在平时评价；若失败，只标记问题，不当众羞辱，课后约定十分钟复测。管理的力度用于保护秩序，而不是制造恐惧。七、板书设计与课堂语言板书不求满，保留一条主线：对象—属性—证据—读者。左侧写对象层级：表格、行、列、单元格；中间写关键属性英文骨架：width、border、cellpadding、cellspacing、align、bgcolor；右侧写证据句式：因为窄窗未出现横向滚动，所以保留90%；因为十秒找到截止，所以第二列不变。主板书颜色不超过三色，粉笔字即示范克制。副板书滚动记录学生口误，如“cellspacing是格内距离”，下课后擦掉前让本人改正。板书的任务是让学生带走一张可回看的认知地图，而不是拍教师书法。课堂语言要避免技术神秘化。教师少说“这个你们以后自然会”，多说“现在用这条规则，下周样式表会升级它”；少说“很简单”，多说“这一步常卡在选错对象”；少夸“太漂亮了”，多指认“你把表头和数据分开了，所以快”。评价语要落在行为与效果。比如“第二组把背景图撤掉不是保守，是在保护名单阅读”“第五组敢用边框0，但用行间底色保住分组，这个判断成立”。学生听到的不是分数，而是专业共同体如何说话。八、作业设计与延伸学习课后作业分基础与选择两层。基础作业：把课堂招新表迁移为“月考安排表”，字段由教师提供，要求不使用任何背景图片，只能通过宽度、留白、边框和一级背景色完成分组；提交页面与一页反思，反思必须引用一次窄窗测试结果。选择作业二选一：一是把页面中所有bgcolor痕迹整理出来，预测若下周改用样式表，哪些标签可以瘦身；二是访谈一名不熟悉电脑的家庭成员，让其在你的页面上找指定信息，记录停顿点并改一处属性。作业继续把读者放在中心，防止课堂热度在机房门关闭后消散。延伸不等同加班。对学有余力者，提供一个秘密挑战：用同一张表服务两个页面，一个面向电脑宽屏，一个打印成A4，讨论哪些属性在打印预览里失效，哪些表格习惯会伤害纸质输出。此题不评分，只在下周开端展示三十秒，用来预告“媒介不同，属性语义会变”。学习边界被打开，但税负不增加，教师才守住了节奏。九、评价方案与证据采集评价采用过程性证据与终结性作品并行。过程证据来自三张表：属性实验记录、HTML对照写生、三轮压力测试整改。终结作品看招新表最终页与六十秒答辩。权重建议为结构20，属性运用30，可读性30，解释与迁移20。解释权重要足够高，否则课堂会回到模板复制；可读性权重也要高，因为它体现公众责任。教师评分时不纠结FrontPage版本差异，只要学生在其环境中能实现属性并说明效果，即认可概念掌握。同伴评审采用“两星一愿”但去口号化：每条优点必须指向页面element，每条建议必须给出可试参数。合格写法是“把cellpadding从4提到7，职责列可能不再贴边”；不合格写法是“颜色再青春活力一点”。评审者要签名，被评者可以反驳，反驳须用测试数据。教师收走争论最激烈的三条，下节课用投影开匣，继续烧。评价不是结尾仪式，而是下一轮学习的燃料。十、教学风险与应对预案风险一是软件崩溃或版本差异。预案为所有关键属性都准备HTML等价说法；若某机对话框失效，学生