电子商务网页设计与制作（慕课版）

图书标准信息

• 作者 方丹
• 出版社 人民邮电出版社
• 出版时间 2021-01
• 版次 1
• ISBN 9787115553942
• 定价 49.80元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 248页

【内容简介】

随着网上购物的不断流行，电子商务成为了互联网时代的新兴商务模式，电子商
  务网页设计也应运而生。电子商务网页设计通常分为两个部分，即先使用Photoshop
  设计出网页效果图，再使用Dreamweaver来合成网页页面。本书即以Photoshop CS6和
  Dreamweaver CS6为蓝本，讲解使用这两个软件进行电子商务网页设计与制作的相关
  知识。
  本书由浅入深、循序渐进，采用情景导入案例的方式讲解软件知识，然后通过“项目实训”和“课后练习”加强对学习内容的训练，*后通过“技巧提升”来提升学生的综合学习能力。全书通过大量的案例和练习，着重对学生实际应用能力的培养，并将职业场景引入课堂教学，让学生提前进入工作角色。
  本书可作为高等院校网页设计类相关课程的教材，也可作为各类社会培训学校相
  关专业的教材，同时还可供电子商务网页设计与制作初学者自学使用。

【作者简介】

作者长期从事电子商务专业、电子商务网页设计课程教学，教学经验丰富，同时具有丰富的实操技能和项目经验。

【目录】

第 1章 电子商务网页设计与网站建设基础

1.1 电子商务网页设计基础知识 2

1.1.1 认识网站与网页...........................................2

1.1.2 电子商务网站概述.......................................2

1.1.3 电子商务网站的主要内容和功能..............2

1.1.4 网页常见布局结构.......................................3

1.1.5 网页的基本构成元素...................................3

1.1.6 网页常用术语...............................................4

1.1.7 网页色彩搭配...............................................4

1.1.8 HTML标记语言............................................6

1.2 课堂案例：创建“宅家商城”网站 9

1.2.1 电子商务网站开发流程...............................9

1.2.2 网站制作流程.............................................10

1.2.3 Dreamweaver CS6工作界面........................12

1.2.4 创建本地站点.............................................13

1.2.5 编辑站点.....................................................13

1.2.6 管理站点和站点文件夹.............................14

1.3 项目实训 15

1.3.1 赏析营销类电子商务网站.........................15

1.3.2 规划并创建“婚纱网”站点....................17

1.4 课后练习 18

练习1：规划灯饰照明电子商务网站..................18

练习2：创建“格什温电器”站点......................18

1.5 技巧提升 19

1．站点命名规则...................................................19

2．网页设计师需要知道的网页设计内容..........19

3．网页设计需要遵循的原则...............................19

4．网站设计时的色彩联想...................................20

第 2章 使用Photoshop处理产品图像

2.1 Photoshop基本操作 22

2.1.1 设置前景色与背景色.................................22

2.1.2 图层的基本操作.........................................22

2.1.3 裁剪并更改图像尺寸.................................23

2.1.4 批处理图像.................................................24

2.2 课堂案例：调整产品图像的亮度

与对比度 25

2.2.1 提高亮度与对比度.....................................26

2.2.2 调整高光、阴影和中间调.........................26

2.2.3 增强亮度与暗度的对比.............................29

2.3 课堂案例：修饰产品图像的瑕疵 30

2.3.1 矫正偏色.....................................................30

2.3.2 清除污渍.....................................................31

2.3.3 光滑材质表面.............................................32

2.3.4 增加金属质感.............................................33

2.4 课堂案例：抠取并合成产品图像 35

2.4.1 抠取简单背景.............................................35

2.4.2 抠取复杂图形.............................................37

2.4.3 抠取毛发.....................................................39

2.4.4 抠取半透明物体.........................................40

2.5 项目实训 44

2.5.1 为原汁机更换背景.....................................44

2.5.2 打造街拍图像风格.....................................45

2.6 课后练习 46

练习1：为沙发更换背景.......................................46

练习2：处理金属材质...........................................47

2.7 技巧提升 48

1．文字的应用.......................................................48

2．使用调整图层...................................................48

第3章 使用Photoshop设计网页元素

3.1 课堂案例：设计网页横幅广告 50

3.1.1 制作通栏横幅广告.....................................50

3.1.2 制作常规横幅广告.....................................54

3.2 课堂案例：设计网页海报 55

