《Html5网页设计》教学实施报告.docx
《Html5网页设计》教学实施报告
作者：刘青玲
来源：《神州·下旬刊》2020年第10期
????????摘要：《Html5网页设计》课程是高校计算机类专业开设的一门专业课程，本文从该课程内容中选取其中两个模块的教学内容，从教学分析、教学策略、教学实施、成效与特色、反思与改进等方面进行剖析。
????????关键词：教学实施;课程思政;双项目并行
????????《HTML5网页设计》是我院移动互联应用技术专业的一门专业核心课程，本次教学面向的是移动互联应用技术专业大二年级的学生，本专业主要面向软件和信息技术服务业的嵌入式系统设计工程技术人员、计算机程序设计员等职业群，培养能够从事移动互联应用程序开发、移动互联应用硬件开发、web前端开发、移动互联应用技术支持等工作的高素质技术技能型人才。
????????一、教学分析
????????（一）课程定位
????????《HTML5网页设计》课程是移动互联应用技术专业必修的一门专业核心课程，其前导课程为《移动应用UI设计》课程，学生基本具备用户界面相关元素的设计、整体风格设计及用户体验设计能力。本课程对接专业人才培养目标，面向Web前端开发工作岗位，通过对HTML5、CSS3等内容的学习，培养学生网页设计与制作能力，为后续《JavaScript语言程序设计》、《Web前端开发》等课程学习奠定基础（见图1）。
????????（二）教学内容
????????依据移动互联应用技术专业人才培养方案、《Html5网页设计》课程标准，根据Web前端开发工程师岗位需求，按照国家1+X证书政策要求，校企共同探讨，坚持“理论知识够用为度、注重学生技能培养”的教学原则，遵循学生认知规律，由易到难，层层递进，将课程教学内容整合为“HTML基础”、“CSS基础”、“网页布局”、“CSS3高级”、“JavaScript特效”等5大模块，共计64学时（见图2）。
????????本次教学实施主要选取了选自课程五大模块中的模块三网页布局和模块四CSS3高级的教学内容，共计16学时，采取课内、课外项目并行的双项目驱动教学模式。课内项目选择在线真实网站——“猫先生”社区环境管家官网，课外项目则由学生自主选题，分组实施完成项目开发（见图3）。
????????（三）教学目标
????????通过模块三和模块四的学习，突破教学重、难点，实现相应的知识目标、能力目标和素质目标（见表1）。
????????（四）教学背景
????????1.响应教育部关于疫情期间“停课不停教、不停学”号召，充分利用在线教育平台和资源开展线上课程教学。
????????2.《中国移动互联网发展报告（2019）》指出我国宽带移动通信网络、用户、业务继续保持高速增长态势，移动端网页访问流量超过PC端，并逐年上升。
????????3.2020年是生活垃圾分类工作推进的关键一年，全面渗透绿色环保的生活理念，健康生活。
????????4.2020年是脱贫攻坚年，疫情期间，严重影响各地农产品销售，利用专业知识爱心助农，帮助农民走出困境，摆脱贫困。
????????（五）学情分析
????????本课程授课对象为移动互联应用技术专业二年级学生，学生具有以下特点：
????????（1）通过本课程前期的学习，掌握了HTML和CSS基础知识。
????????（2）对Web前端开发具有较强的职业认同感，动手能力强、善于接受信息化教学手段、思维活跃。
????????（3）英语水平偏低，部分学生没有电脑，编码难度偏大。
????????（4）页面美观性及代码规范性方面仍有所欠缺。
????????二、教学策略
????????（一）教学设计思路
????????以Web前端开发综合应用能力培养为主线，针对高职教育特点，在课程体系上以“应用”为主旨，在课程内容上以“必须、够用”为度，采用“理实一体化”、“课内、课外双项目并行”的教学模式，将思政教育融入到专业课程教学过程中，注重学生职业素养、专业技能及学生德育能力的提升。
????????在课内教学实施过程中，引入真实的项目案例，以仿“猫先生”社区环境管家官网首页为典型工作任务，有机融合信息化手段、教学资源、教学方法，将整个项目进行任务分解，由易到难，层层递进最终实现整个项目的制作。通过高保真还原“猫先生”社区环境管家官网首页真实项目，培养学生精益求精的工匠精神，同时向学生宣传垃圾分类、绿色环保的生活理念。
????????为了帮助学生更好地巩固和运用所学知识，熟悉项目开发流程，要求学生分组完成课外真实项目开发，培养学生团队协作意识，提高学生知识运用能力和社会服务能力。
????????（二）教学方法与手段
????????结合学情分析，主要采用项目导向、任务驱动、实验探究、分组教学等等教