2026中专计算机应用专业一年级下册《网页设计进阶》教案.pptxVIP

一、教学基本信息演讲人

目录01.教学基本信息07.教学反思03.教学重难点05.教学准备02.教学目标04.教学方法06.教学过程

2026中专计算机应用专业一年级下册《网页设计进阶》教案

01教学基本信息

教学基本信息我是李老师，教了五年中职计算机，最享受看学生从“代码小白”变成“网页魔术师”的过程。这学期带的是2026级计算机应用1班，45个05后小机灵鬼——有俩男生总把游戏角色当网页背景，有个女生做的甜品店网页连糖霜质感都用PS抠了三层。这节课是《网页设计进阶》下册第一单元“响应式网页设计与CSS3实战”，每周2课时连排（90分钟），用的是高教社新版教材，不过我额外加了故宫文创、小红书移动端页面做案例——毕竟现在的孩子刷手机比翻书熟，得用他们熟悉的“网感”带课。教室是学校刚升级的智慧机房，每人一台27寸一体机，装了VSCode、AdobeXD和火狐开发者工具。我特意在黑板左侧贴了张“进步墙”，贴满了学生上学期做的静态网页：有给班主任做的“多肉种植指南”，有帮社团设计的cosplay招新页，虽然字体颜色花哨得像彩虹糖，但那股子认真劲儿特可爱。

02教学目标

知识目标：从“能做”到“会做”上学期他们已经学了HTML基础和CSS盒模型，这节课要升级认知——比如得知道CSS3的圆角（border-radius）不只是“把方角变圆”，而是能做出“手机通知气泡”那种自然弧度；得明白