3.2.1 制作全屏轮播海报.....................................56

3.2.2 制作常规轮播海报.....................................60

3.3 课堂案例：设计产品推广图 63

3.3.1 制作横向产品推广图................................63

3.3.2 制作常规产品推广图................................65

3.4 项目实训 66

3.4.1 设计化妆品横幅广告................................66

3.4.2 设计洗衣机全屏海报................................67

3.5 课后练习 68

练习1：制作女包全屏轮播海报..........................68

练习2：设计宅家商城海报..................................69

3.6 技巧提升 70

1．网页导航栏设计技巧.......................................70

2．电子商务网页元素设计注意事项..................70

第4章 使用Photoshop设计网站界面

4.1 课堂案例：制作“宅家商城”主页 72

4.1.1 设计网页头部.............................................73

4.1.2 网页内容设计.............................................77

4.1.3 网页底部设计.............................................88

4.2 课堂案例：输出“宅家商城”网站

主页 90

4.2.1 创建切片.....................................................91

4.2.2 输出切片.....................................................92

4.3 项目实训 93

4.3.1 制作“返场活动”网页效果图................93

4.3.2 设计“矮凳详情页”效果图....................96

4.4 课后练习 98

练习1：设计“墨韵婚纱”网站首页..................98

练习2：设计“灯具网主页”效果图..................99

4.5 技巧提升 100

1．网页效果图设计技巧.....................................100

2．组合切片.........................................................100

3．直接输出为HTML文件..................................100

第5章 使用Dreamweaver制作基础网页

5.1 课堂案例：制作“代金券说明”网页 102

5.1.1 创建网页文档...........................................102

5.1.2 设置页面属性...........................................103

5.1.3 添加文字...................................................104

5.1.4 设置文字格式...........................................104

5.1.5 添加水平线...............................................107

5.1.6 保存、预览和关闭网页文档..................108

5.2 课堂案例：美化“帮助中心”网页 109

5.2.1 插入与编辑图像.......................................109

5.2.2 优化图像...................................................111

5.2.3 创建鼠标经过图像...................................112

5.2.4 插入Flash动画..........................................113

5.2.5 添加背景音乐...........................................114

5.3 课堂案例：网页跳转设计 115

5.3.1 认识超链接...............................................116

5.3.2 插入文字超链接.......................................118

5.3.3 创建空链接...............................................120

5.3.4 创建图像超链接.......................................120

5.3.5 创建图像热点超链接..............................121

5.3.6 创建锚点超链接.......................................121

5.3.7 创建电子邮件超链接..............................122

5.3.8 创建外部超链接.......................................123

5.3.9 创建脚本链接...........................................123

5.4 项目实训 124

5.4.1 美化“酒店预订”网页..........................124

5.4.2 为“墨韵”网页设计网页跳转..............126

5.5 课后练习 128

练习1：制作“小儿郎学校简介”网页............128

练习2：制作“服装”网页................................128

5.6 技巧提升 129

1．添加日期.........................................................129

2．在CSS中定义超链接样式a:link、a:visited、

a:hover、a:active的顺序.................................129

3．删除链接图片上的蓝色边框........................130

4．设置鼠标移动到文字链接上改变文字

的大小或颜色................................................130

5．添加滚动文字.................................................130

6.1 课堂案例：布局“宅家商城”主页 132

6.1.1 认识CSS样式............................................133

6.1.2 认识Div CSS布局模式............................133

6.1.3 Div CSS布局模式的优势........................134

6.1.4 插入并编辑Div.........................................135

6.1.5 创建与编辑CSS样式................................138

6.1.6 应用CSS样式............................................140

6.1.7 使用AP Div元素.......................................143

6.2 课堂案例：制作“产品展示”部分 145

6.2.1 创建表格...................................................147

6.2.2 调整表格结构...........................................148

6.2.3 设置表格和单元格...................................149

6.2.4 在表格中插入内容...................................151

6.3 项目实训 154

6.3.1 制作“歇山园林”网页..........................154

6.3.2 制作“花店”网页...................................155

6.4 课后练习 158

练习1：布局“墨韵婚纱”首页........................158

练习2：布局“酒店预订”网页........................159

6.5 技巧提升 160

1．CSS样式链接..................................................160

2．批量设置AP Div.............................................160

3．导入表格数据.................................................160

7.1 课堂案例：制作“宅粉注册”网页 162

7.1.1 认识表单...................................................162

