Web前端开发项目式教程（HTML5+CSS3+JavaScript） / 高等职业教育计算机教育新形态系列教材
定价：￥49.80
作者： 刘姗姗，马妍妍，林淑云等
出版时间：2025-07
最新印次日期：2025-7
出版社：中国铁道出版社
- 中国铁道出版社
- 9787113319069
- 1-1
- 572149
- 16开
- 2025-07
- 电子与信息大类
- 计算机类
- 计算机类
- 高职
作者简介
内容简介
本书以构建Web开发核心能力为目标，系统讲解前端必备技术与实践方法。全书通过4个项目（包含10个任务，9个进阶训练）模拟真实的任务开发场景，任务遵循“任务目标→知识准备→任务实施→进阶训练→课后练习”的学习主线，分别介绍了网页基础知识、HTML5语法结构和基础标签、CSS基础样式及动画等高级样式、盒子模型、HTML5表单、多媒体标签的使用和JavaScript基础知识。每个实训案例都包含了对前面知识的复习和巩固，致力于营造真实的工作情境，引导学生掌握Web前端核心技术，并形成良好的职业素养。
本书适合作为高等职业院校“Web前端开发”课程的教材，也可作为“1+X”Web前端开发（中级）职业技能等级证书的考试参考书，还可供从事网页制作、网站开发、网页编程等工作的人员参考。
本书适合作为高等职业院校“Web前端开发”课程的教材，也可作为“1+X”Web前端开发（中级）职业技能等级证书的考试参考书，还可供从事网页制作、网站开发、网页编程等工作的人员参考。
目录
项目一知己——制作个人简历网站1
任务一初识网页结构2
【任务目标】2
【知识准备】2
一、网页基础知识介绍2
二、HTML5概述3
三、HTML5基础知识5
【任务实施】9
【课后练习】14
任务二制作个人简历15
【任务目标】15
【知识准备】15
一、文本控制标签15
二、图像应用19
三、超链接应用24
四、序列标签28
【任务实施】32
【进阶训练】35
【课后练习】35
任务三美化个人简历36
【任务目标】36
【知识准备】37
一、CSS概述37
二、CSS样式规则37
三、CSS样式的引入37
四、CSS基础选择器40
五、CSS基础属性47
六、CSS高级特性49
【任务实施】52
【进阶训练】56
【课后练习】66
项目二知彼——制作招聘网站68
任务一制作招聘网站导航栏69
【任务目标】69
【知识准备】69
一、盒子模型的概念69
二、边框属性70
三、内边距属性74
四、外边距属性76
五、元素的类型和转换79
六、颜色透明度83
七、圆角边框84
八、图片边框85
九、box-sizing属性88
【任务实施】88
【进阶训练】93
【课后练习】100
任务二制作招聘网站首页102
【任务目标】102
【知识准备】102
一、浮动102
二、清除浮动104
三、定位106
【任务实施】110
【进阶训练】119
【课后练习】123
任务三制作Web前端岗位展示页面124
【任务目标】124
【知识准备】125
一、弹性盒子125
二、弹性盒子容器属性125
三、弹性盒子项目属性136
【任务实施】140
【进阶训练】147
【课后练习】147
【进阶训练】147
【课后练习】147
项目三知天文——制作航天知识竞赛网站149
任务一制作航天知识竞赛页面150
【任务目标】150
【知识准备】150
一、初识表单150
二、创建表单151
三、input表单元素151
四、表单验证功能155
【任务实施】155
【进阶训练】160
【课后练习】164
任务二制作航天新闻页面165
【任务目标】165
【知识准备】166
一、HTML5多媒体特性166
二、常见多媒体格式167
三、嵌入视频167
四、嵌入音频168
五、音频、视频中的标签169
六、音频、视频的DOM操作170
【任务实施】171
【进阶训练】177
【课后练习】177
项目四知地理——制作天气预报网站178
任务一制作天气预报展示页面179
【任务目标】179
【知识准备】179
一、过渡179
二、变形182
【任务实施】194
【进阶训练】200
【课后练习】207
任务二制作天气预报查询页面208
【任务目标】208
【知识准备】208
一、JavaScript简介208
二、JavaScript语言基础211
三、JavaScript函数214
四、JavaScript对象215
五、DOM简介216
【任务实施】219
【进阶训练】225
【课后练习】226
任务一初识网页结构2
【任务目标】2
【知识准备】2
一、网页基础知识介绍2
二、HTML5概述3
三、HTML5基础知识5
【任务实施】9
【课后练习】14
任务二制作个人简历15
【任务目标】15
【知识准备】15
一、文本控制标签15
二、图像应用19
三、超链接应用24
四、序列标签28
【任务实施】32
【进阶训练】35
【课后练习】35
任务三美化个人简历36
【任务目标】36
【知识准备】37
一、CSS概述37
二、CSS样式规则37
三、CSS样式的引入37
四、CSS基础选择器40
五、CSS基础属性47
六、CSS高级特性49
【任务实施】52
【进阶训练】56
【课后练习】66
项目二知彼——制作招聘网站68
任务一制作招聘网站导航栏69
【任务目标】69
【知识准备】69
一、盒子模型的概念69
二、边框属性70
三、内边距属性74
四、外边距属性76
五、元素的类型和转换79
六、颜色透明度83
七、圆角边框84
八、图片边框85
九、box-sizing属性88
【任务实施】88
【进阶训练】93
【课后练习】100
任务二制作招聘网站首页102
【任务目标】102
【知识准备】102
一、浮动102
二、清除浮动104
三、定位106
【任务实施】110
【进阶训练】119
【课后练习】123
任务三制作Web前端岗位展示页面124
【任务目标】124
【知识准备】125
一、弹性盒子125
二、弹性盒子容器属性125
三、弹性盒子项目属性136
【任务实施】140
【进阶训练】147
【课后练习】147
【进阶训练】147
【课后练习】147
项目三知天文——制作航天知识竞赛网站149
任务一制作航天知识竞赛页面150
【任务目标】150
【知识准备】150
一、初识表单150
二、创建表单151
三、input表单元素151
四、表单验证功能155
【任务实施】155
【进阶训练】160
【课后练习】164
任务二制作航天新闻页面165
【任务目标】165
【知识准备】166
一、HTML5多媒体特性166
二、常见多媒体格式167
三、嵌入视频167
四、嵌入音频168
五、音频、视频中的
六、音频、视频的DOM操作170
【任务实施】171
【进阶训练】177
【课后练习】177
项目四知地理——制作天气预报网站178
任务一制作天气预报展示页面179
【任务目标】179
【知识准备】179
一、过渡179
二、变形182
【任务实施】194
【进阶训练】200
【课后练习】207
任务二制作天气预报查询页面208
【任务目标】208
【知识准备】208
一、JavaScript简介208
二、JavaScript语言基础211
三、JavaScript函数214
四、JavaScript对象215
五、DOM简介216
【任务实施】219
【进阶训练】225
【课后练习】226
