许灼灼 20260106技术辅助下的素养进阶：一名中职教师网页教学中的实践探索与思考公开课教案教学设.docxVIP

PAGE

PAGE1

技术辅助下的素养进阶：一名中职教师网页教学中的实践探索与思考

余姚市第四职业技术学校许灼灼

摘要：随着智能技术的迅速发展，传统以技能训练为主的中职教育面临新的挑战与机遇。本文基于一名中职教师为期半学期的教学实践，系统梳理了将生成式人工智能融入网页制作课程的全过程。实践表明，技术的引入不仅提升了网页制作的效率与作品质量，更推动了教学重心从“代码编写”向“综合数字素养培养”的转变。教学过程涵盖认知更新、实际操作、作品优化与展示完整周期，其间学生表现出的能力短板、思维变化以及对技术工具的双重认识，为当前中职计算机教学提供了真实而具有启发性的案例。本文通过翔实的课堂记录与反思，探讨如何借助技术优化教学，在提高效率的同时，更加注重学生需求分析、批判思维、信息整合及职业规范等核心素养的培育，以期为同类课程的教学改进提供参考。

关键词：技术辅助教学；中职网页教学；数字素养；教学方式转型；学生能力培养

一、引言：技术发展背景下的教学思考

在中等职业学校计算机专业课程体系中，网页制作是一门历史较长的技能型课程。其教学工具与开发框架持续演变，从最初手写代码到引入各类界面框架，从依赖特定软件到转向更现代的集成开发环境。然而，尽管形式与工具不断更新，“先学代码、再练操作”的传统教学逻辑始终是课程的主要脉络。这种模式虽有助于学生打下扎实的编码基础，但完成的作品往往在效率与视觉表现上存在一定局限。

当生成式人工智能能够依据简要的文字描述快速生成完整网页时，这一变化对既有教学模式带来了直接冲击。作为教师，我们不禁思考：在技术快速发展的当下，网页制作课程应当教什么？是继续深耕可能被自动化替代的代码细节，还是重新审视教学目标？带着这些疑问，笔者在2023-2024学年的网页走班课程中，开展了一次“边实践边探索”的教学尝试，旨在将生成式人工智能从课堂演示转变为学生的学习支持工具，并观察这一转变为教学双方带来的影响。本文即是对这半学期教学过程的系统记录与深入反思。

二、教学实践过程：十六次课的渐进探索

本次教学面向的是已具备一学期网页基础的高一学生，采用走班制形式，在8周内共完成16次课。核心任务是引导学生运用生成式人工智能完成以个人介绍为主题的网页创作。整个过程并非简单的工具替换，而是一个循序渐进的认知与能力建构过程，如图1所示：

图1教学流程与阶段图

（一）第一阶段：观念更新与工具初试

课程开始，教师设计了一次“摸底测试”，让学生使用已掌握技术制作个人介绍网页。学生作品代码规范，但也反映出传统教学所能达到的技术水平。随后，教师展示了一张由生成式人工智能生成的同类网页，其在色彩搭配、版面布局及响应式效果上的表现，引发了学生的惊叹。通过对比与自由讨论，学生直观感受到技术带来的“高效创作”可能性，初步打破了原有认知。

接着，课堂进入实际操作环节。学生被要求使用豆包等生成式人工智能工具，根据指定的提示词框架生成“社团招新”自我介绍网页。实践中，学生反应各异，有人惊讶于效率提升，也有人开始关注生成代码中尚未学习的内容。作业提交后的讨论围绕对生成式人工智能产出作品的满意度及问题识别展开，为后续教学做好铺垫。第三次课重点聚焦问题解决，引导学生发现生成式人工智能所生成网页加载较慢的情况，并通过查看代码、向工具提问来寻找优化方法，体验“发现问题—尝试解决”的完整过程。过程中也遇到一些工具使用问题，例如豆包不支持上传HTML文件，促使教师灵活调整，引入DeepSeek等其他生成式人工智能平台，如图2所示：

图2技术工具使用问题与解决路径示意举例

（二）第二阶段：从生成到创造：构建个人表达

当教学进入“学生自主操作”的巩固阶段，更深层次的能力短板逐渐显现。在“生成式人工智能初体验”活动中，教师安排学生通过手机登录DeepSeek平台，重复网页生成与优化任务。然而，一个明显的对比揭示出关键问题：学生虽然熟练“使用”数字内容（如打开微信、玩游戏），但在主动“运用”数字工具解决问题（如登录学习平台）时却遇到困难。这反映出学生“基础数字素养”的不足。同时，多数学生仍习惯于对照笔记逐字输入提示词，未能真正掌握生成式人工智能的使用方法，提示词运用也不够熟练。

为将生成式人工智能生成的模板转化为真实的个人表达，教师设计了“社团面试”情景活动，让学生在轻松互动中流露更多个人信息，再借助生成式人工智能优化内容并整合至网页。该环节旨在缓解学生在教师面前的拘束感，促进其自我认知与表达。随后的多媒体整合课进一步暴露出学生在文件传输、视频基础处理（如压缩、剪辑、插入网页）等方面的技能欠缺。传统网页教学注重代码技能，而生成式人工智能的加入在降低技术门槛的同时，却凸显了学生在更广泛的数字应用与媒体处理能力上的不足。

传统教学模式与生成式人工智能辅助教学模式在多个核心维