高等院校电子商务职业细分化创新型规划教材

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

网页设计与制作
分享 推荐 0 收藏 20 阅读 949
王萍 (作者)

关于本书的内容有任何问题,请联系 古显义

1. 扫描封面二维码,登录云课堂,输入前言的激活码,即可在线观看微课视频。
2. 针对商科类学生量身打造的教材,摒弃了市面上计算机专业所用教材的技术太难的劣势。
3. 项目任务式编写体例,以电商常见的京东、淘宝网站的页面设计与制作为案例。

内容摘要

本书共分为十一个项目,以项目牵引法全面介绍了电子商务网站设计与制作中设计与制作技巧。项目一主要内容为赏析规划电子商务网站,项目二主要内容为创建并管理电商网站站点,项目三主要内容为使用HTML编写页面,项目四主要内容为使用CSS样式美化页面,项目五主要内容为使用CSS控制列表样式,项目六主要内容为使用CSS控制页面文字样式,项目七主要内容为在页面中使用多媒体,项目八主要内容为使用CSS控制表单,项目九主要内容为使用CSS控制超链接,项目十主要内容为使用JavaScript脚本丰富页面,项目十一主要内容为电子商务网站综合实例。

目录

项目一 赏析规划电子商务网站 ——了解电子商务网站
知识链接: 1
1、网页的构成元素 1
2、电子商务网站的概念和特点 5
3、电子商务网站的分类 5
4、电商网站的视觉营销 6
5、电子商务网站的开发流程 8
任务一 赏析电子商务网站 11
任务描述——分析电子商务网站首页 11
技术引进——分析页面结构与色彩 12
任务实施——提高用户体验的要素 15
新手试炼——赏析电子商务页面 18
任务二 规划“学设计吧”电子商务网站 19
任务描述——分析电子商务网站结构 19
技术引进——完成电子商务网站线框图 21
任务实施——设计电子商务网站 24
新手试炼——电子商务网站会员页面设计 26
项目小结 26
课后习题 26
项目二 创建并管理电商网站站点——掌握网站搭建基础
知识链接: 28
1、电子商务网站制作相关术语 28
2、远程站点和本地站点 30
3、统一资源定位器URL 30
4、站点规划 31
任务一 创建网站文件结构 32
任务描述——创建本地静态站点 32
技术引进——了解“站点设置对象”对话框 33
任务实施——站点文件的优化与管理 36
新手试炼——创建个人网站站点 37
任务二 设置远程站点服务器信息 38
任务描述——设置“服务器”选项 38
技术引入——设置“站点设置对象”对话框 39
任务实施——设置远程服务器 41
新手试炼——站点中的操作 43
项目小结 43
课后习题 43
项目三 使用HTML编写页面——搭建页面底层的基础
知识链接: 45
1、电子商务网站设计建设原则 45
2、电子商务页面设计规则 46
3、了解HTML 5 48
4、HTML的基本结构 48
5、掌握HTML的标签 49
任务一 布局学设计吧“关于我们”页面 52
任务描述——了解页面基本结构 53
技术引进——在Dreamweaver中编写HTML 53
任务实施——制作关于我们页面结构 56
新手试炼——制作社区生活页面 59
任务二 制作学设计吧“关于我们”页面 60
任务描述——了解关于我们页面结构 60
技术引入——Div+CSS盒模型 60
任务实施——完成关于我们页面制作 64
新手试炼——制作蓝色企业网站 66
项目小结 67
课后习题 67
项目四 使用CSS样式美化页面——简单快捷规范制作页面
知识链接: 69
1、电子商务网页常用术语 69
2、CSS样式基础 72
3、CSS样式的基本语法 74
4、CSS样式的使用方法 75
任务一 美化“关于我们”页面导航 77
任务描述——了解页面导航的结构 77
技术引进——了解id选择符 77
任务实施——美化关于我们页面导航 80
新手试炼——制作个人作品网站页面 81
任务二 美化“关于我们”文本内容 82
任务描述——分析“关于我们”页面结构 82
技术引入——使用CSS控制字体 82
任务实施——美化页面文字 86
新手试炼——制作网站公告 88
项目小结 89
课后习题 89
项目五 使用CSS控制列表样式——制作商品列表页面
知识链接: 91
1、电子商务网站常用商品列表页布局 91
2、商品展示页设计要点 94
3、网页中的列表控制 96
4、列表的类型及使用 97
任务一 制作商品列表索引导航 100
任务描述——商品列表索引导航结构分析 101
技术引进——有序列表和无序列表 101
任务实施——制作商品列表索引 104
新手试炼——制作个人作品网站页面 106
任务二 美化商品列表页面 107
任务描述——商品列表页面结构分析 107
技术引入——使用定义列表 108
任务实施——制作页面中商品列表 109
新手试炼——制作纵向导航菜单 111
项目小结 112
课后习题 112
项目六 使用CSS控制页面文字样式——制作商品详情页面
知识链接: 114
1、商品详情页设计原则 114
2、如何做好商品详情页 118
3、CSS控制字体与大小 119
4、CSS控制颜色和粗细 122
任务一 制作商品详情页头部 124
任务描述——了解文字标签 124
技术引进——掌握文字装饰标签 124
任务实施——制作商品详情页头部 127
新手试炼——网页文字修饰 130
任务二 制作商品详情页文本介绍 130
任务描述——了解分区标签的使用 131
技术引入——使用CSS控制段落 131
任务实施——制作商品详情页底部 134
新手试炼——应用多个类样式 135
项目小结 136
课后习题 136
项目七 在页面中使用多媒体——制作视频播放页面
知识链接: 138
1、打造具有说服力的商品页面 138
2、电商网站中多媒体视频的使用 141
3、使用<embed>标签嵌入音频和视频 142
4、HTML 5中多媒体的应用 143
任务一 制作商品列表索引导航 143
任务描述——商品列表导航页面结构 144
技术引进——在页面中嵌入音频或视频 144
任务实施——制作视频播放页面 148
新手试炼——在网页中嵌入视频 151
任务二 制作视频播放页详情部分 152
任务描述——使用<source>标签 152
技术引入——<audio>与<video>标签的属性 153
任务实施——制作商品详情页底部 156
新手试炼——实现网页中视频的播放与暂停 158
项目小结 159
课后习题 159
项目八 使用CSS控制表单——制作会员注册页面
知识链接: 161
1、注册登录界面的设计要求 161
2、如何设计人性化的登录界面 164
3、表单与表单属性 165
4、表单中的其他元素 166
任务一 制作会员注册页面 170
任务描述——会员注册页结构分析 170
技术引进——在Dreamweaver中使用表单元素 170
任务实施——制作网站会员注册页面 174
新手试炼——制作多彩下拉列表 176
任务二 制作会员信息完善页面 177
任务描述——会员信息完善页结构分析 177
技术引入——<input>与<textarea>标签的属性 178
任务实施——制作会员信息完善页面 179
新手试炼——制作舞动会员登录界面 182
项目小结 183
课后习题 183
项目九 使用CSS控制超链接——制作电子商务网站首页
知识链接: 185
1、电商网站导航设计技巧 185
2、电商网站首屏设计要点 189
3、认识超链接 192
4、了解超链接路径 193
任务一 制作电商网站首屏 195
任务描述——分析电商网站首页结构 196
技术引进——了解超链接属性控制 196
任务实施——制作电商网站首屏 201
新手试炼——制作活动公告 203
任务二 制作电网网站版底信息 204
任务描述——分析电商网站版底结构 204
技术引入——使用CSS控制鼠标指针特效 205
任务实施——制作电商网站首页版底 207
新手试炼——制作图片式超链接 210
项目小结 210
课后习题 210
项目十 使用JavaScript脚本丰富页面——制作页面交互动画
知识链接: 212
1、电商网站交换设计技巧 212
2、交互设计需要考虑的内容 215
3、JavaScript的应用范围 216
4、jQuery和jQuery事件 217
任务一 制作电商网站轮播图动画 220
任务描述——分析网页轮播图的作用 220
技术引进——了解Javascript的使用方法 221
任务实施——制作电商网站首页轮播图 223
新手试炼——使用JavaScript实现图像滑动切换 225
任务二 制作电网网站弹出页面 226
任务描述——分析电商网站版底结构 226
技术引入——jQuery Mobile和jQuery UI 226
任务实施——使用JavaScript实现弹出页面 229
新手试炼——使用JavaScript制作动态网站相册 230
项目小结 231
课后习题 231
知识链接: 185
1、电商网站导航设计技巧 185
2、电商网站首屏设计要点 189
3、认识超链接 192
4、了解超链接路径 193
任务一 制作电商网站首屏 195
任务描述——分析电商网站首页结构 196
技术引进——了解超链接属性控制 196
任务实施——制作电商网站首屏 201
新手试炼——制作活动公告 203
任务二 制作电网网站版底信息 204
任务描述——分析电商网站版底结构 204
技术引入——使用CSS控制鼠标指针特效 205
任务实施——制作电商网站首页版底 207
新手试炼——制作图片式超链接 210
项目小结 210
课后习题 210
项目十一 电子商务网站综合实例——睿欧电子商务网站搭建
 知识链接: 233
 电子商务网站的发展局势 233
