（一）调研备课过程
1．需求调研
自金盾工程建设20年以来，公安工作信息化已迈入了智慧公安的新时代。不管是传统的网上办公和网上办案，还是智能化的移动警务和情报研判，公安科技岗位民警都需要接触大量的网页设计与发布工作。经过对公安一线实战单位的调研，我们了解到智慧公安应用的终端显示设备主要是宽屏液晶显示器和手持移动警务终端，执法办案民警在网页上录入信息时，希望尽可能在同一页面完成全部信息录入、尽量少用“下一页”方式录入数据。因此，在《网页设计》课程的界面设计章节中，教师应当讲授可自动适应宽屏显示器和手持移动警务终端的网页设计方法，并规范和精简表单控件，使同一网页的信息完整可读。
2．开发资源
《网页设计》课程以学生独立运用DreamWeaver和PhotoShop工具软件进行静态网页设计的实际工作能力为学习目标，要求学生能够用HTML5、JavaScript编程语言制作网页，并掌握发布静态网站的知识和技能，为今后从事公安科技岗位工作打下基础。由于公安院校《网页设计》课程的课时量较少、公安科技岗位民警的培训期较短，故没有现成的实用教材。所以，教师需要在课前编制开发大量的素材资源，例如：课程讲义、教学视频、PPT课件、网页模板、常用HTML5代码（日期选择、字体颜色、链接设置）、常用JavaScript代码（页面跳转、录入检测、统计图表）等。
（二）课程设计过程
1．突出重点
智慧教学模式构建的本意不是替代传统教学模式，而是激励教师选用最合适的教学策略，形成适用于本课程的最佳教学方法。所以传统教学模式中的明确目标、突出重点、板书设计等方法仍将在智慧教学模式中发扬光大。因为智慧公安应用的终端主要是PC机、笔记本电脑和移动警务终端，所以《网页设计》课程的教学重点在于讲授可自动适应宽屏液晶显示器和移动警务终端的不同分辨率的界面设计技术，网页设计布局中的文本域、复选框、单选按钮、下拉菜单等表单控件和插入图像方法也是该课程的重点内容。此外，网页设计中涉及的网络安全技术也是该课程的重点内容。
2．课程思政
2020年6月，教育部颁发《高等学校课程思政建设指导纲要》。高等学校从单一的思政课程向全面的课程思政是思想政治教育主阵地和主渠道的拓展，各类课程与思政课程的同向和同行，具有重要意义。在《网页设计》的课程设计中，通过DreamWeaver和PhotoShop工具软件的学习，可以培养学生爱岗敬业、精益求精的工匠精神。通过HTML5语法、网页WEB标准、网络安全知识，可以教育学生遵守法律法规及行业规范、践行法治文明的社会主义核心价值观。通过网页布局及界面的美工设计，可以让学生们参与到积极乐观、和谐阳光的社会主义精神文明建设之中。
（三）教学实施过程
1．智慧教学
智慧教学相对于传统教学的优势，体现在教师可以通过多种智慧教学平台，轻松运用电脑、智能手机等设备，进行课件投屏、播放视频、线上教学、网上答疑等形式开展教学，提升学生的参与度和积极性。目前常用的智慧教学平台有“超星学习通”“雨课堂”“嘉课堂”等，这些平台都能实现课堂和在线教学。以“超星学习通”课堂教学为例，教师先在讲台的大屏液晶电脑上把学生前期的网页设计作业进行展示，然后教师用“超星学习通”发布一个优秀作品供全体学生下载，并讲解在优秀作品中蕴含的重要知识点；接着，教师让学生分组讨论、各小组代表发言，指出自己小组作业中存在的问题；最后，教师演示对学生作品的优化方法，并对各小组学生作业进行点评和总结，巩固本节课的知识点。
2．师生互动
《网页设计》课程之所以是一门适合用智慧教学模式开展教学的课程，是因为学生可用智能手机直接把网页设计作业发给教师、教师可用智能手机立即观看学生作业的运行效果，而其他课程一般没有手机端运行学生作品的优势。《网页设计》课程的师生互动，不局限于智慧教学平台，仅通过智能手机也可实现随时随地的教学。以“网页中的元素”一课为例，教师向学生讲解网页中文本、段落、图片等基本元素，教学重点是让学生学会用图片、动画等素材来美化网页。对于这一课的教学，即便不通过智慧教学平台，教师也可通过“钉钉APP”“腾讯会议”“腾讯课堂”等直播平台向学生讲授知识、提供素材、演示效果。所以，智慧教学模式可适用于因新冠疫情而迫切需要的线上教学，真正实现“停课不停学”。