HTML5+CSS3 Web前端开发技术

图书标准信息

• 作者 徐晨
• 出版社 电子工业出版社
• 出版时间 2022-06
• 版次 1
• ISBN 9787121434082
• 定价 49.50元
• 装帧 其他
• 开本 16开
• 页数 264页
• 字数 422.4千字

【内容简介】

本书以《Web前端开发职业技能等级标准》为指导进行编写，满足了高等职业教育软件技术专业网页设计与制作、Web前端开发等课程教学需要。全书分为制作HTML5页面、制作表单页面、制作列表页面、制作详情页面、制作网站首页、知识扩展（在微信小程序中应用HTML5）6个单元。本书结合真实的企业案例，内容涵盖了HTML5和CSS3常用标签及样式的应用，各单元以具体的网页任务为驱动，按学习情境描述、学习目标、任务书、获取信息、工作计划、进行决策、知识准备、相关案例、工作实施、评价反馈、拓展思考的顺序组织内容，引导读者逐步进行学习。本书主要面向软件技术专业Web前端开发方向的学生，同时也可作为软件技术专业其他方向或计算机相关专业的教材，也可作为IT行业软件开发从业人员能力提升的自学参考用书。

【作者简介】

徐晨，女，讲师，多媒体应用设计师，硕士研究生，毕业于北京大学软件与微电子学院，软件工程专业（交互媒体艺术方向），就职于重庆工商职业学院，从事软件技术专业Web前端开发方向课程教学7年。公开发表论文5篇，主编、参编教材3本，出版专著1本。主研省厅级教改项目2项，参与重庆市教学成果奖二等奖1项。主持和参与建设网络课程5门，其中重庆市一流课程1门。多次在教学技能大赛中获得奖项，并多次指导学生在专业竞赛中获奖。

【目录】

导言1

课程性质描述1

典型工作任务描述1

课程学习目标1

学习组织形式与方法2

学习情境设计3

学业评价4

单元1  制作HTML5页面5

学习情境1  制作HTML5欢迎页面5

学习情境描述5

学习目标6

任务书6

获取信息6

工作计划7

进行决策8

知识准备8

1.1.1  HBuilder工具下载、安装9

1.1.2  HTML59

1.1.3  HTML5基本结构9

1.1.4  HTML5标签10

相关案例10

工作实施14

评价反馈14

拓展思考16

单元2  制作表单页面17

学习情境2  制作招聘网站账号登录页面18

学习情境描述18

学习目标19

任务书19

获取信息19

工作计划19

进行决策20

知识准备21

2.1.1  区块元素23

2.1.2  语义结构元素23

2.1.3  文本标签23

2.1.4  超链接元素＜a＞25

2.1.5  图像元素＜img＞25

2.1.6  表单元素25

2.1.7  CSS文件导入27

2.1.8  CSS基本选择器27

2.1.9  CSS组合选择器29

2.1.10  CSS伪类选择器29

2.1.11  CSS盒模型30

2.1.12  CSS文本对齐31

2.1.13  CSS背景样式background31

2.1.14  CSS圆角边框border-radius33

2.1.15  CSS盒阴影box-shadow33

2.1.16  CSS布局display33

2.1.17  CSS定位position34

相关案例35

工作实施41

评价反馈42

拓展思考43

2.2  学习情境3  制作招聘网站求职申请页面43

学习情境描述43

学习目标44

任务书44

获取信息44

工作计划44

进行决策45

知识准备46

2.2.1  HTML5新增类型输入元素＜input＞46

2.2.2  输入元素＜input＞的特殊状态属性47

2.2.3  表格元素＜table＞48

2.2.4  CSS属性选择器49

2.2.5  CSS伪元素选择器49

2.2.6  CSS不透明度opacity50

2.2.7  CSS溢出overflow50

2.2.8  CSS浮动float50

2.2.9  CSS浮动float实现左右布局52

相关案例53

工作实施64

评价反馈64

拓展思考65

2.3  学习情境4  制作招聘网站用户注册页面66

学习情境描述66

学习目标66

任务书67

获取信息67

工作计划67

进行决策68

知识准备68

2.3.1  标签元素＜label＞69

2.3.2  CSS行高属性line-height69

2.3.3  CSS文本阴影属性text-shadow69

2.3.4  CSS边距margin实现居中布局70

相关案例71

工作实施77

评价反馈77

拓展思考79

单元3  制作列表页面80

学习情境5  制作招聘网站职位列表页面80

学习情境描述80

学习目标82

任务书82

获取信息82

工作计划82

进行决策84

知识准备84

3.1.1  无序列表＜ul＞84

3.1.2  列表项＜li＞85

3.1.3  定义列表＜dl＞85

3.1.4  ＜datalist＞标签85

3.1.5  @font-face规则86

3.1.6  white-space属性87

3.1.7  overflow属性87

3.1.8  text-overflow属性88

3.1.9  cursor属性88

3.1.10  position属性88

相关案例89

工作实施107

评价反馈108

拓展思考109

单元4  制作详情页面110

学习情境6  制作招聘网站职位详情页面110

学习情境描述110

学习目标111

任务书112

获取信息112

工作计划112

进行决策113

知识准备113

4.1.1  弹性布局Flex114

4.1.2  视口viewport116

4.1.3  媒体查询@media117

相关案例118

工作实施128

评价反馈129

拓展思考130

单元5  制作网站首页131

5.1  学习情境7  制作招聘网站首页131

学习情境描述131

学习目标133

任务书133

获取信息133

工作计划133

进行决策134

知识准备135

5.1.1  视频元素＜video＞135

5.1.2  音频元素＜audio＞136

5.1.3  关键帧动画规则@keyframes136

5.1.4  CSS动画属性animation137

相关案例138

工作实施171

评价反馈172

拓展思考173

5.2  学习情境8  制作企业网站首页173

学习情境描述173

学习目标175

任 务 书175

获取信息175

工作计划175

进行决策176

知识准备177

5.2.1  CSS变换属性transform178

5.2.2  CSS过渡属性transition179

5.2.3  CSS多列属性Column180

相关案例180

工作实施219

评价反馈220

拓展思考221

单元6  知识扩展——在微信小 程序中应用HTML5222

6.1  学习情境9  开发微型播放器

微信小程序222

学习情境描述222

学习目标223

任务书223

获取信息224

工作计划224

进行决策225

知识准备225

6.1.1  video组件的使用方式225

6.1.2  按钮绑定事件226

6.1.3  小程序的调试方式228

相关案例229

工作实施234

评价反馈235

拓展思考236

6.2  学习情境10  开发网上店铺微信小程序236

学习情境描述236

学习目标237

任务书237

获取信息238

工作计划238

进行决策239

知识准备239

6.2.1  view组件239

6.2.2  rich-text组件240

6.2.3  scroll-view组件241

相关案例242

工作实施250

评价反馈250

拓展思考251

附录1  1+X对照表252

附录2  HTML5常用标签字典254

参考文献256