[
-
内容大纲
本书以搭建新云课堂项目为主线，讲解HTML5+CSS3 Web前端开发技术。全书共12个任务，主要内容包括搭建项目开发环境、制作课程基础页面、制作课程播放页面、使用表单制作页面、在项目中引入CSS、使用CSS3美化页面、使用盒子模型布局页面、使用CSS3浮动布局页面、使用CSS3定位布局页面、利用CSS3动画美化页面、使用CSS3弹性盒子布局页面、使用CSS3媒体查询实现页面响应式布局。本书通过知识讲解与任务实战相结合的方式介绍网站项目开发的流程和方法，配备丰富的教学资源，支持线上线下混合式教学和项目式教学。
本书适合作为高职高专院校、职业本科院校Web前端技术相关课程的教材，也可供初学者自学参考。 -
作者介绍
-
目录
任务01 搭建项目开发环境
1.1 任务概述
1.2 任务目标
1.3 知识图谱
1.4 任务准备
1.4.1 Web概述
1.4.2 主流Web浏览器
1.4.3 常用Web开发工具
1.4.4 Web标准
1.4.5 HTML5的优势
1.5 任务实战
任务1：安装Chrome浏览器
任务2：安装HBuilderX IDE
任务3：使用HBuilderX创建项目
1.6 任务小结
1.7 知识巩固
1.8 任务拓展
任务02 制作课程基础页面
2.1 任务概述
2.2 任务目标
2.3 知识图谱
2.4 任务准备
2.4.1 HTML5基础语法
2.4.2 HTML5语义化结构标签
2.4.3 HTML5常用标签
2.4.4 HTML5实体字符
2.4.5 HTML5超链接、框架标签
2.4.6 HTML5元素分类
2.5 任务实战
任务1：制作页面通用尾部
任务2：制作页面通用头部
任务3：制作课程说明页面
2.6 任务小结
2.7 知识巩固
2.8 任务拓展
任务03 制作课程播放页面
3.1 任务概述
3.2 任务目标
3.3 知识图谱
3.4 任务准备
3.4.1 HTML5列表
3.4.2 HTML5表格
3.4.3 HTML5媒体元素
3.5 任务实战
任务1：制作课程播放页面“视频列表”列表
任务2：制作课程推荐页面“成长路线”列表
任务3：制作课程播放页面“课程资料”表格
任务4：制作课程播放页面播放区域
3.6 任务小结
3.7 知识巩固
3.8 任务拓展
任务04 使用表单制作页面
4.1 任务概述
4.2 任务目标
4.3 知识图谱
4.4 任务准备
4.4.1 表单概述
4.4.2 表单发送方式
4.4.3 常用表单控件
4.4.4 表单验证的作用
4.4.5 表单验证的方法
4.5 任务实战
任务1：制作信息登记页面
任务2：制作用户登录页面
任务3：制作用户注册页面
4.6 任务小结
4.7 知识巩固
4.8 任务拓展
任务05 在项目中引入CSS
5.1 任务概述
5.2 任务目标
5.3 知识图谱
5.4 任务准备
5.4.1 CSS3概述
5.4.2 CSS3基础语法
5.4.3 CSS3引入方式
5.4.4 CSS3基础选择器
5.4.5 CSS3高级选择器
5.4.6 CSS3选择器权重问题
5.5 任务实战
任务1：美化课程说明页面
任务2：美化课程播放页面
5.6 任务小结
5.7 知识巩固
5.8 任务拓展
任务06 使用CSS3美化页面
6.1 任务概述
6.2 任务目标
6.3 知识图谱
6.4 任务准备
6.4.1 文字样式
6.4.2 文本样式
6.4.3 超链接样式
6.4.4 列表样式
6.4.5 背景样式
6.4.6 背景渐变
6.5 任务实战
任务1：美化页面通用尾部
任务2：美化页面通用头部
任务3：美化课程播放页面中的“课程资料”表格
任务4：制作课程推荐页面“更多好课”部分
6.6 任务小结
6.7 知识巩固
6.8 任务拓展
任务07 使用盒子模型布局页面
7.1 任务概述
7.2 任务目标
7.3 知识图谱
7.4 任务准备
7.4.1 盒子模型结构
7.4.2 盒子模型的组成
7.4.3 计算盒子模型的尺寸
7.4.4 IE盒子模型
7.4.5 使用Chrome调试工具检查盒子尺寸
7.4.6 边框圆角
7.4.7 使用border-radius属性制作特殊图形
7.4.8 盒子阴影
7.5 任务实战
任务1：美化课程播放页面中的“视频列表”列表
任务2：美化用户登录页面
任务3：美化用户注册页面
7.6 任务小结
7.7 知识巩固
7.8 任务拓展
任务08 使用CSS3浮动布局页面
8.1 任务概述
8.2 任务目标
8.3 知识图谱
8.4 任务准备
8.4.1 标准文档流
8.4.2 display属性
8.4.3 浮动
8.4.4 清除浮动
8.5 任务实战
任务1：使用浮动左右布局
任务2：使用浮动单行布局
任务3：使用浮动多行布局
8.6 任务小结
8.7 知识巩固
8.8 任务拓展
任务09 使用CSS3定位布局页面
9.1 任务概述
9.2 任务目标
9.3 知识图谱
9.4 任务准备
9.4.1 定位概述
9.4.2 相对定位
9.4.3 绝对定位
9.4.4 固定定位
9.4.5 黏性定位
9.4.6 z-index
9.5 任务实战
任务1：制作课程层叠角标
任务2：使用绝对定位实现用户登录页面居中
任务3：固定定位置顶按钮
任务4：黏性定位页面通用头部
9.6 任务小结
9.7 知识巩固
9.8 任务拓展
任务10 利用CSS3动画美化页面
10.1 任务概述
10.2 任务目标
10.3 知识图谱
10.4 任务准备
10.4.1 变形
10.4.2 过渡
10.4.3 动画
10.5 任务实战
任务1：制作鼠标指针悬浮过渡效果
任务2：使用动画制作轮播区域
10.6 任务小结
10.7 知识巩固
10.8 任务拓展
任务11 使用CSS3弹性盒子布局页面
11.1 任务概述
11.2 任务目标
11.3 知识图谱
11.4 任务准备
11.4.1 弹性盒子
11.4.2 弹性盒子容器属性
11.4.3 弹性盒子项目属性
11.5 任务实战
任务1：使用弹性盒子布局课程推荐页面
任务2：使用弹性盒子布局课程播放页面
11.6 任务小结
11.7 知识巩固
11.8 任务拓展
任务12 使用CSS3媒体查询实现页面响应式布局
12.1 任务概述
12.2 任务目标
12.3 知识图谱
12.4 任务准备
12.4.1 媒体查询与响应式布局
12.4.2 媒体查询语法
12.4.3 媒体查询的引入方式
12.4.4 em与rem
12.5 任务实战
任务1：为用户登录页面应用响应式布局
任务2：为课程推荐页面应用响应式布局
12.6 任务小结
12.7 知识巩固
12.8 任务拓展
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔，龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年，恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...