电子商务网页设计与制作 微课版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

电子商务网页设计与制作 微课版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

项目一 赏析和规划电子商务网站——了解电子商务网站1

1.1 知识链接2

1.1.1 网页的构成元素2

1.1.2 电子商务网站的概念和特点5

1.1.3 电子商务网站的分类6

1.1.4 电子商务网站的视觉营销6

1.1.5 电子商务网站的开发流程9

1.2 任务一 赏析电子商务网站11

1.2.1 任务描述——分析电子商务网站首页11

1.2.2 技术引进——分析页面结构与色彩12

1.2.3 任务实施——提高用户体验的要素14

1.2.4 新手试练——赏析电子商务网站页面17

1.3 任务二 规划“学设计”电子商务网站19

1.3.1 任务描述——分析电子商务网站的结构19

1.3.2 技术引进——完成电子商务网站线框图20

1.3.3 任务实施——设计电子商务网站22

1.3.4 新手试练——电子商务网站会员页面设计24

1.4 项目小结25

1.5 课后习题25

项目二 创建并管理电子商务网站站点——掌握网站搭建基础26

2.1 知识链接26

2.1.1 电子商务网站制作相关术语27

2.1.2 远程站点和本地站点29

2.1.3 统一资源定位符（URL）30

2.1.4 站点规划31

2.2 任务一 创建网站文件结构31

2.2.1 任务描述——创建本地静态站点31

2.2.2 技术引进——了解“站点设置对象”对话框32

2.2.3 任务实施——站点文件的优化与管理34

2.2.4 新手试练——创建小型电子商务网站站点36

2.3 任务二 设置远程站点服务器信息37

2.3.1 任务描述——设置“服务器”选项37

2.3.2 技术引进——设置“站点设置对象”对话框37

2.3.3 任务实施——设置远程服务器39

2.3.4 新手试练——站点中的操作41

2.4 项目小结41

2.5 课后习题42

项目三 使用HTML编写页面——搭建页面底层的基础43

3.1 知识链接43

3.1.1 电子商务网站建设原则44

3.1.2 电子商务网站页面布局原则45

3.1.3 了解HTML 546

3.1.4 HTML的基本结构46

3.1.5 掌握HTML的标签47

3.2 任务一 布局学设计网站“关于我们”页面50

3.2.1 任务描述——了解页面的基本结构50

3.2.2 技术引进——在Dreamweaver中编写HTML代码50

3.2.3 任务实施——设计“关于我们”页面结构53

3.2.4 新手试练——制作社区生活页面55

3.3 任务二 制作学设计网站“关于我们”页面56

3.3.1 任务描述——了解“关于我们”页面结构57

3.3.2 技术引进——Div＋CSS盒模型57

3.3.3 任务实施——完成“关于我们”页面制作60

3.3.4 新手试练——制作蓝色企业网站62

3.4 项目小结63

3.5 课后习题63

项目四 使用CSS美化页面——简单、快捷、规范地制作页面64

4.1 知识链接64

4.1.1 电子商务网页设计常用术语65

4.1.2 CSS基础67

4.1.3 CSS的基本语法69

4.1.4 CSS的使用方法70

4.2 任务一 美化“关于我们”页面导航72

4.2.1 任务描述——了解页面导航的结构72

4.2.2 技术引进——了解id选择符72

4.2.3 任务实施——美化“关于我们”页面导航74

4.2.4 新手试练——制作个人作品网站页面75

4.3 任务二 美化“关于我们”页面文本内容76

4.3.1 任务描述——分析“关于我们”页面结构77

4.3.2 技术引进——使用CSS控制字体77

4.3.3 任务实施——美化页面文字80

4.3.4 新手试练——制作网站公告82

4.4 项目小结83

4.5 课后习题83

项目五 使用CSS控制列表样式——制作商品列表页面84

5.1 知识链接84

5.1.1 电子商务网站常用商品列表页布局85

5.1.2 商品列表页设计要点86

5.1.3 网页中的列表控制89

5.1.4 列表的类型及使用90

5.2 任务一 制作商品列表索引导航92

5.2.1 任务描述——商品列表索引导航结构分析93

5.2.2 技术引进——有序列表和无序列表93

5.2.3 任务实施——制作商品列表索引96

5.2.4 新手试练——制作个人作品网站页面98

5.3 任务二 美化商品列表页面99

5.3.1 任务描述——商品列表页面结构分析99

5.3.2 技术引进——使用定义列表99

5.3.3 任务实施——制作页面中的商品列表101

5.3.4 新手试练——制作纵向导航菜单103

5.4 项目小结103

5.5 课后习题103

项目六 使用CSS控制页面文字样式——制作商品详情页面105

6.1 知识链接105

6.1.1 商品详情页设计原则106

6.1.2 如何做好商品详情页109

6.1.3 通过CSS控制字体与大小109

6.1.4 通过CSS控制颜色和粗细112

6.2 任务一 制作商品详情页头部114

6.2.1 任务描述——了解文字标签114

6.2.2 技术引进——掌握文字装饰标签114

6.2.3 任务实施——制作商品详情页头部116

6.2.4 新手试练——网页文字修饰119

