- 中国铁道出版社
- 9787113292485
- 1-1
- 451545
- 66259722-8
- 16开
- 2022-08
- 268
- 计算机类
- 高职
内容简介
本书以培养网页设计与制作开发能力为目标，采用校企双元开发，以项目为载体贯穿知识点
和技能点，借助企业一线最新任务案例，并融入“1+X”Web 前端开发职业技能等级证书所考知
识点，为考证提供支持。
按照工作系统化理念，梳理典型工作任务，结合“1+X”相应证书要求，梳理职业能力，并
将职业能力模块化，构建五个项目。项目下包含该项目涉及的职业能力，并将职业能力用具体的
任务体现，最后是该项目的实施步骤。
本书体现以学生为主体，提供每个项目实施关键代码，并设计项目任务实施记录单，鼓励学
生记录、反思，进而激发学生的创新实践能力。同时针对关键技能点，插入视频二维码，实现手
机随扫随学。
本书可作为高等职业学校“网页设计与制作”课程的教材，也可作为“1+X”Web 前端开发
职业技能等级证书的参考教材。
和技能点，借助企业一线最新任务案例，并融入“1+X”Web 前端开发职业技能等级证书所考知
识点，为考证提供支持。
按照工作系统化理念，梳理典型工作任务，结合“1+X”相应证书要求，梳理职业能力，并
将职业能力模块化，构建五个项目。项目下包含该项目涉及的职业能力，并将职业能力用具体的
任务体现，最后是该项目的实施步骤。
本书体现以学生为主体，提供每个项目实施关键代码，并设计项目任务实施记录单，鼓励学
生记录、反思，进而激发学生的创新实践能力。同时针对关键技能点，插入视频二维码，实现手
机随扫随学。
本书可作为高等职业学校“网页设计与制作”课程的教材，也可作为“1+X”Web 前端开发
职业技能等级证书的参考教材。
目录
项目1 简单静态页面制作 1
1 1 项目目标 1
1 2 项目描述 1
1 3 相关知识 2
1 3 1 开发工具HBuilder的使用 2
1 3 2 文本、图像、超链接等标签的使用 6
1 3 3 列表标签的使用 22
1 3 4 表格标签的基本用法 28
1 3 5 表格标签的进阶用法 35
1 3 6 表单标签的使用 41
1 3 7 常见表单元素的使用 44
1 4 项目实施 53
1 4 1 需求分析 53
1 4 2 项目组织 53
1 4 3 项目流程 53
习题 58
项目2 使用CSS设计页面样式 60
2 1 项目目标 60
2 2 项目描述 60
2 3 相关知识 61
2 3 1 CSS样式理论 61
2 3 2 CSS样式基本选择器 68
2 3 3 CSS样式复合选择器 73
2 3 4 使用CSS设置文本 81
2 3 5 使用CSS设置图片效果 90
2 3 6 使用CSS美化表格 95
2 3 7 使用CSS美化表单 105
2 3 8 使用CSS美化列表 115
2 3 9 Hack原理在CSS样式中的
应用 121
2 4 项目实施 124
2 4 1 需求分析 124
2 4 2 项目组织 124
2 4 3 项目流程 124
习题 129
项目3 盒子模型和元素定位 134
3 1 项目目标 134
3 2 项目描述 134
3 3 相关知识 135
3 3 1 盒子模型 135
3 3 2 标准文档流 142
3 3 3 元素定位 145
3 4 项目实施 165
3 4 1 需求分析 165
3 4 2 项目组织 165
3 4 3 项目流程 166
习题 167
项目4 网页布局 169
4 1 项目目标 169
4 2 项目描述 169
II
网页设计与制作
4 3 相关知识 171
4 3 1 了解DIV+CSS 171
4 3 2 DIV+CSS布局思路 172
4 3 3 常见布局 174
4 3 4 DIV+CSS布局的应用 185
4 3 5 使用iframe标签实现页面布局
重构 189
4 4 项目实施 193
4 4 1 需求分析 193
4 4 2 项目组织 194
4 4 3 项目流程 194
习题 199
项目5 CSS3新特性灵动页面 203
5 1 项目目标 203
5 2 项目描述 203
5 3 相关知识 205
5 3 1 CSS3简介 205
5 3 2 CSS3新增选择器 206
5 3 3 CSS3新增背景属性 209
5 3 4 CSS3新增字体文本属性 213
5 3 5 CSS3新增盒子模型属性 216
5 3 6 CSS3动画 218
5 4 项目实施 222
5 4 1 需求分析 222
5 4 2 项目组织 222
5 4 3 项目流程 222
习题 249
附录A Web前端开发职业技能等级
证书模拟题库 251
“1+X”Web前端初级题目 251
参考文献 261
1 1 项目目标 1
1 2 项目描述 1
1 3 相关知识 2
1 3 1 开发工具HBuilder的使用 2
1 3 2 文本、图像、超链接等标签的使用 6
1 3 3 列表标签的使用 22
1 3 4 表格标签的基本用法 28
1 3 5 表格标签的进阶用法 35
1 3 6 表单标签的使用 41
1 3 7 常见表单元素的使用 44
1 4 项目实施 53
1 4 1 需求分析 53
1 4 2 项目组织 53
1 4 3 项目流程 53
习题 58
项目2 使用CSS设计页面样式 60
2 1 项目目标 60
2 2 项目描述 60
2 3 相关知识 61
2 3 1 CSS样式理论 61
2 3 2 CSS样式基本选择器 68
2 3 3 CSS样式复合选择器 73
2 3 4 使用CSS设置文本 81
2 3 5 使用CSS设置图片效果 90
2 3 6 使用CSS美化表格 95
2 3 7 使用CSS美化表单 105
2 3 8 使用CSS美化列表 115
2 3 9 Hack原理在CSS样式中的
应用 121
2 4 项目实施 124
2 4 1 需求分析 124
2 4 2 项目组织 124
2 4 3 项目流程 124
习题 129
项目3 盒子模型和元素定位 134
3 1 项目目标 134
3 2 项目描述 134
3 3 相关知识 135
3 3 1 盒子模型 135
3 3 2 标准文档流 142
3 3 3 元素定位 145
3 4 项目实施 165
3 4 1 需求分析 165
3 4 2 项目组织 165
3 4 3 项目流程 166
习题 167
项目4 网页布局 169
4 1 项目目标 169
4 2 项目描述 169
II
网页设计与制作
4 3 相关知识 171
4 3 1 了解DIV+CSS 171
4 3 2 DIV+CSS布局思路 172
4 3 3 常见布局 174
4 3 4 DIV+CSS布局的应用 185
4 3 5 使用iframe标签实现页面布局
重构 189
4 4 项目实施 193
4 4 1 需求分析 193
4 4 2 项目组织 194
4 4 3 项目流程 194
习题 199
项目5 CSS3新特性灵动页面 203
5 1 项目目标 203
5 2 项目描述 203
5 3 相关知识 205
5 3 1 CSS3简介 205
5 3 2 CSS3新增选择器 206
5 3 3 CSS3新增背景属性 209
5 3 4 CSS3新增字体文本属性 213
5 3 5 CSS3新增盒子模型属性 216
5 3 6 CSS3动画 218
5 4 项目实施 222
5 4 1 需求分析 222
5 4 2 项目组织 222
5 4 3 项目流程 222
习题 249
附录A Web前端开发职业技能等级
证书模拟题库 251
“1+X”Web前端初级题目 251
参考文献 261
