Web前端开发项目案例教程——HTML5+CSS3+Bootstrap

《Web前端开发项目案例教程：HTML5+CSS3+Bootstrap》以《Web前端开发职业技能等级标准》为编写依据，系统地介绍了前端网页技术开发的相关知识，并在实际应用中通过具体案例使读者巩固所学技能，更好地进行开发实战。《Web前端开发项目案例教程：HTML5+CSS3+Bootstrap》内容划分为10个项目，依据实际网站设计与制作的职业岗位工作过程进行教学设计，循序渐进、由浅入深，让学生在完成任务的过程中学会网站设计与制作的知识与技能，较好地体现了“项目任务驱动教学”的理念。
《Web前端开发项目案例教程：HTML5+CSS3+Bootstrap》可以用于“1+X”证书制度试点工作中的Web前端开发职业技能等级证书教学和培训，也可以作为相关专业课程的参考用书，同时，还可以用作从事Web前端开发职业的社会在职人员的自学参考用书。

技能知识篇
项目一 初识HTML5
任务1.1 Web时代的迁移
任务1.2 HTML基础标记与属性
任务1.2.1 HTML简单页面创建
任务1.2.2 HTML标记设置超链接
任务1.2.3 HTML标记设置图像和动画
任务1.2.4 HTML标记设置表格
任务1.2.5 HTML其他常用标记
任务1.3 HTML5新特性
任务1.3.1 HTML5浏览器支持
任务1.3.2 HTML5文档基本格式
任务1.3.3 HTML5基本语法
任务1.3.4 创建一个简单的HTML5页面
项目小结
项目实训
项目拓展
项目二 网站搭建与管理
任务2.1 站点规划
任务2.2 新建Web项目站点
任务2.2.1 开发工具——HBuilder X的安装
任务2.2.2 创建Web项目站点
任务2.2.3 调试工具——Chrome开发者工具
任务2.3 导入项目站点
任务2.4 网页设计开发环境
任务2.4.1 网页开发工具
任务2.4.2 图形图像处理工具
任务2.5 运用HBuilder X创建简单Web网站
项目小结
项目实训
项目三 构建HTML5网页文件
任务3.1 HTML5新增元素与属性
任务3.1.1 结构元素
任务3.1.2 列表元素
任务3.1.3 分组元素
任务3.1.4 交互元素
任务3.1.5 语义元素
任务3.1.6 全局属性
任务3.1.7 阶段案例
任务3.2 HTML5多媒体技术
任务3.2.1 音频技术
任务3.2.2 视频技术
项目小结
项目实训
项目四 CSS3新样式修饰网页
任务4.1 初识CSS3
任务4.2 CSS基础知识
任务4.2.1 CSS样式介绍
任务4.2.2 CSS基础选择器
任务4.2.3 CSS修饰颜色与背景
任务4.2.4 CSS修饰字体
任务4.2.5 CSS修饰文本属性
任务4.2.6 CSS修饰超链接
任务4.2.7 CSS修饰列表
任务4.2.8 CSS修饰表格
任务4.2.9 阶段案例
任务4.3 CSS3新增选择器
任务4.3.1 属性选择器
任务4.3.2 关系选择器
任务4.3.3 阶段案例
任务4.4 CSS3新增特性
任务4.4.1 实现圆角效果
任务4.4.2 文本效果
任务4.4.3 多列
任务4.4.4 定义字体
任务4.4.5 透明度
任务4.4.6 阶段案例
任务4.5 CSS3的过渡、变形与动画
任务4.5.1 CSS3的过渡
任务4.5.2 CSS3的变形
任务4.5.3 CSS3的动画
任务4.5.4 阶段案例
项目小结
项目实训
项目五 盒子模型
任务5.1 认识盒子模型
任务5.1.1 盒子模型的构成
任务5.1.2 边距属性
任务5.1.3 box-shadow属性
任务5.1.4 box-sizing属性
任务5.1.5 阶段案例
任务5.2 盒子边框属性
任务5.2.1 边框样式
任务5.2.2 边框宽度
任务5.2.3 边框颜色
任务5.2.4 综合设置边框
任务5.2.5 圆角边框
任务5.2.6 阶段案例
任务5.3 盒子背景属性
任务5.3.1 设置背景颜色
任务5.3.2 设置背景图像
任务5.3.3 背景与图片不透明度的设置
任务5.3.4 设置背景图像平铺
任务5.3.5 设置背景图像的位置
任务5.3.6 设置背景图像固定
任务5.3.7 设置背景图像的大小
任务5.3.8 阶段案例
任务5.4 盒子渐变属性
任务5.4.1 线性渐变
任务5.4.2 径向渐变
任务5.4.3 重复渐变
任务5.4.4 阶段案例
项目小结
项目实训
项目六 元素的浮动与定位
任务6.1 浮动
任务6.1.1 浮动的属性
任务6.1.2 浮动的清除
任务6.1.3 overflow属性
任务6.2 定位布局
任务6.2.1 定位布局的属性
任务6.2.2 层叠等级属性
任务6.3 类型转换
任务6.3.1 类型分类
任务6.3.2 标记
任务6.3.3 元素之间转换
任务6.4 阶段案例
项目小结
项目实训
项目七 网页布局技术
任务7.1 框架布局
任务7.2 阶段案例
任务7.3 CSS3+DIV技术布局
任务7.3.1 单列布局
任务7.3.2 多列布局
任务7.4 阶段案例
项目小结
项目实训
项目八 网页表单的应用
任务8.1 表单
任务8.1.1 表单属性
任务8.1.2 <input>标记
任务8.1.3 <input>标记的属性
任务8.1.4 其他表单元素
任务8.2 阶段案例
项目小结
项目实训
项目九 跨平台响应式技术
任务9.1 响应式媒体查询
任务9.1.1 媒体类型查询
任务9.1.2 媒体特性查询
任务9.2 Bootstrap框架
任务9.2.1 Bootstrap框架简介
任务9.2.2 Bootstrap栅格系统
任务9.2.3 使用栅格系统进行响应式布局
任务9.2.4 Bootstrap字体图标
任务9.2.5 Bootstrap响应式表格
任务9.2.6 Bootstrap响应式导航条
任务9.3 阶段案例
项目小结
项目实训
综合项目实战篇
项目十 HTML5+CSS3+Bootstrap综合项目实战
任务10.1 网站建设规划
任务10.2 页面效果分析
任务10.3 制作前期准备
项目小结
参考文献