前言 1
第一部分 电子商务网页设计基础篇
项目1 电子商务网页和网站的制作流程 3
【课前项目直击】 3
任务1 网页和网站 3
一、网页与网站的关系 3
二、网页的基本构成元素 5
任务2 网页设计概述 5
一、网页设计与制作 5
二、电子商务网页设计的特点 6
三、网页设计的相关术语 7
任务3 电子商务网站制作流程 9
一、前期策划 9
二、页面细化及实施 10
三、后期维护 11
任务4 布局方式 11
一、网站建设标准 11
二、页面布局 12
【知识拓展】 16
【课后专业测评】 22
项目2 电子商务网站系统分析与总体规划 23
【课前项目直击】 23
任务1 电子商务网站系统分析 25
一、建站目的与目标 25
二、需求分析 25
三、可行性分析 26
四、可行性研究报告主要内容 28
任务2 电子商务网站总体规划 29
一、网站总体规划目的 29
二、网站总体规划的依据 29
三、网站总体规划的主要内容 30
【知识拓展】 42
【课后专业测评】 45
第二部分 电子商务网站开发技术篇
项目3 网页设计语言HTML与XHTML 49
【课前项目直击】 49
任务1 HTML基础 50
一、HTML概述 50
二、HTML基本结构 51
任务2 HTML基本标签 52
一、HTML结构标签 52
二、格式标签 53
三、文本标签 54
四、超链接标签 56
五、图像标签 57
六、表格标签 58
七、框架标签 63
八、表单标签 65
任务3 XHTML 69
一、XHTML概述 69
二、HTML转换为XHTML 70
【知识拓展】 72
【课后专业测评】 73
项目4 脚本语言JavaScript 74
【课前项目直击】 74
任务1 JavaScript概述 75
一、JavaScript发展 76
二、编写JavaScript脚本代码 76
三、JavaScript程序结构 81
四、JavaScript代码嵌入HTML文档 87
任务2 JavaScript效果的实现 88
一、事件处理器 88
二、表单验证 90
【知识拓展】 93
【课后专业测评】 94
项目5 CSS样式基础 95
【课前项目直击】 95
任务1 CSS页面设置 95
一、CSS的基本语法 95
二、应用CSS样式表的方式 98
三、四种样式表应用方式的优先级 103
任务2 CSS选择器 104
一、标签选择器 105
二、类别选择器 106
三、ID选择器 109
四、交集选择器 110
五、并集选择器 111
六、后代选择器 112
【知识拓展】 113
【课后专业测评】 114
项目6 CSS布局页面元素 116
【课前项目直击】 116
任务1 用CSS设置网页背景 117
一、背景颜色 117
二、背景图片 119
任务2 CSS文本编辑效果 122
一、文字样式 122
二、段落样式 124
任务3 用CSS控制图片样式 125
一、图片边框的设置 125
二、图片大小的设置 126
三、图片自动等比例缩小 127
四、图片阴影的设置 128
五、图片透明的设置 129
任务4 用CSS控制列表样式 130
一、列表的符号 130
二、简单水平导航菜单 131
任务5 CSS表格和表单效果 134
一、表格中的标记 134
二、表格的边框 135
三、隔行变色的表格 137
四、鼠标经过变色的表格 139
五、CSS表单效果 141
任务6 CSS滤镜的应用 144
一、滤镜介绍 144
二、各种滤镜设置方式 145
【知识拓展】 150
【课后专业测评】 151
项目7 CSS定位与DIV布局 152
【课前项目直击】 152
任务1 元素的定位 153
一、div标签与span标签 153
二、盒子模型 155
三、元素的定位 164
四、CSS+DIV布局方法 178
任务2 电子商务网站CSS+DIV网页布局分析 182
一、“头部”制作技巧分解 185
二、导航制作技巧分解 186
三、焦点图制作技巧分解 186
四、女装版块制作技巧分解 187
五、“男装”和“运动”版块制作技巧分解 190
六、页面底部版块制作技巧分解 190
【知识拓展】 192
【课后专业测评】 193
第三部分 电子商务网页制作工具篇
项目8 Photoshop与Fireworks图形图像编辑 197
【课前项目直击】 197
任务1 Photoshop图像处理 201
一、Photoshop的相关概念 201
二、Photoshop操作界面 202
三、Photoshop工具栏 202
四、Photoshop基本操作 211
任务2 Fireworks网络图形编辑 219
一、Fireworks操作界面 219
二、Fireworks的基本操作 222
三、按钮和导航栏的制作 232
四、绘制矢量图像 236
【知识拓展】 247
【课后专业测评】 247
项目9 Dreamweaver布局 248
【课前项目直击】 248
任务1 站点的建立 250
一、Dreamweaver操作界面 250
二、站点建立实例操作 253
任务2 页面布局 258
一、利用表格布局网页 258
二、利用Spry对象布局菜单 261
【知识拓展】 265
【课后专业测评】 276
项目10 Flash动画制作 277
【课前项目直击】 277
任务1 Flash动画 277
一、Flash操作界面 277
二、Flash的系统配置 281
三、Flash文件的基本操作 282
任务2 制作动态Logo和Banner动画 284
一、动态Logo制作 284
二、Banner动画制作 290
【知识拓展】 294
【课后专业测评】 295
参考文献 296