HTML5+CSS3+JavaScript Web前端开发实例教程（慕课版）-图书-人邮教育社区

内容摘要

本书是一本全面介绍HTML5、CSS3和Javascript Web前端开发的指南，共有11个单元，内容涵盖Web前端开发的基础知识和相关技术。其中，单元1介绍Web前端开发基础，单元2~4介绍HTML5的基础知识、排版和交互控件等，单元5~8深入讲解CSS3的基础知识、排版属性、布局属性、动画等，单元9~11介绍JavaScript的基本语法和DOM操作以及对象等。本书注重理论与实践相结合，提供了大量的示例代码和练习题，以帮助读者巩固所学的知识。

第1单元　Web前端开发基础　1
【学习导读】　1
【学习目标】　1
【思维导图】　1
1.1　网页概述　2
1.1.1　基本概念　2
1.1.2　静态网页与动态网页　3
1.2　技术介绍　3
1.2.1　HTML　3
1.2.2　CSS　3
1.2.3　JavaScript　3
1.3　浏览器介绍　3
1.3.1　常见浏览器　3
1.3.2　浏览器内核　4
1.4　VS Code编辑器介绍　4
1.4.1　安装VS Code编辑器　5
1.4.2　设置VS Code编辑器　7
1.4.3　利用VS Code编辑器创建HTML模板　8
【商业实例】“仿写淘宝首页”项目——创建网页模板　9
任务一　创建HTML模板代码　9
任务二　修改title为“淘宝首页”　10
任务三　创建网页内容区域并填充内容　10
【综合实训】安装与使用VS Code编辑器　10
【单元小结】　11
【课后练习】　11
【实战演练】修改VS Code配置　12
单元2　HTML5基础　13
【学习导读】　13
【学习目标】　13
【思维导图】　13
2.1　HTML5是什么　14
2.1.1　HTML5 网页结构　14
2.1.2　HTML元素　15
2.2　HTML属性　15
2.3　HTML标题　16
2.4　HTML段落和换行　17
【商业实例】“仿写淘宝首页”项目——编写网页元素　18
任务一　开发顶部导航区域　18
任务二　编写搜索框区域的HTML代码　18
任务三　编写分类、轮播图和用户信息模块的元素　19
【综合实训】设计黄山风景介绍网页　23
【单元小结】　23
【课后练习】　23
【实战演练】制作人物介绍网页　24
单元3　HTML5排版　25
【学习导读】　25
【学习目标】　25
【思维导图】　25
3.1　HTML表格　26
3.1.1　表格属性　27
3.1.2　<th>和<td>的属性　28
3.2　HTML框架　30
3.3　HTML列表　31
3.3.1　有序列表　31
3.3.2　无序列表　33
3.3.3　自定义列表　34
3.3.4　列表嵌套　35
【商业实例】“仿写淘宝首页”项目——编写“猜你喜欢”模块　36
任务一　开发商品卡片　36
任务二　开发商品列表　37
【综合实训】制作新闻列表页　39
【单元小结】　39
【课后练习】　39
【实战演练】制作课程表　40
单元4　HTML5交互控件　41
【学习导读】　41
【学习目标】　41
【思维导图】　41
4.1　HTML5区块内联　42
4.1.1　区块元素　42
4.1.2　内联元素　42
4.2　HTML5表单　43
4.2.1　输入框　44
4.2.2　下拉列表框　45
4.2.3　单选按钮　45
4.2.4　复选框　45
4.2.5　文本域　46
4.2.6　按钮　46
4.3　HTML5音视频控件　46
4.3.1　embed控件　47
4.3.2　object控件　47
4.3.3　audio控件　48
4.3.4　video控件　48
【商业实例】“仿写淘宝首页”项目——开发登录表单和底部区域　49
任务一　编写用户登录模块　49
任务二　编写规则与协议、新手上路、付款方式和淘宝特色的模块说明　51
任务三　开发淘宝首页底部区域　53
【综合实训】制作个人信息调查表　58
【单元小结】　59
【课后练习】　59
【实战演练】制作文本显示网页　59
单元5　CSS3基础　60
【学习导读】　60
【学习目标】　60
【思维导图】　60
5.1　什么是CSS3　61
5.2　CSS语法　61
5.3　CSS引入方式　61
5.3.1　外部样式表　61
5.3.2　内部样式表　62
5.3.3　内联样式　62
5.3.4　引入方式优先级　62
5.4　CSS3基础选择器　62
5.4.1　标签选择器　62
5.4.2　id选择器　63
5.4.3　class选择器　64
5.4.4　后代选择器　64
5.4.5　选择器优先级　65
5.5　CSS3复杂选择器　66
5.5.1　直接子元素选择器　66
5.5.2　相邻兄弟选择器　67
5.5.3　后续兄弟选择器　68
5.5.4　伪类选择器　68
5.5.5　属性选择器　71
5.6　CSS3基础属性　73
5.6.1　CSS尺寸属性　73
5.6.2　CSS背景属性　74
5.6.3　CSS超链接属性　79
【商业实例】“仿写淘宝首页”项目——开发顶部导航和搜索框区域的样式　80
任务一　设置顶部导航区域的样式　81
任务二　设置搜索框区域的样式　81
【综合实训】制作文章详情网页　84
【单元小结】　84
【课后练习】　84
【实战演练】制作搜索结果页　85
单元6　CSS3排版属性　86
【学习导读】　86
【学习目标】　86
【思维导图】　86
6.1　CSS列表　87
6.2　CSS隐藏　88
6.3　CSS的display属性　90
6.4　CSS表格　92
6.4.1　caption-side属性　92
6.4.2　表格边框属性　92
6.4.3　border-collapse属性　93
6.4.4　设置表格宽度和高度　94
6.4.5　设置表格内文字对齐方式　95
6.4.6　设置表格隔行色　96
6.5　CSS盒子模型　99
6.5.1　padding属性　99
6.5.2　border属性　100
6.5.3　box-sizing属性　103
6.5.4　outline属性　103
6.5.5　margin属性　105
【商业实例】“仿写淘宝首页”项目——设置样式　107
任务一　设置分类、轮播图和用户信息模块的样式　107
任务二　设置登录模块的样式　110
【综合实训】制作介绍四大名著的Tab　112
【单元小结】　112
【课后练习】　113
【实战演练】制作个人信息表　113
单元7　CSS3布局属性　114
【学习导读】　114
【学习目标】　114
【思维导图】　114
7.1　CSS浮动　115
7.2　CSS定位　117
7.2.1　static静态定位　117
7.2.2　fixed固定定位　118
7.2.3　relative相对定位　119
7.2.4　absolute绝对定位　119
7.2.5　重叠的元素　121
7.3　CSS3弹性盒子属性　122
7.3.1　flex　122
7.3.2　justify-content　123
7.3.3　flex-wrap　123
7.3.4　align-content　124
7.3.5　align-items　124
7.3.6　align-self　124
7.3.7　flex-direction　125
【商业实例】“仿写淘宝首页”项目——设置“猜你喜欢”模块的样式布局样式　126
任务一　设置商品卡片样式　126
任务二　设置商品列表样式　128
【综合实训】制作浮动的广播条　128
【单元小结】　129
【课后练习】　129
【实战演练】制作生日卡片网页　129
单元8　CSS3动画　131
【学习导读】　131
【学习目标】　131
【思维导图】　131
8.1　CSS3过渡　132
8.2　CSS3转换　133
8.2.1　2D转换　133
8.2.2　3D转换　133
8.3　CSS3动画　135
8.3.1　@keyframes　135
8.3.2　animation属性　136
8.3.3　animation-timing-function　136
8.3.4　animation-fill-mode属性　136
8.3.5　animation-direction属性　137
8.3.6　animation-play-state属性　137
8.4　CSS3媒体查询　139
【商业实例】“仿写淘宝首页”项目——给淘宝首页添加动画效果　141
任务一　为轮播图添加左右滑动动画效果　141
任务二　为热点模块添加动画效果　142
【综合实训】制作会动的小球动画　144
【单元小结】　144
【课后练习】　144
【实战演练】制作兼容移动端的导航栏　145
单元9　JavaScript基础　146
【学习导读】　146
【学习目标】　146
【思维导图】　147
9.1　JavaScript简介　147
9.1.1　JavaScript特点　147
9.1.2　ECMAScript版本　148
9.2　JavaScript用法　148
9.2.1　<script> 标签　148
9.2.2　<body>中的JavaScript　149
9.2.3　外部的JavaScript　149
9.3　JavaScript运行环境　150
9.3.1　调试JavaScript代码　151
9.3.2　Chrome snippets　151
9.4　JavaScript输出　152
9.4.1　警告框　153
9.4.2　操作HTML元素　153
9.4.3　写入HTML文档　154
9.4.4　输出到控制台　154
9.5　JavaScript语法　155
9.5.1　JavaScript字面量　155
9.5.2　JavaScript 变量　155
9.5.3　JavaScript 操作符　156
9.5.4　JavaScript 语句　156
9.5.5　JavaScript关键字　156
9.5.6　JavaScript标识符　157
9.5.7　JavaScript注释　157
9.5.8　JavaScript 数据类型　158
9.6　JavaScript函数　158
9.6.1　JavaScript函数语法　159
9.6.2　带参数的函数　159
9.6.3　带有返回值的函数　159
【商业实例】“仿写淘宝首页”项目——开发登录校验功能　160
任务一　为“登录”按钮添加事件　160
任务二　进行用户名密码校验　161
【综合实训】制作用户列表网页　162
【单元小结】　162
【课后练习】　162
【实战演练】制作网站导航页　163
单元10　JavaScript DOM介绍　164
【学习导读】　164
【学习目标】　164
【思维导图】　164
10.1　DOM简介　165
10.2　DOM元素　165
10.2.1　document对象　165
10.2.2　通过id查找HTML元素　166
10.2.3　通过class查找HTML元素　166
10.2.4　通过标签名查找HTML元素　166
10.2.5　改变HTML输出流　167
10.2.6　改变HTML内容　167
10.2.7　修改HTML属性　168
10.2.8　创建新的HTML元素　168
10.2.9　删除已有的HTML元素　169
10.2.10　修改样式　169
10.3　DOM事件　170
10.3.1　onclick事件　170
10.3.2　onload和onunload事件　171
10.3.3　onchange事件　171
10.3.4　onmouseover和onmouseout 事件　172
10.3.5　onmousedown和onmouseup事件　172
10.4　DOM事件监听器　173
10.4.1　addEventListener()方法　173
10.4.2　向元素添加多个事件　174
10.4.3　事件冒泡或事件捕获　174
10.4.4　removeEventListener()方法　174
【商业实例】“仿写淘宝首页”项目——添加事件　175
任务一　给“搜索”按钮添加单击事件　175
任务二　给搜索框添加回车事件　176
【综合实训】制作ToDo List列表　176
【单元小结】　177
【课后练习】　177
【实战演练】制作tooltip控件　178
单元11　JavaScript对象　179
【学习导读】　179
【学习目标】　179
【思维导图】　179
11.1　对象简介　180
11.1.1　访问对象的属性　180
11.1.2　访问对象的方法　180
11.1.3　创建JavaScript对象　181
11.1.4　创建对象实例　181
11.1.5　JavaScript类　182
11.2　Number对象　183
11.2.1　数字　183
11.2.2　精度　184
11.2.3　八进制和十六进制　184
11.2.4　Infinity　184
11.2.5　NaN　185
11.3　字符串对象　185
11.3.1　字符串长度　186
11.3.2　查找字符串　186
11.3.3　大小写转换　186
11.3.4　转为数组　187
11.3.5　特殊字符　187
11.4　日期对象　187
11.4.1　创建日期　188
11.4.2　获取日期　188
11.4.3　设置日期　188
11.4.4　日期比较　189
11.5　数组对象　190
11.5.1　创建数组　190
11.5.2　访问数组　190
11.5.3　数组属性和方法　190
【商业实例】“仿写淘宝首页”项目——添加跳转链接　191
任务一　给分类模块添加跳转链接　191
任务二　给商品卡片添加跳转链接　192
【综合实训】制作穿梭框功能组件　192
【单元小结】　193
【课后练习】　193
【实战演练】制作时钟页　194