7.1.2 创建表单...................................................163

7.1.3 插入表单对象...........................................164

7.2 课堂案例：完善网页行为效果 173

7.2.1 行为的基础知识.......................................173

7.2.2 弹出窗口...................................................175

7.2.3 打开浏览器窗口.......................................176

7.2.4 检查表单...................................................177

7.3 项目实训 179

7.3.2 制作“用户注册”网页..........................179

7.3.2 为网页添加行为.......................................180

7.4 课后练习 182

练习1：制作“宠物网注册”页面....................182

练习2：制作“学员注册”网页........................183

练习3：制作“登录”页面................................183

7.5 技巧提升 184

8.1 课堂案例：制作“新品体验”网页 186

8.1.1 认识“资源”面板...................................187

8.1.2 创建库文件...............................................187

8.1.3 应用库文件...............................................189

8.2 课堂案例：制作“宅家优购”页面 190

8.2.1 创建模板...................................................192

8.2.2 创建可编辑区域.......................................192

8.2.3 应用与管理模板.......................................193

8.3 项目实训 196

8.3.1 利用“库”快速制作“酒店预订”

页面 .........................................................196

8.3.2 制作“婚纱详情页”网页模板..............197

8.4 课后练习 199

练习1：制作“精品推广”页面........................199

练习2：制作“花店”网页................................200

8.5 技巧提升 201

1．编辑已有的库文件.........................................201

2．更新库文件.....................................................201

3．分离库文件.....................................................201

4．创建重复区域.................................................202

5．创建可选区域.................................................202

6．创建可编辑的可选区域................................202

4

目 录

9.1 课堂案例：搭建动态网站平台 204

9.1.1 认识动态网页...........................................204

9.1.2 动态网页常用的开发语言......................204

9.1.3 动态网页的开发流程..............................206

9.1.4 认识Web服务器.......................................207

9.1.5 安装与配置IIS..........................................207

9.1.6 使用Access创建数据表...........................209

9.1.7 创建与配置动态站点..............................210

9.1.8 创建数据源...............................................212

9.2 课堂案例：制作“用户登录”

动态网页 214

9.2.1 创建记录集...............................................214

9.2.2 插入动态表格...........................................215

9.2.3 创建记录集导航.......................................216

9.2.4 插入记录...................................................217

9.2.5 删除记录...................................................219

9.3 项目实训 219

9.3.1 制作“用户登录”网页..........................219

9.3.2 制作“发货记录”网页..........................221

9.4 课后练习 222

练习1：制作网站后台系统................................223

练习2：制作“注册”动态页面........................223

9.5 技巧提升 224

10.1 课堂案例：电子商务平台网页制作 226

10.1.1 目前主流的电子商务平台....................226

10.1.2 电子商务平台网页制作要求和注意

事项.........................................................228

10.2 课堂案例：使用图片空间 229

10.2.1 进入图片空间的方法............................229

10.2.2 上传图像到图片空间............................229

10.2.3 移动空间图像.........................................231

10.2.4 删除与替换空间图像............................232

10.3 课堂案例：使用模块装修店铺 233

10.3.1 认识装修模块.........................................234

10.3.2 装修页头.................................................234

10.3.3 装修热点.................................................236

10.3.4 装修其他模块.........................................238

10.4 项目实训 240

10.4.1 装修产品详情页.....................................240

10.4.2 装修分类导航模块.................................241

10.5 课后练习 242

练习1：装修耳机店铺页头................................242

练习2：装修耳机详情页.....................................243

10.6 技巧提升 243

1．电商平台店铺首页设计的注意事项............243

2．电商平台店铺首页布局的要点....................244

第9章 制作动态网页链接网站后台

第 10章 电子商务平台的网页制作与上传

11.1 实训目标 246

11.2 专业背景 247

11.3 制作思路分析 247

11.4 准备工作 248

11.4.1 站点规划.................................................248

11.4.2 素材收集.................................................248

11.5 操作过程 248

11.5.1 使用Photoshop设计网页效果图............248

11.5.2 使用Dreamweaver合成网页...................260

11.6 项目实训 266

11.6.1 制作“微观多肉植物”网页................266

11.6.2 制作珠宝官网页面.................................267

11.7 课后练习 269

练习1：制作“产品中心”页面........................269

练习2：制作“联系我们”页面........................270

第 11章 综合案例——综合案例——制作墨韵箱包馆网页