2024年6月6日发(作者:)

课程名称:移动WEB开发(HTML5+CSS3)

学 分:5.5

计划学时:96

适用专业:计算机应用技术

1.前言

1.1课程性质

本课程是计算机应用技术专业的一门专业核心课。其功能在于向学生介绍移动

WEB开发中的热门技术HTML5和CSS3,培养学生利用HTML5和CSS3进行跨平

台移动WEB应用开发的能力。通过本课程的学习,使学生熟悉HTML5网页的基本

结构,HTML5标签、CSS3样式的定义与样式表的应用等技术,从而能够熟练掌握

形式多样的移动WEB应用设计方法,为将来从事WEB前端开发、WebApp开发及

跨平台应用开发等相关工作奠定基础。

本课程的先修课程为网站前端设计,后续课程为网站后台开发()、网页

脚本技术(JavaScript+jQuery)。

1.2设计思路

本课程是以高职计算机类网站开发方向学生的就业为导向,在行业专家的指导

下,对移动WEB开发开发过程中所涉及的岗位进行职业能力分析,以实际工作中移

动WEB开发的设计任务为引领,通过项目组织教学,倡导学生在项目中学会利用

HTML5和CSS3进行跨平台移动WEB应用开发的基本技能,培养学生初步具备移

动WEB开发开发过程中需要的基本职业能力。

在教学内容的选择上,从跨平台移动WEB开发实际应用的角度出发,理论知识

以“必需够用”为度,以学生为主体,注重学生实际操作能力与应用能力的培养。

根据HTML5+CSS3的八大典型WEB应用,按项目构筑课程教学内容,通过项目引

领和任务驱动,并配以案例分析进行教学,着重培养学生的实践应用技能,通过实

践使学生能够将所学应用到实际的项目之中。

建议本课程课时为96学时,计算机类三年制安排在第3学期,计算机类五年一

贯制安排在第7学期。

2.课程目标

2.1总体目标

通过本课程的学习,要求学生掌握HTML5和CSS3基础知识及最新技术, 具

备扎实的HTML5和CSS3开发基础,能够独立使用HTML5和CSS3开发兼容各在

平台的移动WEB应用,学会网页中复杂样式与网页特效的设计,也为日后学习跨平

台移动WEB应用开发奠定基础。

2.2具体目标

2.2.1知识目标

(1)了解HTML5和CSS3的发展。

(2)熟练掌握HTML5网页的基本结构、CSS3样式的定义与样式表的插入。

(3)熟练掌握HTML5常用的文本标签、CSS文本属性。

(4)熟练掌握HTML5的图像标签、CSS的图像属性。

(5)熟练掌握HTML5的列表标签、CSS的属性、表格属性和定位属性。

(6)熟练掌握HTML5的表单及控件标签、form属性和input属性。

(7)熟练掌握HTML5的Audio/Vedio方法、Audio/Vedio事件、CSS媒介类型。

(8)熟练掌握HTML5的标签、画布与画笔、坐标与路径、网页图形绘制。

(9)掌握CSS各种类型的选择器、CSS框模型、边框属性、内外边距属性、多列

属性、动画属性和HTML5拖放的实现方法。

(10)了解HTML5地理定位、Web数据存储、应用程序缓存、Web Workers等高

级应用。

2.2.2能力目标

(1)会应用HTML5结合CSS3设计移动平台网站首页。

(2)能设计并实现文本网页和导航网页。

(3)会在网页中合理地插入图像,能设计并实现图像网页。

(4)会应用列表、表格及CSS定位设计设计信息展示网页。

(5)会应用表单及标签控件设计注册登录录与留言网页。

(6)能应用

(7)会应用标签及相关属性和方法绘制图形、设计游戏。

(8)会设计复杂样式与网页特效。

2.2.3素质目标

(1)具有较强的专业学习、执行和创新能力。

(2)培养学生团队合作和与人交流、沟通的能力。

(3)提高学生运用所学专业知识进行独立思考和综合分析、解决实际问题的能力。