6.3 任务二 制作商品详情页文本介绍120

6.3.1 任务描述——了解分区标签的使用120

6.3.2 技术引进——使用CSS控制段落120

6.3.3 任务实施——制作商品详情页底部123

6.3.4 新手试练——应用多个类样式125

6.4 项目小结126

6.5 课后习题126

项目七 在页面中使用多媒体——制作视频播放页面127

7.1 知识链接128

7.1.1 打造具有说服力的商品页面128

7.1.2 电子商务网站中多媒体视频的使用130

7.1.3 使用＜embed＞标签嵌入音频和视频130

7.1.4 HTML 5中多媒体的应用131

7.2 任务一 制作商品列表索引导航132

7.2.1 任务描述——商品列表导航页面结构132

7.2.2 技术引进——在页面中嵌入音频或视频132

7.2.3 任务实施——制作视频播放页面135

7.2.4 新手试练——在网页中嵌入视频138

7.3 任务二 制作视频播放页详情部分138

7.3.1 任务描述——使用＜source＞标签139

7.3.2 技术引进——＜audio＞与＜video＞标签的属性139

7.3.3 任务实施——制作商品详情页底部143

7.3.4 新手试练——实现网页中视频的播放与暂停144

7.4 项目小结145

7.5 课后习题145

项目八 使用CSS控制表单——制作会员注册页面147

8.1 知识链接148

8.1.1 注册登录页面的设计要求148

8.1.2 设计人性化的登录页面150

8.1.3 表单与表单属性152

8.1.4 表单中的其他元素152

8.2 任务一 制作会员注册页面156

8.2.1 任务描述——会员注册页结构分析157

8.2.2 技术引进——在DreamweaverCC中使用表单元素157

8.2.3 任务实施——制作网站会员注册页面161

8.2.4 新手试练——制作多彩下拉列表164

8.3 任务二 制作会员信息完善页面164

8.3.1 任务描述——会员信息完善页面结构分析165

8.3.2 技术引进——＜input＞与＜textarea＞标签的属性165

8.3.3 任务实施——制作会员信息完善页面166

8.3.4 新手试练——制作舞动会员登录界面169

8.4 项目小结170

8.5 课后习题170

项目九 使用CS5控制超链接——制作电子商务网站首页172

9.1 知识链接172

9.1.1 电子商务网站导航设计技巧173

9.1.2 电子商务网站首屏的设计要点176

9.1.3 认识超链接179

9.1.4 了解超链接路径180

9.2 任务一 制作电子商务网站首屏182

9.2.1 任务描述——分析电子商务网站首页结构182

9.2.2 技术引进——了解超链接的属性控制182

9.2.3 任务实施——制作电子商务网站首屏186

9.2.4 新手试练——制作活动公告189

9.3 任务二 制作电子商务网站版底信息189

9.3.1 任务描述——分析电子商务网站版底结构190

9.3.2 技术引进——使用CSS控制鼠标指针特效190

9.3.3 任务实施——制作电子商务网站首页版底192

9.3.4 新手试练——制作图片式超链接194

9.4 项目小结194

9.5 课后习题195

项目十 使用JavaScript脚本丰富页面——制作页面交互动画196

10.1 知识链接197

10.1.1 电子商务网站的交互设计技巧197

10.1.2 交互设计需要考虑的内容199

10.1.3 JavaScript的应用范围201

10.1.4 jQuery和jQuery事件202

10.2 任务一 制作电子商务网站轮播图动画204

10.2.1 任务描述——分析网页轮播图的作用204

10.2.2 技术引进——了解在HTML文档中使用JavaScript的方法205

10.2.3 任务实施——制作电子商务网站首页轮播图206

10.2.4 新手试练——使用JavaScript实现图像滑动切换208

10.3 任务二 制作电子商务网站弹出页面209

10.3.1 任务描述——分析电子商务网站版底结构210

10.3.2 技术引进——jQuery UI和jQuery Mobile210

10.3.3 任务实施——使用JavaScript实现弹出页面212

10.3.4 新手试练——使用JavaScript制作动态网站相册213

10.4 项目小结214

10.5 课后习题214

项目十一 电子商务网站综合实例——睿欧电子商务网站搭建216

11.1 知识链接217

11.1.1 电子商务网站的发展趋势217

11.1.2 电子商务网站的产品原型219

11.1.3 电子商务网站浏览器兼容性测试220

11.1.4 电子商务网站的上传与管理222

11.2 任务一 设计睿欧电子商务网站的原型225

11.2.1 任务描述——睿欧电子商务网站结构和层级225

11.2.2 技术引进——了解产品原型软件Axure226

11.2.3 任务实施——制作睿欧电子商务网站原型231

11.2.4 新手试练——根据电子商务网站原型设计页面233

11.3 任务二 睿欧电子商务网站的设计与制作234

11.3.1 任务描述——电子商务网站页面设计与制作235

11.3.2 技术引进——浏览器适配的方法235

11.3.3 任务实施——设计睿欧电子商务网站236

11.3.4 新手试练——使用FTP维护电子商务网站238

11.4 项目小结239

11.5 课后习题239