HTML5跨平台开发基础与实战

　　通过本教材的学习，学生将掌握使用HTML5、CSS3、JavaScript及Bootstrap框架进行响应式Web应用程序开发的知识。本教材以培养职业能力为核心，以工作实践为主线，以项目为导向，采用案例式教学，兼顾界面布局样式与交互性，增加课程内容的视觉冲击力，以创建出更富交互性、更有趣、对用户更友好的前端应用。本教材涉及的是国家“1+X”Web前端开发职业技能证书考试的核心内容。本教材在编写过程中，既强调基础理论学习，结合前端技术的不断发展，通过相关案例详细介绍前端开发相关理论的实践运用，实现了理论学习的体系化，又与实践应用进行了结合，强化了对相关知识的理解。本教材以丰富的案例为载体，精心编排教学内容，设计了由易到难、层次递进的教学项目，并设计了贯穿知识体系的实战项目，让读者学以致用；实现了技术讲解与训练的合二为一，有助于“教、学、做”一体化教学的实施。本教材可以利用互联网信息技术开展线上与线下教学，包含了大量的微课视频、教学PPT等配套资源，方便教师教学和学生学习。

暂缺《HTML5跨平台开发基础与实战》作者简介

任务l 实现猜拳游戏首页界面
1.1 web前端简述
1.1.1 前端工程师
1.1.2 页面结构、样式和行为
1.1.3 HTML5的优势
1.1.4 CSS3的优势
1.1.5 JavaScript及相关框架
1.1.6 web前端学习路线
1.2 开发工具
1.2.1 选择开发工具
1.2.2 新建项目和文件
1.2.3 开发工具的调试技巧
任务训练
任务2 实现问卷调查页面静态布局
2.1 HTML的基本概念
2.1.1 HTML简介
2.1.2 HTML基本格式
2.1.3 HTML注释语句
2.2 HTML5文档常用标签
2.2.1 文字段落相关标签
2.2.2 HTML图像(img)元素
2.2.3 列表
2.2.4 表格
2.2.5 超链接
2.2.6 DIV标签介绍
2.2.7 多媒体元素
2.2.8 HTML5语义化标签
2.2.9 HBuilder编辑器常用的快捷方式
2.3 HTML5表单相关元素和属性
2.3.1 表单的定义
2.3.2 表单控件
2.3.3 HTML5表单常用新属性
任务训练
任务3 CSS3实现简洁立体菜单效果
3.1 CSS3介绍
3.1.1 样式表简介
3.1.2 样式表的规则
3.1.3 样式表注释方法
3.2 样式表的使用
3.2.1 常用添加CSS的方法
3.2.2 选择器的分类
3.2.3 选择器的优先级
3.3 字体、颜色、背景与文字属性
3.3.1 设置样式表的字体属性
3.3.2 颜色及背景属性
3.3.3 文本属性
3.4 边距、填充与边框属性
3.4.1 边距与填充属性
3.4.2 边框属性
3.5 列表属性
3.6 CSS布局基础
3.6.1 CSS布局元素类型
3.6.2 盒模型
3.6.3 定位及尺寸属性
3.7 常用布局结构
3.7.1 单行单列结构
3.7.2 二列布局结构
3.8 CSS3常用特效
3.8.1 CSS3盒阴影
3.8.2 CSS3文字阴影
3.8.3 CSS3渐变背景
3.9 弹性布局
3.10 兼容性处理
任务训练
……
任务4 实现猜拳游戏功能
任务5 实现注册｜登录验证效果
任务6 实现响应式详情页面
任务7 实现响应式商品优惠列表
任务8 实现响应式购物列表展示和管理
任务9 实现商品优惠列表评价信息滑入效果
参考文献