第1章 Web前端开发概述 1
1.1 Web概述 1
1.1.1 Web概念 1
1.1.2 Web项目 1
1.2 Web前端概述 2
1.2.1 Web前端概念 2
1.2.2 Web前端开发技术 3
1.3 浏览器 6
1.4 Web前端开发工具 6
1.5 本章小结 9
习题 9
上机指导 9
第2章 HTML基础知识 10
2.1 HTML综述 10
2.1.1 HTML的概念 10
2.1.2 HTML的文档结构 11
2.1.3 HTML的文档类型 12
2.1.4 HTML的基本语法 13
2.2 HTML文档编写规范 14
2.3 HTML常用标签 17
2.4 综合实例 42
2.5 本章小结 43
习题 44
上机指导 45
第3章 HTML表格和框架 47
3.1 HTML表格元素 47
3.1.1 HTML表格的基本结构 47
3.1.2 表格标签 48
3.2 HTML框架 56
3.2.1 框架概述 56
3.2.2 框架标签 56
3.2.3 内联框架 59
3.3 本章小结 61
习题 61
上机指导 62
第4章 HTML表单 63
4.1 表单概述 63
4.1.1 表单的概念和作用 63
4.1.2 表单的组成 64
4.2 表单元素 65
4.3 表单控件 65
4.4 表单按钮 74
4.5 本章小结 76
习题 76
上机指导 77
第5章 CSS基础知识 79
5.1 CSS概述 79
5.2 CSS语法 80
5.2.1 CSS基本语法 80
5.2.2 CSS注释 81
5.2.3 CSS代码编写规范 82
5.2.4 第一个CSS案例 84
5.3 CSS选择器 85
5.3.1 标签选择器 85
5.3.2 类选择器 86
5.3.3 id选择器 86
5.3.4 伪类选择器 87
5.3.5 属性选择器 88
5.3.6 后代选择器 89
5.3.7 子元素选择器 89
5.3.8 相邻兄弟选择器 90
5.3.9 选择器分组 90
5.3.10 CSS选择器综合案例 91
5.4 CSS创建 92
5.4.1 内联样式 92
5.4.2 内部样式表 92
5.4.3 外部样式表 93
5.4.4 CSS创建和应用综合案例 93
5.5 CSS特性 95
5.5.1 层叠性 95
5.5.2 继承性 96
5.5.3 特殊性(优先级) 97
5.6 CSS常用属性 98
5.6.1 CSS字体属性 98
5.6.2 CSS文本属性 102
5.6.3 CSS颜色和背景属性 107
5.6.4 列表样式属性 111
5.6.5 CSS表格相关属性 117
5.6.6 CSS轮廓属性 121
5.7 综合案例 124
5.8 本章小结 127
习题 127
上机指导 127
第6章 CSS样式高级应用 129
6.1 页面布局基本概念 129
6.2 CSS盒模型 129
6.2.1 CSS盒模型概述 129
6.2.2 IE盒模型和W3C盒模型 130
6.3 盒模型属性 131
6.3.1 border属性 132
6.3.2 padding属性 135
6.3.3 margin属性 136
6.4 盒子之间的关系 137
6.4.1 标准文档流 138
6.4.2 定位 138
6.4.3 浮动 143
6.5 DIV+CSS布局 146
6.6 CSS高级综合案例 150
6.7 本章小结 153
习题 153
上机指导 153
第7章 CSS3入门 155
7.1 CSS3概述 155
7.2 CSS3新增选择器 158
7.2.1 关系选择器 158
7.2.2 属性选择器 160
7.2.3 伪类选择器 162
7.3 CSS3新增文本属性 170
7.3.1 text-shadow属性 170
7.3.2 text-overflow属性 172
7.3.3 文本自动换行 173
7.4 CSS3新增颜色模式 176
7.4.1 RGBA颜色模式 176
7.4.2 HSL与HSLA颜色模式 176
7.4.3 opacity属性 177
7.5 CSS3新增边框属性 178
7.5.1 border-radius属性 178
7.5.2 border-image属性 180
7.6 本章小结 182
习题 182
上机指导 182
第8章 JavaScript基础知识 184
8.1 JavaScript概述 184
8.1.1 JavaScript的应用场景 184
8.1.2 JavaScript的发展历程 186
8.1.3 JavaScript的特点 187
8.1.4 JavaScript的开发与运行 188
8.2 JavaScript基本语法 193
8.2.1 JavaScript语句和代码块 194
8.2.2 标识符和变量 194
8.2.3 运算符和表达式 199
8.2.4 流程控制语句 203
8.2.5 JavaScript的核心对象 209
8.2.6 JavaScript函数 213
8.3 语法规范 217
8.3.1 命名规范 217
8.3.2 编码规范 217
8.3.3 格式规范 218
8.4 JavaScript常用API 219
8.5 本章小结 223
习题 223
上机指导 224
第9章 JavaScript事件处理 225
9.1 JavaScript事件概述 225
9.1.1 事件类型 225
9.1.2 事件处理 227
9.2 JavaScript常用事件 232
9.2.1 获得焦点和失去焦点事件 232
9.2.2 鼠标移动和鼠标按下事件 233
9.2.3 UI事件 235
9.2.4 表单事件 236
9.3 本章小结 238
习题 239
上机指导 241
第10章 DOM和BOM 242
10.1 DOM对象 242
10.1.1 DOM简介 242
10.1.2 DOM树结构 242
10.1.3 DOM节点 243
10.1.4 DOM节点的访问 244
10.1.5 DOM的重要属性 246
10.1.6 DOM节点操作 248
10.2 BOM对象 249
10.2.1 window对象 250
10.2.2 history对象 252
10.2.3 location对象 253
10.2.4 screen对象 253
10.2.5 navigator对象 254
10.3 本章小结 257
习题 257
上机指导 258
第11章 静态网页开发综合实例 259
11.1 项目的设计思路 259
11.1.1 项目概述 259
11.1.2 界面预览 260
11.1.3 功能结构 262
11.1.4 文件夹组织结构 262
11.2 主页的设计与实现 262
11.2.1 主页的设计 262
11.2.2 顶部和底部区域功能的设计与实现 263
11.2.3 商品分类导航功能的实现 265
11.2.4 幻灯片广告功能的实现 268
11.2.5 商品推荐功能的实现 268
11.3 商品列表页面的设计与实现 270
11.3.1 商品列表页面的设计 270
11.3.2 分类筛选功能的实现 271
11.3.3 商品列表区的实现 272
11.4 商品详情页面的设计与实现 274
11.4.1 商品详情页面的设计 274
11.4.2 商品概要功能的实现 275
11.4.3 商品评价功能的实现 276
11.4.4 卖家推荐功能的实现 278
11.5 购物车页面的设计与实现 279
11.5.1 购物车页面的设计 279
11.5.2 购物车页面的实现 279
11.6 个人中心页面的设计与实现 282
11.6.1 个人中心页面的设计 282
11.6.2 个人中心页面的实现 283
11.7 登录和注册页面的设计与实现 286
11.7.1 登录和注册页面的设计 286
11.7.2 注册页面的实现 287
11.7.3 登录页面的实现 289
11.8 本章小结 291
习题 291
上机指导 292