读者评论

赶紧抢沙发哦！

我要评论

出版信息

书　　名：HTML5+CSS3+JavaScript Web前端开发实例教程（慕课版）
执行编辑：本书的内容有任何问题，请联系王亚娜
书　　号：978-7-115-68039-6
作　　者： 魏丽芬刘维娜郑瑾
定　　价：69.80 元
页　　数：250
印刷方式：黑白印刷
开　　本：16开
出版状态：正在审校

作者介绍

魏丽芬，福建信息职业技术学院软件技术专业教师，副教授，福建省高级“双师型”教师。自参加工作以来，爱岗敬业，认真履行教书育人职责，曾多次获校《优秀共产党员》和《优秀教师》称号。主持完成教育厅课题《<虚拟现实开发引擎>课程“工单制”教学模式实践研究1项；主持完成校级课题《军事打靶虚拟仿真系统开发研究》等2项；参与教育部科发中心课题：信创背景下农业智能感知技术之数字量采集控制器研究（排名第2）；在本科学报独立发表论文2篇，CN上发表论文5篇；2023年主持完成省级在线精品课程《HTML5网站设计》1门；2023年主编(第2)《3ds Max三维艺术与设计50课（全彩慕课版）》；2018年以来，指导学生参加职业技能大赛“虚拟现实（VR）设计与制作”获国赛三等奖1项，省赛一等奖1项，省赛二等奖2项；指导学生参加双创比赛《掌上有“渔”》获得省赛金奖1项（排名第3）；取得软件著作权2项，主持完成横向课题2项。