电子商务网页设计与制作(慕课版)

结合Photoshop CC和Dreamweaver CC对电商常见网站进行设计和制作
分享 推荐 0 收藏 4 阅读 229
方丹 (主编)

关于本书的内容有任何问题,请联系 楼雪樵

1.本书将职业场景引入课堂教学,设计以米拉和领导老洪为主人公的故事情节,将整本书的知识点串联起来,让读者有贴近实际工作的体会。
2.本书采用Photoshop CS6和Dreamweaver CS6为教学软件,举例了电商系统中常用的网页、商品图、优惠券、商家等案例,具有实际参考价值。
3.作者为重要的操作录制了教学视频,读者可以通过扫码观看教学视频跟随操作。
4.本书提供了所有书中提到的案例的素材和效果文件,并附赠了教学大纲、PPT、素材等教学资源,方便教师上课教学和读者自学。

内容摘要

随着网上购物的不断流行,电子商务成为了互联网时代的新兴商务模式,电子商务网页设计也应运而生。电子商务网页设计通常分为两个部分,即先使用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章 综合案例——综合案例——制作墨韵箱包馆网页

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

方丹,女,37岁。常州工学院经济与管理学院电子商务系主任,常州电子商务协会专业委员会委员,东南大学管理科学与工程专业硕士,南京理工大学管理科学与工程专业在读博士。主要从事信息管理、电子商务运营管理研究。主持多项技术开发项目,发表论文10余篇。主讲课程:电子商务运营实务、电子商务网站建设、电子商务模拟实验。

相关技术

相关图书

  • 跨境电商理论与实务(微课版)

    伍蓓 主编

    本书共九章,分为跨境电商理论篇、跨境电商运作篇及跨境电商实务篇。跨境电商理论篇详述了跨境电商的基本概念、生态体...

    ¥49.80
  • 商品拍摄与图片处理(全彩微课版)

    张莉 胡令

    本书共8章,内容包括商品拍摄与信息处理概述、摄影器材基础知识、商品拍摄环境与布光方式、商品拍摄基础技巧、色彩设...

    ¥54.00
  • 新媒体写作

    胡森林

    本书结合新的传受环境和新的传播形态,围绕网络与新媒体从业人才的培养目标,全面讲述新媒体写作的思维和技能。全书分...

    ¥39.80
  • 跨境电商运营实务(微课版)

    刘瑶

    本书全面介绍了主要跨境电商平台的规则与运营,不仅注重实操展示,还纳入了经营理念和典型案例。具体来看,本书分为3...

    ¥46.00
  • 商务数据分析基础与应用(微课版)

    王华新 居岩岩 陈凯

    本书分为商务数据分析与认知、商务数据收集、商务数据预处理、商务数据分析、商务数据可视化及报告撰写五个项目,在每...

    ¥56.00
联系客服
联系客服
人邮微信
人邮微信
微信二维码
返回顶部
返回顶部