网页制作（HTML5+CSS3）
定价：￥59.80
作者： 郑哲
出版时间：2025-01
出版社：电子工业出版社
- 电子工业出版社
- 9787121494376
- 1-1
- 540630
- 68260301-4
- 平塑
- 16开
- 2025-01
- 545
- 324
- 电子与信息大类
- 网络
- 高职
内容简介
基于工业和信息化部1+X职业技能等级证书《Web前端开发职业技能等级标准》（初级），本书以静态网页制作所需的HTML5及CSS3语法为主要内容，包括10个项目，分别为开发前的准备、HTML基础、使用CSS 基本选择器美化页面、使用 CSS 高级选择器美化页面、盒子模型、表格和表单、浮动和定位、Flex 布局、过渡和动画、多媒体应用。通过学习本书，学生能够掌握网页制作开发工具的使用方法、开发流程和实用技能，为自己的职业发展打下坚实的基础。
目录
项目1 开发前的准备 1
1.1 Web前端技术简介 1
1.1.1 Web前端开发职业技能等级标准 2
1.1.2 什么是全栈工程师 2
1.1.3 哪些人适合学Web前端 2
1.1.4 W3C组织与W3C标准 3
1.2 认识网页 3
1.2.1 网页与网站 3
1.2.2 网页的构成要素 4
1.3 网站工作原理 4
任务1-1 使用浏览器访问课程网站 5
任务1-2 使用域名访问课程网站 6
1.4 常用开发工具简介 7
任务1-3 安装Dreamweaver 10
任务1-4 安装HBuilderX 12
1.5 创建第一个HTML页面 13
任务1-5 使用Dreamweaver创建第一个HTML页面 13
任务1-6 使用HBuilderX创建第一个HTML页面 17
1.6 小结 18
1.7 作业 18
项目2 HTML基础 20
2.1 HTML简介 21
2.2 HTML页面的基本结构 21
2.3 HTML语法规则 24
2.4 认识更多语义化标签 26
2.4.1 文档结构标签 26
2.4.2
1.1 Web前端技术简介 1
1.1.1 Web前端开发职业技能等级标准 2
1.1.2 什么是全栈工程师 2
1.1.3 哪些人适合学Web前端 2
1.1.4 W3C组织与W3C标准 3
1.2 认识网页 3
1.2.1 网页与网站 3
1.2.2 网页的构成要素 4
1.3 网站工作原理 4
任务1-1 使用浏览器访问课程网站 5
任务1-2 使用域名访问课程网站 6
1.4 常用开发工具简介 7
任务1-3 安装Dreamweaver 10
任务1-4 安装HBuilderX 12
1.5 创建第一个HTML页面 13
任务1-5 使用Dreamweaver创建第一个HTML页面 13
任务1-6 使用HBuilderX创建第一个HTML页面 17
1.6 小结 18
1.7 作业 18
项目2 HTML基础 20
2.1 HTML简介 21
2.2 HTML页面的基本结构 21
2.3 HTML语法规则 24
2.4 认识更多语义化标签 26
2.4.1 文档结构标签 26
2.4.2
标签 29
任务2-1 使用语义化标签构建HTML页面 29
2.4.3 常用的文本标签 30
2.4.4 链接和锚点 38
任务2-2 制作常用链接 42
任务2-3 使用锚点链接 44
2.5 小结 49
2.6 作业 49
项目3 使用CSS基本选择器美化页面 51
3.1 CSS简介 51
3.1.1 CSS的来源 52
3.1.2 CSS的发展历程 52
3.1.3 CSS的优点 52
3.2 CSS的基本语法 53
3.3 基本选择器 54
3.3.1 标签选择器 54
任务3-1 使用标签选择器 56
3.3.2 id选择器 57
3.3.3 类选择器 59
任务3-2 使用多个类选择器 60
3.3.4 字体属性 61
任务3-3 单行文字的垂直居中 67
任务3-4 字体综合练习 69
任务3-5 文字排版控制 72
3.3.5 自定义字体 75
任务3-6 使用自定义字体 75
3.3.6 伪类选择器 77
任务3-7 使用伪类 77
3.3.7 伪元素选择器 79
3.3.8 通用选择器 81
3.4 小结 81
3.5 作业 82
项目4 使用CSS高级选择器美化页面 83
4.1 复合选择器 84
4.1.1 交集选择器 84
4.1.2 并集选择器 85
4.1.3 后代选择器 86
4.1.4 子元素选择器 88
4.1.5 相邻兄弟选择器 91
4.1.6 属性选择器 93
4.2 应用样式的常用方式 95
4.2.1 行内式 95
4.2.2 内嵌式 96
4.2.3 链接式 97
任务4-1 将内嵌式改为链接式 98
4.3 解决CSS冲突的问题 99
4.4 使用Emmet语法 105
4.4.1 Emmet基础语法 105
4.4.2 多重性和项目编号 106
任务4-2 Emmet语法练习1：多重性和项目编号 107
4.4.3 分组 107
任务4-3 Emmet语法练习2：分组 108
4.5 使用LESS、SASS和SCSS 108
4.6 小结 110
4.7 作业 110
项目5 盒子模型 112
5.1 盒子模型 112
5.1.1 盒子模型的组成 113
任务5-1 使用开发者工具查看盒子模型 114
5.1.2 值复制原则 116
5.1.3 内边距特性 117
任务5-2 设置支付宝小程序中的padding 117
5.2 边框 119
5.2.1 边框风格 119
任务5-3 编写并查看边框风格 121
5.2.2 边框宽度 123
5.2.3 边框颜色 123
5.2.4 边框综合样式 124
任务5-4 边框的神秘之旅 124
5.3 外边距 129
5.3.1 设置外边距 129
5.3.2 外边距特性 130
任务5-5 相邻元素外边距合并 131
任务5-6 父子元素外边距合并 133
5.4 背景 135
5.4.1 背景颜色 135
5.4.2 背景图片 135
任务5-7 制作健康打卡功能的渐变背景 142
5.4.3 背景综合样式 150
任务5-8 制作图标 150
任务5-9 使用精灵图 152
5.5 小结 154
5.6 作业 154
项目6 表格和表单 156
6.1 表格 157
6.2 表格标签 158
任务6-1 使用Emmet语法制作金牌榜表格 160
6.3 CSS表格相关样式属性 164
任务6-2 导入数据创建表格 164
6.4 表单 169
6.5 表单标签 170
6.5.1 标签 171
任务6-3 标签的综合示例 177
6.5.2
任务2-1 使用语义化标签构建HTML页面 29
2.4.3 常用的文本标签 30
2.4.4 链接和锚点 38
任务2-2 制作常用链接 42
任务2-3 使用锚点链接 44
2.5 小结 49
2.6 作业 49
项目3 使用CSS基本选择器美化页面 51
3.1 CSS简介 51
3.1.1 CSS的来源 52
3.1.2 CSS的发展历程 52
3.1.3 CSS的优点 52
3.2 CSS的基本语法 53
3.3 基本选择器 54
3.3.1 标签选择器 54
任务3-1 使用标签选择器 56
3.3.2 id选择器 57
3.3.3 类选择器 59
任务3-2 使用多个类选择器 60
3.3.4 字体属性 61
任务3-3 单行文字的垂直居中 67
任务3-4 字体综合练习 69
任务3-5 文字排版控制 72
3.3.5 自定义字体 75
任务3-6 使用自定义字体 75
3.3.6 伪类选择器 77
任务3-7 使用伪类 77
3.3.7 伪元素选择器 79
3.3.8 通用选择器 81
3.4 小结 81
3.5 作业 82
项目4 使用CSS高级选择器美化页面 83
4.1 复合选择器 84
4.1.1 交集选择器 84
4.1.2 并集选择器 85
4.1.3 后代选择器 86
4.1.4 子元素选择器 88
4.1.5 相邻兄弟选择器 91
4.1.6 属性选择器 93
4.2 应用样式的常用方式 95
4.2.1 行内式 95
4.2.2 内嵌式 96
4.2.3 链接式 97
任务4-1 将内嵌式改为链接式 98
4.3 解决CSS冲突的问题 99
4.4 使用Emmet语法 105
4.4.1 Emmet基础语法 105
4.4.2 多重性和项目编号 106
任务4-2 Emmet语法练习1：多重性和项目编号 107
4.4.3 分组 107
任务4-3 Emmet语法练习2：分组 108
4.5 使用LESS、SASS和SCSS 108
4.6 小结 110
4.7 作业 110
项目5 盒子模型 112
5.1 盒子模型 112
5.1.1 盒子模型的组成 113
任务5-1 使用开发者工具查看盒子模型 114
5.1.2 值复制原则 116
5.1.3 内边距特性 117
任务5-2 设置支付宝小程序中的padding 117
5.2 边框 119
5.2.1 边框风格 119
任务5-3 编写并查看边框风格 121
5.2.2 边框宽度 123
5.2.3 边框颜色 123
5.2.4 边框综合样式 124
任务5-4 边框的神秘之旅 124
5.3 外边距 129
5.3.1 设置外边距 129
5.3.2 外边距特性 130
任务5-5 相邻元素外边距合并 131
任务5-6 父子元素外边距合并 133
5.4 背景 135
5.4.1 背景颜色 135
5.4.2 背景图片 135
任务5-7 制作健康打卡功能的渐变背景 142
5.4.3 背景综合样式 150
任务5-8 制作图标 150
任务5-9 使用精灵图 152
5.5 小结 154
5.6 作业 154
项目6 表格和表单 156
6.1 表格 157
6.2 表格标签 158
任务6-1 使用Emmet语法制作金牌榜表格 160
6.3 CSS表格相关样式属性 164
任务6-2 导入数据创建表格 164
6.4 表单 169
6.5 表单标签 170
6.5.1 标签 171
任务6-3 标签的综合示例 177
6.5.2