第1章 电子商务网站基础
1.1 电子商务概述 2
1.1.1 电子商务的概念 2
1.1.2 电子商务的框架结构 2
1.1.3 电子商务的特点 3
1.2 电子商务网站概述 4
1.2.1 电子商务网站的概念 4
1.2.2 电子商务网站的功能 5
1.2.3 电子商务网站的构成 8
1.2.4 电子商务网站的特点 9
1.2.5 电子商务网站的分类 10
1.2.6 电子商务网站的评价指标 11
1.3 电子商务网站建设 12
1.3.1 项目规划与需求分析 12
1.3.2 技术选型与平台搭建 14
1.3.3 网站设计与前端开发 15
1.3.4 后端开发与数据库构建 16
1.3.5 支付系统与物流集成 17
1.3.6 网站性能测试与优化 17
1.3.7 网站上线部署与推广 18
课后练习 20
第2章 网页设计与制作基础
2.1 网页基础 22
2.1.1 网页的概念 22
2.1.2 网页的结构 22
2.1.3 网页的构成元素 23
2.1.4 静态网页和动态网页 25
2.2 网页设计基础 26
2.2.1 网页设计的基本原则 26
2.2.2 网页设计工具 27
2.3 网页制作基础 31
2.3.1 网页制作的基本原则 31
2.3.2 网页制作技术 32
2.4 网页设计与制作流程 35
2.4.1 需求分析阶段 35
2.4.2 原型设计阶段 35
2.4.3 视觉设计阶段 36
2.4.4 页面设计阶段 36
2.4.5 前端开发阶段 36
2.4.6 测试与发布阶段 38
2.4.7 维护与更新阶段 38
课后练习 39
电子商务网页设计与制作
ii
第3章 网页界面设计
3.1 原型设计 41
3.1.1 需求理解与场景分析 41
3.1.2 功能清单创建与核心功能
识别 41
3.1.3 原型设计与创建 42
3.1.4 原型测试与迭代改进 44
3.2 视觉设计 47
3.2.1 色彩运用 47
3.2.2 图像选择 51
3.2.3 字体设计 53
3.2.4 版式布局 54
3.2.5 动效设计 55
3.3 页面设计 57
3.3.1 页面类型及设计要点 57
3.3.2 页面交互设计 60
课后练习 61
第4章 使用 Dreamweaver 创建站点
4.1 Dreamweaver 基础 63
4.1.1 Dreamweaver 的发展历程 63
4.1.2 Dreamweaver 的工作界面 64
4.1.3 Dreamweaver 的基本操作 67
4.2 站点设置 68
4.2.1 Dreamweaver 站点概述 68
4.2.2 创建本地站点 69
4.2.3 管理本地站点 71
4.3 文件处理 76
4.3.1 文件保存位置 76
4.3.2 文件和文件夹命名规则 76
4.3.3 文件类型 77
4.3.4 文件目录结构 77
4.3.5 文件路径设置的通用规则 78
4.3.6 Dreamweaver 的文件操作 78
4.4 连接到远程服务器 83
4.4.1 远程服务器的概念 83
4.4.2 远程服务器的连接方法 84
课后练习 86
第5章 使用 HTML 构建网页
5.1 HTML 概述 89
5.1.1 HTML 的概念 89
5.1.2 HTML 的发展历程 89
5.2 HTML 的元素 90
5.2.1 元素的结构 90
5.2.2 元素的嵌套 90
5.2.3 元素的类型 90
5.2.4 元素的内容类别 92
5.2.5 元素的属性 93
5.3 处理文本 96
5.3.1 定义段落 96
5.3.2 定义标题 96
5.3.3 梳理文本层次 97
5.3.4 使用列表 99
5.4 创建超链接 102
5.4.1 创建基本链接 102
5.4.2 创建块级链接 103
5.4.3 创建图片链接 103
5.4.4 创建文档片段链接 104
5.4.5 添加提示信息 105
电子商务网页设计与制作
ii
iii
5.5 嵌入多媒体 106
5.5.1 插入图片 106
5.5.2 插入音频 110
5.5.3 插入视频 111
5.5.4 插入交互式内容 113
5.6 构建表格 115
5.6.1 创建表格 115
5.6.2 定义表格属性 116
5.7 搭建网页结构 119
5.7.1 定义网页结构的元素 119
5.7.2 构建网页页面的语法 119
课后练习 123
第6章 使用 CSS 布局和美化网页
6.1 CSS 概述 125
6.1.1 CSS 的概念 125
6.1.2 CSS 的发展历程 125
6.1.3 CSS 的功能 126
6.1.4 CSS 的工作原理 127
6.2 CSS 语法基础 128
6.2.1 CSS 的语法结构 128
6.2.2 选择器类型及优先级 131
6.2.3 样式声明与继承 134
6.3 CSS 布局 135
6.3.1 CSS 布局基础 135
6.3.2 盒子模型 137
6.3.3 CSS 布局技术 143
6.3.4 响应式设计 150
6.4 CSS 样式设计 152
6.4.1 背景样式设计 152
6.4.2 边框样式设计 154
6.4.3 字体样式设计 156
6.4.4 文本样式设计 158
6.4.5 多媒体样式设计 164
课后练习 170
第7章 使用 JavaScript 开发用户端动态脚本
7.1 JavaScript 概述 172
7.1.1 JavaScript 的概念 172
7.1.2 JavaScript 的发展历程 173
7.1.3 JavaScript 的组成 173
7.1.4 JavaScript 的引用 174
7.2 JavaScript 语法基础 175
7.2.1 基本语法规则 175
7.2.2 数据类型 177
7.2.3 变量和常量 178
7.2.4 运算符 179
7.2.5 函数 180
7.2.6 数组 182
7.2.7 流程控制语句 184
7.3 JavaScript 的 DOM 操作 187
7.3.1 DOM 的结构 187
7.3.2 DOM 操作 188
7.4 JavaScript 的事件和事件处理 190
7.4.1 事件类型 190
7.4.2 事件流与事件传播机制 192
7.4.3 事件源与事件目标 194
7.4.4 事件处理程序 194
7.4.5 事件委托 196
7.5 JavaScript 的对象和继承 197
7.5.1 JavaScript 的对象基础 197
目 录
iii
电子商务网页设计与制作
iv
7.5.2 原型链与继承机制 198
7.6 JavaScript 的异步编程 200
7.6.1 异步编程概述 200
7.6.2 XMLHttpRequest 与
Fetch API 202
7.6.3 事件循环与异步 I/O 模型 204
7.7 用户界面交互设计 204
7.7.1 拖曳功能实现 205
7.7.2 弹窗设计 206
7.7.3 通知设计 208
7.8 使用 jQuery 框架 209
7.8.1 引入 jQuery 库的语法 209
7.8.2 jQuery 的选择器 210
7.8.3 jQuery 对 DOM 元素的
操作方法 210
7.8.4 jQuery 中的事件绑定与
触发机制 210
7.8.5 jQuery 简化事件处理
程序的方法 211
课后练习 211
第8章 使用表单与用户交互
8.1 表单基础构建 214
8.1.1 创建表单 214
8.1.2 构造表单 214
8.1.3 表单的组成部件 215
8.2 表单样式设计与交互设计 217
8.2.1 基于 CSS 美化表单外观 217
8.2.2 实现响应式表单设计 220
8.2.3 触发器与交互效果 222
8.3 表单数据操作 224
8.3.1 表单数据验证与错误
处理 225
8.3.2 表单数据的提交与处理 227
8.3.3 表单数据安全防护 229
课后练习 230
第9章 网页设计与制作综合实例——“心居商城”家居电商平台
9.1 项目需求分析与规划 233
9.1.1 市场定位与用户画像分析 233
9.1.2 功能模块需求梳理 234
9.2 网页设计阶段 235
9.2.1 网站内容与页面规划 235
9.2.2 低保真原型创建 236
9.2.3 响应式设计规划 236
9.2.4 视觉设计 237
9.2.5 交互设计 238
9.2.6 高保真原型创建 238
9.3 网页制作阶段 239
9.3.1 创建项目结构 239
9.3.2 网页代码实现 240
课后练习 261
参考答案 262
参考文献 264