admin 管理员组

文章数量: 1086019


2023年12月17日发(作者：信息化系统架构师)

《HTML5应用开发》课程标准

一、课程名称

HTML5应用开发

二、适用专业

本课程标准适用计算机网络技术专业

三、课程性质

本课程是物流管理专业实现仓储配送核心业务岗位综合管理技能与素质的专业必修核心课程。其他电子商务、市场营销等管理类专业的本门课程标准参照此标准编制。

《HTML5应用开发》课程是计算机网络技术专业的专业课程，同时也是计算机网络技术专业学生执行移动互联网络应用软件开发能力培养的一门专业必修核心课程。其他数字媒体技术专业的本门课程标准可以参照此标准。

本课程从HTML5应用软件开发的角度出发，结合用户需求开发的流程和特点，从软件用户界面、软件设计文档、程序代码等角度进行了具体的讲授。通过该课程的学习，旨在提高学生基于HTML5应用软件开发与软件系统维护服务和管理的职业能力。

本课程前导课程包括基础课程《计算机基础》、《网页制作技术》、专业课程《JavaScript程序设计》、《数据库技术》等，学生完成这些前导课程的学习后，已具备一定的软件开发理论知识和分析软件项目的能力。通过本课程的学习后学生即可参加后续的专业实训学习。

四、教学目标

本课程旨在学生岗前实训前，提高学生移动互联网Web开发理论知识和实践操作能力，为学生积累基本的Web开发经验，让学生初步掌握移动页面开发过程以及在移动页面开发过程中所需的各种技术和基本方法、方式、工具应用等，能在页面开发过程中熟练应用HTML5、CSS3、JavaScript、jQueryMobile库、Bootstrap库、UI组件等技术进行代码编写和移动页面设计，提高学生移动页面开发能力，丰富学生移动页面开发知识，提高学生移动页面设计的整体素质。

HTML5应用开发是整个教学过程的重点，整个过程由移动页面开发理论知识和操作训练组成。对于从事此行业的学生需掌握基本的页面开发技术，本课程使学生理解移动页面

开发的核心思想：理解客户需求、理解设计框架、掌握移动互联网页面开发语言、掌握移动页面开发过程中采用的各种技术框架等，使得学生掌握移动页面开发的基本流程和移动页面开发中应用框架的基本方法。

（一）知识目标

1. 熟练应用HTML5、CSS3、JavaScript等技术进行代码编写和框架设计

2. 熟练应用JQuery、Bootstrap完成软件开发工作的基本知识

3. 掌握jQuery Mobile可视化组件设计移动设备网页

（二）能力目标

1. 能根据设计说明书编写程序代码及快速发现、定位页面开发错误和缺陷的发生点。

2. 能够熟练搭建软件开发环境及应用软件开发工具

3. 能熟练应用jQuery Mobile设计出精美而符合用户习惯的APP前端页面。

（三）素质目标

1.具有较强的环境适应、人际交往和组织管理能力。

2.具有自觉的规范意识、团队协作意识和协作能力。

3.能运用各种交流手段进行良好的表达和交流。

4.让学生养成积极思考问题、解决问题的良好习惯、自主学习与创新能力，吃苦耐劳的品质。

5.提高学生处理问题的逻辑思维能力及培养学生的进取精神。

五、课程内容

（一）课程设计思路

HTML5应用开发是体现以学生为主体、基于工作过程导向的学习领域课程，学生首先要对Web前端页面开发岗位进行分析，明确岗位的技术需求，进而获得与岗位相关的专业知识与技能。即强调以学生直接经验的形式，来掌握融合于实践行动中的新知识，新技能。通过程序设计，学生可以更进一步了解网站和APP应用的设计思想及实现方法，从而达到锻炼学生理论与实践相结合的能力。

对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境。

（二）具体内容

表一、课程内容及教学要求对应表

序号 教学单元 知识及要求

1、HTML5应用开发简介

2、了解HTML5开发环境搭建

1 概述 2、移动应用开发技术概述

3、了解HTML5技术在移动开3、HTML5 APP开发环境搭建

发中的应用

1、掌握HTML5文档结构

1、HTML5文档介绍

2、掌握HTML5常用标签的使2、HTML5常用标签介绍

用

2 HTML5技术 3、HTML5表格标签

3、掌握表单标签应用

4、HTML5表单标签

4、掌握多媒体标签应用

5、HTML5多媒体

5、掌握表格标签的应用

1、掌握CSS3选择器的定义和1、CSS3技术基础

使用

2、CSS3背景、文字等属性介2、掌握CSS3常用属性的使用绍

3 CSS3技术

3、CSS3布局应用

4、CSS3盒模型介绍

4、能熟练应用CSS3实现界面5、CSS3动画技术

美化

1、掌握JavaScript语言语法1、JavaScript语言语法基础 基础

2、函数、事件介绍

JavaScript3、对象和类

4

语言 4、常见内置对象

5、正则表达式

6、绘制技术

3、能熟练使对象和类

4、了解正则表达式的基本应用

5、了解HTML5绘制技术

2、能熟练使用函数编写重复可重用代码

2

方法

3、能熟练应用CSS3实现动画

6

4

2

技能要求

1、了解HTML5技术

课时分配

序号 教学单元 知识及要求

1、jQuery Mobile介绍

