本书以HTML、CSS及JavaScript为基础，围绕网页设计与制作展开深入讲解，主要内容包括使用HTML实现网页布局、使用CSS实现网页样式设计、使用JavaScript实现动态网页制作等。本书注重基础理论与实践相结合，突出网页设计思想与开发方法的介绍，所选案例都具有较强的概括性和实际应用价值。
全书共11章，包括网页设计基础、HTML基础、CSS基础、CSS网页元素、DIV CSS布局方法、JavaScript基础、BOM和DOM对象模型、AJAX和jQuery应用、JavaScript扩展框架应用以及两个综合实训，即社区论坛网站和电子商务网站。每章的内容从理论讲解到案例展示，由浅入深，循序渐进，有助于读者理解和掌握网页设计与制作的精髓。
本书可以作为高等院校电子商务、网络与新媒体、数字媒体技术等相关专业的网页设计与制作课程的教材，或计算机科学与技术、网络工程、电子信息工程等相关专业Web前端设计课程的教材，也可供从事Web程序设计相关工作的技术人员自学参考。

1.网络新媒体、电子商务、网络工程、软件工程专业课程配套教材
2.在市场万册畅销书《网页开发手记：HTML CSS JAVASCRIPT》的基础上进行教材适配性改版
3.全新的网页设计知识体系，引入Vue.js框架知识介绍
4.微课版教材，重点难点操作微课视频讲解
5.丰富配套资源，额外提供模拟试卷、课程上机编程训练题库、HTML CSS Javascript相关属性及方法列表以及经典前端网页设计模板源码

倪震，南京晓庄学院信息工程学院副教授，中国计算机学会会员、江苏省大数据委员会委员，江苏省人工智能学会（JSAI）委员，数据挖掘与应用专业委员会委员，人工智能教育专业委员会委员，青少年信息与智能教育专业委员会委员。作为主要研究人员主持及参与多项国家自然科学基金及省部级基金项目，在数据挖掘、大数据以及相关领域的信息安全和隐私保护等方面有一定的研究积累，累计发表学术论文20余篇，主编21世纪高校应用型规划教材1本，其他相关教材若干。参与了国家军品973、航天、兵器、总参、总装等多项课题，主持了水利、计量、信息安全领域的多个产品研发。

