立足本土学网页，以技润心促教研

为深化中职计算机课堂教学改革，落实 “做中学、学中悟” 的职业教育理念，将本土文化融入专业课堂，2026 年 10 月 14 日，刘梦田老师在 25 级计算机 1 班开展《旅游宣传网页制作》公开课，教研组教师到场听课观摩研讨。

本节课选自 Dreamweaver 网页制作课程，刘老师对教材案例进行本土化创新，把课堂任务改造为广德旅游宣传网页制作，围绕 HTML 无序列表<ul>、<li>标签核心知识点组织教学。课堂以广德太极洞、笄山竹海等家乡景点图片开展情境导入，展示成品旅游网页，让学生直观感受网页背景、景点列表的页面效果，迅速调动学生的课堂参与热情，自然融入热爱家乡的思政教育。

结合学情，考虑到学生初次接触无序列表标签，容易混淆标签嵌套规则、误用中英文标点，课堂采用预制代码模板，降低代码编写门槛。教学中先复习 background‑image 背景样式、h1/h2 标题标签旧知，再循序渐进开展新知讲授。通过正误代码对比，着重讲解<ul>与<li>嵌套核心规则，明确 ul 容器内仅允许放置 li 列表项；借助教师机广播演示，带领学生完成网页背景设置、页面标题编写、无序列表景点清单搭建；再通过list‑style‑position属性演示对比 inside、outside 两种效果，让学生真切理解 “HTML 搭建页面结构，CSS 实现页面美化” 的网页开发思维，突破本课重难点。

课堂坚持任务驱动，兼顾学生个体基础差异。学生依托教师下发模板与景点素材，完成代码编写、保存、网页预览，练习识别修改标点、标签位置等常见代码错误。刘老师巡场实时指导，收集课堂高频错误，引导学生养成分段保存、规范书写代码的良好编程习惯。学生在动手制作广德旅游网页的实操过程中，既掌握网页标签技术知识，也进一步了解家乡文旅资源，厚植乡土情怀。

公开课结束后，计算机教研组组织评课研讨活动。听课教师围绕教学设计、实操课堂实施、本土案例融合、分层教学落实等方面展开交流。大家充分肯定本节课将地方乡土资源与网页专业教学有机结合，预制模板有效降低中职学生代码学习难度，理实结合突出中职课程实操特色；同时针对演示节奏、课堂任务拓展等细节交流优化思路。

本次公开课，将专业技能学习与乡土德育有机融合，为网页制作课程教学提供鲜活实践范例。教研活动搭建起组内教师互学互鉴的交流平台，助力教研组深耕课堂，持续推动计算机专业课堂提质增效。

初审：何丽娜

复审：袁青

终审：汪礼俊