技能要求

1、 掌握jQuery的基本应用

课时分配

2、jQuery Mobile选择器介2、 能熟练应用jQuery事件

jQuery 绍

5 Mobile库3、jQuery Mobile事件

介绍

3、 能熟练应用jQuery处理DOM 8

4、jQuery Mobile页面格式4、 能熟练应用jQuery AJAX化

5、UI组件

技术

5、 了解延迟处理应用

1、能熟练应用Bootstrap样1、Bootstrap介绍 式库

2、能熟练应用Bootstrap组4

3、Bootstrap组件 件

3、能熟练应用Bootstrap插件

1、了解微信公众号

微信公众号介绍

2、了解JS-SDK接口

4、Bootstrap插件

Bootstrap2、Bootstrap样式库

6 样式库和插件

微信公众号JS-SDK接口介绍

7

开发实例 常见JS-SDK接口介绍

方法

微信支付服务

4、了解微信支付应用开发

（三）实践教学安排

序号

1

实训项目

HTML5技术

实训任务

设计多列网页

实训教学目标

1.灵活设计网页版式

1.熟练使用CSS3选择器和基本特性

2

CSS3技术 设计购物网站

2.灵活使用Web Storage解决Web应用中短数据存储问题

JavaScript语3

言

1.了解JavaScript在页面中定义和调计算机器的设计

用函数

2.熟练运用JavaScript事件，实现交

3、掌握微信开发基本步骤和2

学时

2

2

2

互式页面。

jQuery Mobile设计移动页面相1.熟悉不同形式的弹出效果

4

库介绍 册

4

2.掌握移动页面的切换效果

1.掌握移动页面布局方式

5

移动页面布局 打造九宫格界面

2.熟练应用列表视图对移动应用的列表内容管理

1.设计符合移动设备使用的页面

6

Bootstrap框架 微信wap网站

2.能够根据Bootstrap框架自定义样式

3.掌握扁平化设计风格的基本方法

1.了解Web Database和Web Storage.

2.能够在jQuery Mobile应用项目中使7

实战开发 记事本应用项目

用LocalStorage

3.结合jQuery Mobile和JavaScript设计交互界面，实现数据存储

（四）课程结构（拓扑图或鱼骨图等）

6

8

4

六、学时与学分

参考学时：56学时。

参考学分：4学分。

七、教学资源利用

（一）教材使用

根据HTML5应用开发的职业需求，市场对Web前端设计人员的技能要求，按相关技能要求设计教学模块，精心准备各种典型案例，构建课程的宏观设计。以项目式教学，将知识点贯穿在综合案例中，促使学生对专业知识进行灵活运用。

（二）数字化资源利用

教学中采用电子演示，大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生活活泼，提高教学效果，把学生的共同问题进行“广播教学”，边讲边演示，使学生即时看到操作效果。

充分利用互联网网络教学资源，将课堂教学延伸到课外，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生根据需要通过网络学习有关的内容，并进行在线答疑和讨论。学生也可以在自学和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关知识和操作技能。

八、教学方法

（一）案例驱动教学法

案例驱动教学法就是以一个项目案例来驱动教学过程的方法，教师在教学中扮演设计者和激励者的角色，鼓励学生积极参与讨论，寻求案例的各种解决办法，让学生自主构建知识。HTML5 APP开发教程教学中应以简单、实用的案例或特定案例的部分功能支撑理论知识，实践教学应以简单的实际案例或以实际案例的模拟作为训练题目。

（二）学习情境教学法

学习情境是指为学生提供一个完整、真实的问题背景，以此为支撑物实施教学。一个恰当的学习情境，是激励学生主动参与学习的根本保证，学习情境的创设是教学设计中的一个重要环节。在《HTML5应用开发》的教学过程中，特别是实践教学中，有目的地引入或创设具有一定背景的学习情境，可以有效提高学生的学习兴趣，取得良好的效果。

（三）任务驱动教学法

带着目的明确的任务进行学习可以明显提高学习效率、改善学习效果，在教学活动中，尤其是预习与复习环节，先把相应的实际任务布置给学生，用具体任务驱动预习和复习环节，以取得较好的教学效果。

九、教学评价

本课程推行注重过程考核和能力综合测评的考核方式。针对课程特点采取以实践技能考核为主，日常性考核和期末考试为辅。日常性考核、实践考核及期末综合考核三部分占总评成绩的比例分别是30%、30%、40%。（按照《学院课程考核管理办法》）。

（1）日常性考核30%。包括课堂考勤、课堂表现、学习笔记、平时作业、阶段性测验、综合性大作业、团队作业、课程实践活动等方面。

（2）实践技能考核30%。按照《HTML5应用开发》教学实践计划中各模块设计任务的知识点，逐次记录每次考核结果，直到课程结束，形成学生本门课的成绩。也就是实践教学内容以实践操作能力为主，注重过程，要求学生对技能操作、技术应用的理论知识和实操知识每一步、每一环节都掌握和应用，要求学生用解决实际问题的能力来证明自己是否掌握了某种职业能力。

（3）期末作品考核40%。按照项目的完成进度、创新情况及考核要求进行评分。


本文标签： 学生 开发 学习 移动 页面

版权声明：本文标题：《HTML5应用开发》课程标准 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1702788396a430964.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。