目录
CONTENTS
第 1章 网页设计基础 1
学习目标 1
1.1 网页概述 1
1.1.1 什么是网页 1
1.1.2 网页分类 2
1.2 网站的开发流程 2
1.2.1 分析客户需求 2
1.2.2 注册网站域名 2
1.2.3 购买服务器 2
1.2.4 选择网站风格 3
1.2.5 设计 编写 上线网站 3
1.3 网页前端开发语言 3
1.3.1 HTML 3
1.3.2 CSS 3
1.3.3 JavaScript 4
1.4 开发第 一个网页 4
1.4.1 网页展示工具 4
1.4.2 网页开发工具 4
1.4.3 创建第 一个网页 6
思考与练习 8
第 2章 HTML基础 9
学习目标 9
2.1 HTML概述 10
2.1.1 HTML的发展历史 10
2.1.2 HTML的标签 10
2.2 HTML页面设计 12
2.2.1 文档类型 12
2.2.2 文档根部 13
2.2.3 文档头部 13
2.2.4 文档信息 13
2.2.5 文档标题 14
2.2.6 文档主体 14
2.3 HTML文字设计 14
2.3.1 文字类型 15
2.3.2 文本控制 19
2.3.3 文本语义 20
2.3.4 特殊字符 20
2.4 使用链接 21
2.4.1 什么是链接 22
2.4.2 链接标签 22
2.4.3 锚点链接 24
2.5 使用多媒体 28
2.5.1 使用图片 29
2.5.2 使用视频和音频 32
2.6 表格设计 34
2.6.1 创建表格 34
2.6.2 设置表格样式 35
2.7 表单设计 37
2.7.1 创建表单 37
2.7.2 input控件 38
2.7.3 多行文本框 40
2.7.4 表单分组 41
2.7.5 下拉菜单 42
2.8 HTML 5新结构 43
2.8.1 HTML 5概述 43
2.8.2 HTML 5文档结构标签 44
2.9 实战案例解析植树节主题电子板报 45
思考与练习 48
第3章 CSS基础 49
学习目标 49
3.1 CSS概述 49
3.1.1 什么是CSS 50
3.1.2 CSS的优势 50
3.2 CSS语法基础 50
3.2.1 CSS的样式规则 51
3.2.2 CSS样式的引入 51
3.3 CSS选择器 54
3.3.1 基础选择器 54
3.3.2 属性选择器 59
3.3.3 关系选择器 62
3.4 CSS继承性 65
3.5 CSS层叠性 66
3.6 CSS优先级 67
3.6.1 引入方式 67
3.6.2 权重 67
3.7 实战案例解析404通知页面 69
思考与练习 72
第4章 CSS网页元素 73
学习目标 73
4.1 文本样式 73
4.1.1 字体设计 74
4.1.2 文本设计 76
4.2 表格样式 79
4.2.1 设置边框 79
4.2.2 设置单元格 79
4.3 列表样式 80
4.3.1 设置列表项标记 81
4.3.2 图像作为列表项标记 82
4.3.3 定位列表项标记 82
4.4 盒子模型 83
4.4.1 盒子模型概述 83
4.4.2 盒子模型的边框 83
4.4.3 盒子模型的边距 84
4.4.4 盒子模型的宽和高 86
4.4.5 盒子模型的背景 86
4.5 CSS高级属性 89
4.5.1 透明度 89
4.5.2 渐变 89
4.5.3 阴影 91
4.5.4 过渡 92
4.6 实战案例解析招聘网页 94
思考与练习 97
第5章 DIV CSS布局方法 98
学习目标 98
5.1 布局的基础元素 98
5.1.1 块元素div 98
5.1.2 内联元素span 99
5.1.3 元素类型转换 100
5.2 布局方式 101
5.2.1 布局的流程 101
5.2.2 浮动设计 102
5.2.3 标签定位 104
5.2.4 溢出 106
5.2.5 标签堆叠 106
5.3 布局类型 108
5.3.1 单列布局 108
5.3.2 双列布局 108
5.3.3 三列布局 109
5.3.4 通栏布局 109
5.4 实战案例解析购物节主题网页 109
思考与练习 111
第6章 JavaScript基础 113
学习目标 113
6.1 JavaScript概述 113
6.1.1 JavaScript的发展历史 114
6.1.2 引入JavaScript 114
6.2 基本语法 115
6.2.1 标识符 115
6.2.2 关键字 116
6.2.3 数据类型 116
6.2.4 变量 116
6.2.5 注释 117
6.3 运算符 118
6.3.1 赋值运算符 118
6.3.2 算术运算符 118
6.3.3 比较运算符 119
6.3.4 逻辑运算符 120
6.4 流程控制结构 121
6.4.1 分支结构 121
6.4.2 循环结构 123
6.4.3 跳转结构 126
6.5 函数 126
6.5.1 自定义函数 127
6.5.2 预定义函数 128
6.6 对象 129
6.6.1 自定义对象 129
6.6.2 Array数组对象 132
6.6.3 String字符串对象 134
6.6.4 Date日期对象 135
6.7 实战案例解析焦点图片轮播 137
思考与练习 139
第7章 BOM和DOM对象模型 140
学习目标 140
7.1 浏览器对象模型BOM 140
7.1.1 浏览器对象模型概述 140
7.1.2 Window对象 141
7.1.3 Navigator对象 146
7.1.4 History对象 146
7.1.5 Location对象 148
7.1.6 Screen 对象 149
7.2 文档对象模型DOM 150
7.2.1 文档对象模型概述 150
7.2.2 Document对象 151
7.2.3 表单验证 153
7.3 事件响应 156
7.3.1 事件概述 156
7.3.2 鼠标事件 156
7.3.3 键盘事件 158
7.3.4 文档事件 160
7.4 节点 161
7.4.1 节点关系 161
7.4.2 添加和删除节点 161
7.4.3 修改属性节点 164
7.4.4 节点集合 165
7.5 实战案例解析选项卡自动切换 166
思考与练习 170
第8章 AJAX和jQuery应用 171
学习目标 171
8.1 AJAX应用 171
8.1.1 AJAX概述 171
8.1.2 配置IIS服务器 173
8.1.3 XMLHttpRequest对象 173
8.1.4 XMLHttpRequest对象的工作过程 174
8.1.5 使用AJAX访问服务器文件的内容 176
8.2 jQuery应用 177
8.2.1 jQuery概述 177
8.2.2 jQuery引入 177
8.2.3 jQuery基础语法 178
8.2.4 jQuery选择器 179
8.2.5 jQuery事件 182
8.2.6 jQuery效果 184
8.3 实战案例解析侧边栏折叠菜单效果 187
思考与练习 189
第9章 JavaScript扩展框架应用 191
学习目标 191
9.1 Highcharts框架 192
9.1.1 Highcharts概述 192
9.1.2 Highcharts的引入 192
9.1.3 绘制简单图表 192
9.1.4 Highcharts图表配置项 193
9.1.5 图表类型 194
9.1.6 版权信息 194
9.1.7 图例 195
9.1.8 标题和副标题 196
9.1.9 数据列 196
9.1.10 提示框 197
9.2 Vue.js框架 198
9.2.1 Vue.js概述与引入 198
9.2.2 数据和对象 199
9.2.3 生命周期钩子 200
9.2.4 插值 201
9.2.5 指令 201
9.2.6 事件监听 206
9.2.7 绑定样式 209
9.3 实战案例解析销售业绩分析页面 211
思考与练习 214
第 10章 综合实训：社区论坛网站 216
学习目标 216
10.1 Discuz!论坛简介 216
10.2 下载安装论坛 217
10.2.1 配置服务器和数据库 217
10.2.2 下载和安装Discuz!论坛建站程序 217
10.3 论坛管理 221
10.3.1 进入管理界面 221
10.3.2 论坛导航设置 222
10.3.3 设置论坛版块 222
10.3.4 添加公告 223
10.3.5 添加广告 224
10.3.6 自定义模板 225
10.4 添加自定义页面 227
思考与练习 229
第 11章 综合实训：电子商务网站 230
学习目标 230
11.1 分析网站效果图 230
11.2 制作首页 231
11.2.1 制作头部 231
11.2.2 制作导航栏 232
11.2.3 制作banner 233
11.2.4 制作商品展示框 235
11.2.5 制作页脚 236
11.3 添加JavaScript代码 237
11.4 制作二级页面 238
11.5 运行网站 239
思考与练习 241