HTML5+CSS3+JavaScript Web开发案例教程

全栈工程师团队精心打磨,Web前端开发新形态精品教材,配套在线实训平台与丰富教辅资源,助力读者快速提升实战能力。
分享 推荐 16 收藏 282 阅读 30.3K
温谦 (作者) 978-7-115-57754-2

关于本书的内容有任何问题,请联系 人邮社 王宣

(1)编排丰富实战案例,可扫前言二维码进行快速预览。
(2)提供在线实训平台(http://code.artech.cn),支撑随时开展全书案例实战演练。
(3)开源分阶实战项目(http://www.geekfun.website),助力不同层次读者(学生)获取企业实战项目开发能力。
(4)配套多类教辅资源,包含文本类、视频类(微课视频)、案例类、平台类等。
(5)建立教师服务与交流群(QQ群号:368845661),立体化服务院校教师教学。

特别说明

为了使本书中的案例作用最大化,我们专门为其提供了“在线实训平台”(http://code.artech.cn)。该平台的具体功能介绍如下。

【在线实训平台】功能:
(1)教师可以利用该平台,在上课过程中直接演练(展示)书中的所有案例,并可通过实时的运行结果同步讲解相关知识点和技能。
(2)师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频,配合实操演练,随时随地进行学习,支持开展线上线下混合式教学。
(3)学生可以在课前或课后通过该平台,实操练习书中的所有案例,实时查看代码运行结果,而且所有案例代码均支持复制与还原。
(4)学生还可以通过该平台实操练习各章课后的实操题,并可通过微信分享功能,将实操的结果分享给其他人,如分享给老师进行审阅。

说明:扫描“从书序中的二维码”可以了解该平台的具体使用方法,教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

内容摘要

→ 本书紧密围绕前端开发工程师在工作中会遇到的实际问题和应该掌握的解决方法与技术,全面介绍了使用HTML5、CSS3和JavaScript(ES6)进行Web前端开发的知识内容与实战技巧。
→ 本书共14章,分三篇,遵循Web标准,强调“表现”与“内容”的分离,规范、全面、系统地介绍了网页设计与制作的方法和技巧。书中给出了大量详细的案例,并对案例进行了分析,便于读者在理解的基础上直接修改后使用。本书编者具备丰富的Web前端开发和教育培训经验,行文细腻,对每一个技术细节和实际工作中可能遇到的难点与错误都进行了详细的说明和提示,大大降低了读者的学习门槛。
→ 本书可以作为高等院校相关专业的网页设计与制作、Web前端开发等课程的教材,也可供网页设计、制作与开发人员参考使用。读者可以在学习并掌握本书所讲的知识内容之后做出精美的网页。

详情页

诚邀您加入【人邮社Web开发教师交流群】

目录

## 章名目录

【第一篇】 基础篇
第1章 Web前端开发基础知识
第2章 HTML5语言基础
第3章 CSS语言基础
第4章 CSS3选择器

【第二篇】 样式与布局篇
第5章 用CSS设置文本样式
第6章 用CSS设置图片效果
第7章 盒子模型
第8章 用CSS设置常用元素样式
第9章 经典DIV+CSS网页布局方法


【第三篇】 JavaScript开发篇
第10章 JavaScript基础
第11章 程序控制流与函数
第12章 JavaScript中的对象
第13章 以集合方式处理数据
第14章 DOM


## 详细目录

【第一篇】 基础篇

第1章 Web前端开发基础知识
1.1 基础概念 02
1.2 网页与HTML语言 04
1.3 Web标准:结构、表现与行为 04
1.3.1 标准的重要性 05
1.3.2 “Web标准”概述 05
1.4 初步理解网站开发的过程 07
1.4.1 基本任务与角色 07
1.4.2 明确网站定位 08
1.4.3 收集信息和素材 08
1.4.4 策划栏目内容 08
1.4.5 设计页面方案 09
1.4.6 制作页面 09
1.4.7 实现后台功能 09
1.4.8 整合与测试网站 09
1.4.9 页面设计相关技术的基础知识 10
本章小结 11
习题1 12

第2章 HTML5语言基础
2.1 HTML5基本知识 13
2.1.1 HTML文件结构 14
2.1.2 简单的HTML案例 15
2.1.3 网页源文件的获取 19
2.2 实例:利用 VS Code 快速建立基本文档 21
2.2.1 创建新的空白文档 21
2.2.2 编写基础的HTML 21
2.3 文本标记 22
2.3.1 实现段落与段内换行(p和br) 22
2.3.2 设置标题(h1~h6) 25
2.3.3 使文字水平居中(center) 25
2.3.4 设置文字段落的缩进(blockquote) 26
2.4 HTML标记与HTML属性 27
2.4.1 用align属性控制段落的水平位置 28
2.4.2 用bgcolor属性设置背景颜色 29
2.4.3 设置文字的特殊样式 30
2.4.4 设置文字的大小和颜色(font) 31
2.4.5 网页中的特殊文字符号 32
2.5 在网页中使用图片(img) 34
2.5.1 网页中的图片格式 34
2.5.2 一个简单的插入了图片的网页 34
2.5.3 使用路径 35
2.5.4 用alt属性为图片设置替换文本 38
2.6 再谈HTML5 39
2.6.1 追根溯源 39
2.6.2 HTML5的优势与特点 40
2.6.3 HTML5的新增标记 41
2.7 实例:创建一个简单的网页 42
本章小结 44
习题2 44

第3章 CSS语言基础
3.1 入门知识 46
3.1.1 CSS标准 47
3.1.2 传统HTML的缺点 47
3.1.3 CSS的引入 48
3.1.4 如何编写CSS 50
3.2 理解CSS规则 51
3.3 基本CSS选择器 52
3.3.1 标记选择器 52
3.3.2 类别选择器 53
3.3.3 ID选择器 56
3.4 在HTML中使用CSS的方法 57
3.4.1 行内样式 58
3.4.2 内嵌式 58
3.4.3 链接式 59
3.4.4 导入样式 60
3.4.5 各种方法的优先级问题 62
本章小结 65
习题3 65

第4章 CSS3选择器
4.1 理解复合选择器 66
4.1.1 交集选择器 67
4.1.2 并集选择器 68
4.1.3 后代选择器 70
4.2 CSS的继承和层叠特性 72
4.2.1 继承关系 73
4.2.2 CSS继承的运用 74
4.2.3 CSS的层叠特性 77
4.3 关系选择器 79
4.3.1 后代选择器 80
4.3.2 子元素选择器 80
4.3.3 相邻兄弟选择器 81
4.3.4 相邻兄弟组选择器 81
4.4 属性选择器 82
4.4.1 “属性存在”选择器 83
4.4.2 “属性等于”选择器 83
4.4.3 “属性包含”选择器 84
4.5 结构伪类选择器 85
4.6 伪元素选择器 86
本章小结 88
习题4 88

【第二篇】 样式与布局篇

第5章 用CSS设置文本样式
5.1 长度单位 90
5.1.1 相对类型 91
5.1.2 绝对类型 91
5.2 颜色定义 92
5.3 实例:通过文字样式美化一个页面 93
5.3.1 准备页面 93
5.3.2 设置文字的字体 93
5.3.3 设置文字的倾斜效果 94
5.3.4 设置文字的加粗效果 96
5.3.5 英文字母大小写转换 96
5.3.6 控制文字的大小 97
5.3.7 文字的装饰效果 99
5.4 实例:通过段落样式美化页面 100
5.4.1 设置段落首行缩进 100
5.4.2 设置字词间距 101
5.4.3 设置段落内部的文字行高 102
5.4.4 设置段落之间的距离 103
5.4.5 控制文本的水平位置 104
5.4.6 设置文字及其背景色 105
5.4.7 设置文字的特效 105
本章小结 106
习题5 107

第6章 用CSS设置图片效果
6.1 设置图片边框 108
6.1.1 基本属性 109
6.1.2 为不同的边框分别设置样式 110
6.2 图片缩放 112
6.3 图文混排 113
6.3.1 文字环绕 113
6.3.2 设置图片与文字的间距 114
6.4 实例:八大行星科普网页 115
6.5 设置图片与文字的对齐方式 118
6.5.1 横向对齐 118
6.5.2 纵向对齐 119
本章小结 120
习题6 121

第7章 盒子模型
7.1 “盒子”与“模型”的概念探究 123
7.2 边框(border) 124
7.2.1 设置边框样式(border-style) 125
7.2.2 属性值的简写形式 126
7.3 设置内边距(padding) 128
7.4 设置外边距(margin) 129
7.5 盒子之间的关系 130
7.5.1 HTML与DOM 130
7.5.2 标准文档流 133
7.5.3 div标记与span标记 135
7.6 盒子在标准流中的定位原则 137
7.6.1 行内元素之间的水平margin 138
7.6.2 块级元素之间的竖直margin 139
7.6.3 嵌套盒子之间的margin 140
7.6.4 margin属性可以设置为负数 141
7.7 实例:盒子模型计算思考题 142
7.8 盒子模型相关的常用样式 145
7.8.1 背景 145
7.8.2 圆角 152
7.8.3 阴影 154
7.8.4 渐变 155
本章小结 158
习题7 158

第8章 用CSS设置常用元素样式
8.1 设置链接与导航菜单 160
8.1.1 超链接标记 160
8.1.2 丰富的超链接特效 162
8.1.3 控制鼠标指针 165
8.1.4 设置项目列表样式 166
8.1.5 实例:创建简单的导航菜单 168
8.2 设置表格样式 171
8.2.1 表格中的标记 171
8.2.2 设置表格的边框 173
8.2.3 确定表格的宽度 174
8.2.4 合并单元格 174
8.2.5 其他与表格相关的标记 177
8.2.6 实例:美化表格 178
8.3 设置表单样式 182
8.3.1 表单的用途和原理 182
8.3.2 表单输入类型 183
8.3.3 实例:美化表单 188
本章小结 190
习题8 190

第9章 经典DIV&CSS网页布局方法
9.1 向报纸学习排版思想 193
9.2 CSS排版观念 195
9.2.1 两列布局 195
9.2.2 三列布局 195
9.2.3 多列布局 196
9.3 元素的浮动 197
9.3.1 浮动的方式 198
9.3.2 使用clear属性清除浮动的影响 201
9.3.3 扩展盒子的高度 202
9.4 元素的定位 204
9.4.1 静态定位(static) 204
9.4.2 相对定位(relative) 205
9.4.3 绝对定位(absolute) 208
9.4.4 固定定位(fixed) 210
9.5 z-index空间位置 210
9.6 经典两列布局 211
9.6.1 准备工作 211
9.6.2 绝对定位法 214
9.6.3 浮动定位法 216
9.7 Grid和Flexbox布局 218
本章小结 219
习题9 219

【第三篇】 JavaScript开发篇

第10章 JavaScript基础
10.1 JavaScript简介 223
10.1.1 JavaScript的起源、发展与标准化 223
10.1.2 JavaScript的组成 224
10.2 JavaScript的基本语法 226
10.3 使用VS Code编写第一个包含JavaScript的页面 227
10.3.1 创建基础的HTML文档 227
10.3.2 编写JavaScript 228
10.3.3 在浏览器中查看与调试 229
10.4 关键字与保留字 230
10.5 变量 231
10.6 数据类型 233
10.6.1 数值类型 233
10.6.2 字符型 234
10.6.3 布尔型 238
10.6.4 类型转换 238
10.6.5 数组 240
本章小结 244
习题10 245

第11章 程序控制流与函数
11.1 顺序结构:赋值语句与表达式 247
11.2 分支结构:条件语句 247
11.2.1 比较运算符 248
11.2.2 逻辑运算符 248
11.2.3 if语句 249
11.2.4 switch语句 250
11.3 循环语句 252
11.3.1 while语句 252
11.3.2 do…while语句 252
11.3.3 for语句 254
11.3.4 break和continue语句 255
11.3.5 实例:九九乘法表 257
11.3.6 for…of语句 259
11.3.7 for…in语句 259
11.4 函数 260
11.4.1 定义函数的基本方法 260
11.4.2 arguments对象 262
11.4.3 实例:杨辉三角形 264
11.4.4 变量的作用域 266
11.4.5 函数作为函数的参数 268
11.4.6 箭头函数 269
11.5 异常处理 270
本章小结 273
习题11 273

第12章 JavaScript中的对象
12.1 理解对象的含义 274
12.1.1 理解常见的“类-对象”结构 275
12.1.2 理解JavaScript中的对象 276
12.1.3 使用ES6的class语法创建类和对象 277
12.2 时间日期:Date对象 279
12.3 数学计算:Math对象 283
12.4 原始类型与装箱 285
12.4.1 Boolean 286
12.4.2 Number 287
12.4.3 String 288
12.5 BOM对象 289
12.5.1 window对象 289
12.5.2 location对象 292
12.5.3 navigator对象 293
12.5.4 screen对象 295
12.5.5 history对象 295
本章小结 298
习题12 298

第13章 以集合方式处理数据
13.1 数组 300
13.1.1 数组的基本操作 300
13.1.2 作为不同数据结构的数组 302
13.2 对象 306
13.3 集合类型 307
13.3.1 Map集合 307
13.3.2 Set集合 309
本章小结 310
习题13 311

第14章 DOM
14.1 网页中的DOM框架 312
14.2 DOM中的节点 313
14.2.1 元素节点 313
14.2.2 文本节点 314
14.2.3 属性节点 314
14.3 通过JavaScript访问DOM 314
14.3.1 访问节点 315
14.3.2 检测节点类型 317
14.3.3 父子兄关系 317
14.3.4 节点属性 320
14.3.5 创建和操作节点 321
14.4 DOM与CSS 325
14.4.1 HTML、CSS、JavaScript三位一体 325
14.4.2 className属性 326
14.5 事件 326
14.5.1 事件与事件流 327
14.5.2 事件监听 328
14.5.3 事件对象 330
本章小结 331
习题14 332

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

温谦:
## 全栈工程师,前沿科技创始人,现从事企业大型软件系统的分析与开发工作,拥有超20年的软件开发经验,主持并成功开发了多个复杂系统,项目实战经验丰富。
## 常销书作者,毕业于华中科技大学计算机专业,主编网页设计与软件开发相关领域图书共12本,图书编写经验颇丰,其中《HTML+CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程(HTML+CSS+DIV)》等图书常销10余年,被百余所高校选作教材。

相关文章

  • web开发系列精品丛书

    样书申请、在线试读,每位老师可申请三本,仅限高校负责相关课程教师申请。...

    169 0 1 1
  • 强国建设教材先行,“9系+1通”信息技术类精品教材展播

    教材是建设落实立德树人根本任务的重要举措。教材是学校教育教学的基本依据,是解决培养什么人、怎样培养人、为谁培养人这一根本问题的重要载体,直接关系党的教育方针落实和教育目标实现。在教材建设中,人邮社教育出版中心一方面做好内容建设,汇聚高水平作者、精心配置资源、推动内容和形式创新,一方面做好教学服务,集中精品新品好书、邀请名师专家参与、借助直播回应教师关切。刚刚过去的两个月,围绕服务”“两个强国”建设...

    2906 0 5 9
  • 人邮大讲堂 | 计算机领域专家直播精彩集锦

    人邮大讲堂近期举办多场计算机专业专家直播课,主要分为基础课程和专业课程两方面,基础课包含大学计算机基础、Java编程和Python编程3门课程;专业课包含web前端开发、人工智能2门课程,欢迎老师们观看直播回看...

    1448 0 2 2

相关图书

人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部