《Html5网页设计》教学实施报告.pdfVIP

《Html5网页设计》教学实施报告--第1页

《Html5网页设计》教学实施报告

作者：刘青玲

来源：《神州·下旬刊》2020年第10期

《Html5网页设计》教学实施报告--第1页

《Html5网页设计》教学实施报告--第2页

《Html5网页设计》教学实施报告--第2页

《Html5网页设计》教学实施报告--第3页

《Html5网页设计》教学实施报告--第3页

《Html5网页设计》教学实施报告--第4页

摘要：《Html5网页设计》课程是高校计算机类专业开设的一门专业课程，本文从该课程

内容中选取其中两个模块的教学内容，从教学分析、教学策略、教学实施、成效与特色、反思

与改进等方面进行剖析。

关键词：教学实施;课程思政;双项目并行

《HTML5网页设计》是我院移动互联应用技术专业的一门专业核心课程，本次教学面向

的是移动互联应用技术专业大二年级的学生，本专业主要面向软件和信息技术服务业的嵌入式

系统设计工程技术人员、计算机程序设计员等职业群，培养能够从事移动互联应用程序开发、

移动互联应用硬件开发、web前端开发、移动互联应用技术支持等工作的高素质技术技能型人

才。

《Html5网页设计》教学实施报告--第4页

《Html5网页设计》教学实施报告--第5页

一、教学分析

（一）课程定位

《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年是生活垃圾分类工作推进的关键一年，全面渗透绿色环保的生活理念，健康生

活。

《Html5网页设计》教学实施报告--第5页

《Html5网页设计》教学实施报告--第6页

4.2020年是脱贫攻坚年，疫情期间，严重影响各地农产品销售，利用专业知识爱心助

农，帮助农民走出困境，摆脱贫困。

（五）学情分析

本课程授课对象为移动互联应用技术专业二年级学生，学生具有以下特点：

（1）通过本课程前期的学习，掌握了HTML