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

扉页

版权页

内容提要

前言

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

1.1 知识链接

1.1.1 网页的构成元素

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

1.1.3 电子商务网站的分类

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

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

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

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

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

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

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

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

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

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

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

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

1.4 项目小结

1.5 课后习题

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

2.1 知识链接

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

2.1.2 远程站点和本地站点

2.1.3 统一资源定位符（URL）

2.1.4 站点规划

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

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

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

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

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

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

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

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

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

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

2.4 项目小结

2.5 课后习题

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

3.1 知识链接

3.1.1 电子商务网站建设原则

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

3.1.3 了解HTML 5

3.1.4 HTML的基本结构

3.1.5 掌握HTML的标签

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

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

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

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

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

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

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

3.3.2 技术引进——Div+CSS盒模型

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

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

3.4 项目小结

3.5 课后习题

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

4.1 知识链接

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

4.1.2 CSS基础

4.1.3 CSS的基本语法

4.1.4 CSS的使用方法

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

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

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

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

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

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

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

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

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

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

4.4 项目小结

4.5 课后习题

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

5.1 知识链接

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

5.1.2 商品列表页设计要点

5.1.3 网页中的列表控制

5.1.4 列表的类型及使用

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

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

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

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

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

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

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

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

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

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

5.4 项目小结

5.5 课后习题

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

6.1 知识链接

6.1.1 商品详情页设计原则

6.1.2 如何做好商品详情页

6.1.3 通过CSS控制字体与大小

6.1.4 通过CSS控制颜色和粗细

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

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

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

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

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

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

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

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

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

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

6.4 项目小结

6.5 课后习题

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

7.1 知识链接

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

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

7.1.3 使用<embed>标签嵌入音频和视频

7.1.4 HTML 5中多媒体的应用

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

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

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

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

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

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

7.3.1 任务描述——使用<source>标签

7.3.2 技术引进——<audio>与<video>标签的属性

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

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

7.4 项目小结

7.5 课后习题

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

8.1 知识链接

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

8.1.2 设计人性化的登录页面

8.1.3 表单与表单属性

8.1.4 表单中的其他元素

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

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

8.2.2 技术引进——在Dreamweaver CC中使用表单元素

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

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

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

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

8.3.2 技术引进——<input>与<textarea>标签的属性

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

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

8.4 项目小结

8.5 课后习题

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

9.1 知识链接

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

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

9.1.3 认识超链接

9.1.4 了解超链接路径

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

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

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

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

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

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

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

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

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

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

9.4 项目小结

9.5 课后习题

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

10.1 知识链接

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

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

10.1.3 JavaScript的应用范围

10.1.4 jQuery和jQuery事件

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

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

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

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

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

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

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

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

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

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

10.4 项目小结

10.5 课后习题

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

11.1 知识链接

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11.4 项目小结

11.5 课后习题