一、案例背景

在《网页设计与制作》课程教学中，为了融入思政元素，提升学生文化素养与专业技能，特选取黄河诗歌作为主题内容，借助盒子模型、浮动、定位等网页技术进行页面布局设计，让学生在创作过程中感受黄河文化魅力，传承民族精神。

二、教学目标

1.让学生熟练掌握盒子模型、浮动、定位等网页设计关键技术，能够运用这些技术完成复杂的网页布局。

2.通过黄河诗歌的深入学习与网页呈现，使学生深刻理解黄河文化内涵，增强民族自豪感与文化自信，培养学生的爱国主义情怀与社会责任感。

三、教学实施过程

（一）诗歌选取与内容分析

挑选六首具有代表性的黄河诗歌，如《凉州词二首·其一》《将进酒·君不见》《罗唝曲》《浪淘沙·九曲黄河万里沙》《渡黄河》《登鹳鹊楼》，如图1所示。教师引导学生对每首诗歌的意境、情感、历史文化背景进行详细分析，为后续网页设计奠定文化基础。

图1 课程思政设计

（二）技术讲解与页面规划

结合选定的诗歌，讲解盒子模型用于构建诗歌文本框、图片展示框等网页元素的结构；利用浮动实现六首诗歌的排列，使页面布局更加灵活美观；运用定位确定图片和诗歌解析等元素在网页中的位置。以《凉州词二首·其一》为例，使用盒子模型创建一个较大的主容器盒子，将顶部设置通过浮动与定位技术使黄河的鸟类图片与诗歌解析鼠标互动展示，诗歌标题与文本置于其下，如图2所示。

图2 鼠标互动设计

图3 24级现代移动通信技术专业《网页设计与制作》课程思政“黄河诗歌”的融入课堂

（三）实践操作与创意发挥

学生分组，自由选择合适的诗歌，结合学习的盒子模型、浮动、定位知识进行网页设计实践，课上学生们积极讨论并实践，如图4所示。对于《登鹳雀楼》，有的小组将诗歌以竖向排版在盒子中，配合鹳雀楼的古画图片，通过定位使“欲穷千里目，更上一层楼”这句诗突出显示，激励人们追求高远目标。

图4 24级现代移动通信技术专业《网页设计与制作》课堂学生小组作品讨论与制作

（四）作品展示与评价

各小组展示设计成果，从技术运用的准确性、黄河文化的体现深度、页面的美观性与创意性等多方面进行评价。在评价过程中，引导学生进一步思考如何更好地通过网页传播黄河文化，提升文化影响力。

四、教学效果

通过本教学案例，学生不仅扎实掌握了网页设计技术，还对黄河诗歌所代表的黄河文化有了深刻领悟。在作品中充分展现出对民族文化的热爱与敬意，有效提升了学生的文化自信与爱国情怀，达到了专业教学与思政教育相融合的良好效果，为培养具有文化底蕴与专业技能的综合性人才提供了有益探索。