项目一 赏析和规划电子商务网站——了解电子商务网站 1
1.1 知识链接 2
1.1.1 网页的构成元素 2
1.1.2 电子商务网站的概念和特点 5
1.1.3 电子商务网站的分类 6
1.1.4 电子商务网站的视觉营销 6
1.1.5 电子商务网站的开发流程 8
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.4.1 项目小结 25
1.4.2 举一反三 25
1.5 课后习题 25
项目二 创建并管理电子商务网站站点——掌握网站搭建基础 27
2.1 知识链接 27
2.1.1 电子商务网站制作相关术语 28
2.1.2 远程站点和本地站点 30
2.1.3 URL 30
2.1.4 站点规划 32
2.2 任务一 创建网站文件结构 32
2.2.1 任务描述——创建本地静态站点 32
2.2.2 技术引进——了解“站点设置对象”对话框 32
2.2.3 任务实施——站点文件的优化与管理 35
2.2.4 新手试练——创建小型电子商务网站站点 37
2.3 任务二 设置远程服务器信息 37
2.3.1 任务描述——上传站点文件到远程服务器 38
2.3.2 技术引进——设置“站点设置对象”对话框 38
2.3.3 任务实施——设置远程服务器 40
2.3.4 新手试练——站点中的操作 42
2.4 总结扩展 42
2.4.1 项目小结 42
2.4.2 举一反三 43
2.5 课后习题 43
项目三 使用HTML编写页面——搭建页面底层的基础 44
3.1 知识链接 44
3.1.1 电子商务网站建设原则 45
3.1.2 电子商务网站页面布局原则 46
3.1.3 了解HTML 5 47
3.1.4 HTML的基本结构 47
3.1.5 掌握HTML的标签 48
3.2 任务一 布局“学设计”网站的“关于我们”页面 51
3.2.1 任务描述——了解页面的基本结构 51
3.2.2 技术引进——在Dreamweaver CC中编写HTML代码 51
3.2.3 任务实施——制作“关于我们”页面结构 54
3.2.4 新手试练——制作社区生活页面 57
3.3 任务二 制作“学设计”网站的“关于我们”页面 57
3.3.1 任务描述——了解“关于我们”页面结构 58
3.3.2 技术引进——Div+CSS盒模型 58
3.3.3 任务实施——完成“关于我们”页面制作 61
3.3.4 新手试练——制作蓝色企业网站 63
3.4 总结扩展 63
3.4.1 项目小结 63
3.4.2 举一反三 63
3.5 课后习题 64
项目四 使用CSS美化页面——简单、快捷、规范地制作页面 65
4.1 知识链接 65
4.1.1 电子商务网站设计常用术语 66
4.1.2 CSS基础 68
4.1.3 CSS的基本语法 70
4.1.4 CSS的使用方法 70
4.2 任务一 美化“关于我们”页面导航 73
4.2.1 任务描述——了解页面导航的结构 73
4.2.2 技术引进——了解id选择符 73
4.2.3 任务实施——美化“关于我们”页面导航 75
4.2.4 新手试练——制作个人作品网站页面 77
4.3 任务二 美化“关于我们”页面文本内容 77
4.3.1 任务描述——分析“关于我们”页面结构 78
4.3.2 技术引进——使用CSS控制字体 78
4.3.3 任务实施——美化页面文本 81
4.3.4 新手试练——制作网站公告 83
4.4 总结扩展 84
4.4.1 项目小结 84
4.4.2 举一反三 84
4.5 课后习题 84
项目五 使用CSS控制列表样式——制作商品列表页面 86
5.1 知识链接 86
5.1.1 电子商务网站常用的商品列表页面布局 87
5.1.2 商品列表页面的设计要点 88
5.1.3 网页中的列表控制 91
5.1.4 列表的类型及使用 92
5.2 任务一 制作商品列表索引导航 94
5.2.1 任务描述——商品列表索引导航结构分析 95
5.2.2 技术引进——有序列表和无序列表 95
5.2.3 任务实施——制作商品列表索引导航 98
5.2.4 新手试练——制作方块列表效果 100
5.3 任务二 美化商品列表页面 101
5.3.1 任务描述——商品列表页面结构分析 101
5.3.2 技术引进——使用定义列表 101
5.3.3 任务实施——制作页面中的商品列表 103
5.3.4 新手试练——制作纵向导航菜单 105
5.4 总结扩展 105
5.4.1 项目小结 105
5.4.2 举一反三 105
5.5 课后习题 106
项目六 使用CSS控制页面文本样式——制作商品详情页面 107
6.1 知识链接 107
6.1.1 商品详情页面的设计原则 108
6.1.2 如何做好商品详情页面 111
6.1.3 通过CSS控制字体与大小 112
6.1.4 通过CSS控制颜色和粗细 114
6.2 任务一 制作商品详情页面顶部 116
6.2.1 任务描述——了解文本标签 116
6.2.2 技术引进——掌握文本装饰标签 116
6.2.3 任务实施——制作商品详情页面顶部 118
6.2.4 新手试练——网页文本修饰 121
6.3 任务二 制作商品详情页面文本介绍 121
6.3.1 任务描述——了解分区标签的使用 122
6.3.2 技术引进——使用CSS控制段落 122
6.3.3 任务实施——制作商品详情页面底部 125
6.3.4 新手试练——应用多个类样式 126
6.4 总结扩展 127
6.4.1 项目小结 127
6.4.2 举一反三 127
6.5 课后习题 128
项目七 在页面中使用多媒体——制作视频播放页面 129
7.1 知识链接 130
7.1.1 打造具有说服力的商品页面 130
7.1.2 电子商务网站中多媒体视频的使用 132
7.1.3 使用