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