电子商务网站产品原型 235
电子商务网站浏览器兼容性测试 237
电子商务网站的上传与管理 239
任务一 设计睿欧电子商务网站的原型 242
任务描述——睿欧电子商务网站结构和层级 242
技术引进——了解产品原型软件Axure 243
基本工具 244
任务实施——制作睿欧电子商务网站原型 248
 新手试炼——根据电子商务网站原型设计页面 250
任务二 睿欧电子商务网站的设计与制作 251
任务描述——电子商务网站页面设计与制作 251
技术引入——浏览器适配的方法 252
任务实施——设计睿欧电子商务网站 253
新手试炼——使用FTP维护电子商务网站 256
项目小结 256
课后习题 256


读者评论

赶紧抢沙发哦!

我要评论

作者介绍

王萍,北京电子科技职业技术学院副教授,全国优秀教师。现任该校商管系电子商务专业骨干教师,具备SUN SCJP证、电子商务师、客户关系管理师、百度及阿里巴巴认证资格,主要研究方向为大数据在电子商务领域的应用

同系列书

  • Photoshop网店美工实例教程(全彩微课版)

    崔惠勇

    本书针对美工岗位的典型工作,选取案例,将技能学习贯穿于案例操作和练习之中。既全面系统地介绍了Photoshop...

    ¥59.80
  • 电子商务视觉设计(视频指导版)

    童海君 蔡颖

    视觉是手段,营销是目的。本书采用理论与案例相结合的方式,详细介绍了PC端电商网店与移动端电商网店的视觉设计思路...

    ¥49.80
  • 电子商务理论与实务(第2版)

    胡令

    本书以培养学生的电子商务基础知识和初步技能为核心,以工作过程为导向,以电子商务相关基础知识为主,配合电子商务初...

    ¥45.00
  • 网店美工

    刘德华 吴韬 王琳  夏俊鹄 易丹

    内容提要 如何让网店在网络上脱颖而出?网店的装修无疑起着一个重要的作用。网店中的店招、欢迎模块、客服区等,都...

    ¥49.80
  • 跨境电商基础与实务

    邓志超 崔慧勇 莫川川

    本书从分析跨境电商行业的模式分类、现状和发展趋势出发,解读了跨境电商的最新政策,对比了主流跨境电商平台的运营模...

    ¥45.00

购买本书用户

相关图书

  • 淘宝网店运营与推广实务(微课版)

    孙莹月 胡平

    本书是网店运营与推广的全程指南。全书共12章,具体包括做好网上开店的准备、选好货源是成功的第一步、店铺管理与商...

    ¥49.80
  • 微信营销与运营(第2版)

    秋叶 秦阳

    本书共分6章。第1章重点介绍了微信营销的概念、价值和特征,并介绍了行业现状和从业人员的职业发展,引导读者全面认...

    ¥48.00
  • 新媒体营销

    李京京

    随着新媒体时代的降临,改变和颠覆了人们的生存方式和生活方式,本书基于新媒体营销的典型群体学习需求,从营销的有效...

    ¥39.80
  • 网络营销与推广

    纪亚楠

    全书共9章,第1章重点介绍了新形势下网络营销的概念、特点、方法、环境、策略等;第2章到第7章,内容涵盖传统市场...

    ¥32.00
  • 网店美工与视觉设计

    闫寒

    本书分为8章,内容包括网店美工和基本技能、网店配色与图片素材收集、网店商品图片美化、店铺LOGO 与店招视觉设...

    ¥49.80