电子商务网站建设与网页设计(微课版)

项目一 构建电子商务网站

任务一　电子商务网站设计准则　1

一、电子商务网站　1

二、电子商务网站设计准则　5

任务二　电子商务网站结构设计　7

一、网站的物理结构　7

二、网站的逻辑结构　8

三、网站的构成　8

四、网页的空间结构　9

五、网页的布局结构　10

任务三　使用Dreamweaver创建站点　13

一、初识Dreamweaver　13

二、创建站点的准备　14

三、创建与设置站点　16

项目小结　19

项目习题　20

项目二　使用Photoshop制作网页版面

任务一　Photoshop基本操作　21

一、认识Photoshop工作界面　21

二、图像文件的基本操作　23

三、利用工具编辑商品图片编辑　24

任务二　使用Photoshop制作文字特效　30

一、添加文字　31

二、浮雕文字特效　33

三、金属文字特效　34

四、磨砂涂鸦文字特效　36

五、　晶莹剔透文字特效　38

任务三　使用Photoshop制作图像特效　40

一、调整图像大小　40

二、调整图像色彩与色调　41

三、应用滤镜特效　44

任务四　电子商务网站首页设计　47

一、页面头部的制作　48

二、页面左侧的制作　50

三、页面中间及右侧的制作　50

四、页面底部的制作　51

任务五　促销活动页设计　51

项目小结　54

项目习题　54

项目三　使用Flash制作网页广告动画

任务一　认识Flash工作界面　56

一、菜单栏　57

二、基本功能区　57

三、舞台　58

四、“时间轴”面板　58

五、“属性”面板　59

六、工具栏　59

任务二　Flash工具的应用　60

一、文本工具　60

二、绘图工具　64

三、填充工具　68

任务三　使用Flash制作导航菜单　70

一、认识导航菜单　71

二、导航菜单设计　72

任务四　使用Flash制作横幅广告　75

一、认识横幅广告　76

二、横幅广告设计　76

项目小结　78

项目习题　78

项目四　使用Dreamweaver添加网页元素

任务一　认识Dreamweaver CS6工作界面　80

一、菜单栏　81

二、工具栏　82

三、文档窗口　82

四、“属性”面板　83

五、面板组　83

任务二　添加网页基本元素——文本和图像　84

一、添加文本　84

二、添加图像　86

任务三　添加网页基本元素——列表　88

一、添加无序列表　88

二、添加有序列表　89

三、添加自定义列表　89

任务四　添加网页基本元素——表格　90

任务五　添加网页基本元素——超链接　92

一、认识路径　93

二、添加文档链接　93

三、添加锚记链接　95

四、添加空链接　96

项目小结　96

项目习题　97

项目五　使用CSS样式美化网页

任务一　认识CSS样式表　98

一、了解CSS的基本语法　98

二、在网页中引用CSS的方式　99

任务二　在Dreamweaver中创建CSS　100

一、创建CSS规则　101

二、创建CSS文件　102

任务三　应用CSS选择器　104

一、应用元素选择器　104

二、应用群组选择器　105

三、应用类选择器　106

四、应用ID选择器　107

五、应用后代选择器　107

六、应用通配符选择器　108

任务四　CSS继承性、特殊性、层叠性和重要性　109

一、继承性　109

二、特殊性　110

三、层叠性　111

四、重要性　112

任务五　使用CSS格式化排版　112

一、文字排版　113

二、段落排版　114

三、CSS背景　115

四、列表排版　119

五、表格排版　120

六、链接样式　120

项目小结　121

项目习题　121

项目六　使用DIV CSS布局网页

任务一　使用CSS盒子模型　123

一、认识CSS盒子模型　123

二、CSS盒子模型的边框、内边距和外边距　124

任务二　标准流和div标记　125

一、标准流　126

二、div标记　127

三、盒子在标准流中的定位　127

任务三　盒子的浮动和定位　128

一、盒子浮动　128

二、清除浮动影响和盒子定位　130

任务四　使用CSS布局电子商务网站首页　133

一、使用DIV布局页面结构　133

二、对网页头部布局　133

三、对网页主体布局　135

四、对网页底部布局　136

五、组合首页布局　137

项目小结　138

项目习题　139

项目七　使用行为和表单

任务一　使用行为　140

一、认识行为和事件　140

二、“行为”面板　141

任务二　使用表单　144

一、了解表单　144

二、创建表单　144

三、设置表单属性　145

任务三　“新用户注册”表单设计　145

一、插入文本字段　145

二、插入复选框　147

三、插入单选按钮　148

四、插入文件域　148

五、插入列表和菜单　149

六、插入按钮　151

任务四　使用行为验证用户注册　152

一、检查表单　153

二、设置密码仅为数字　153

三、检查邮箱格式　154

项目小结　155

项目习题　155

项目八　制作网页特效

任务一　认识JavaScript脚本语言　157

一、JavaScript简介　157

二、JavaScript的基本结构　158

三、使用JavaScript向页面输入信息　158

任务二　使用JavaScript制作网页特效　159

一、文字滚动特效　160

二、日期特效　160

三、广告特效　161

四、下拉菜单特效　162

任务三　使用JavaScript验证表单　162

一、非空验证　163

二、验证密码长度和一致性　165

三、邮箱地址验证　165

任务四　JavaScript网页特效实例　166

一、下载焦点图代码　166

二、添加焦点图代码　167

项目小结　168

项目习题　169

项目九　动态网站与CMS系统应用

任务一　认识动态网站　170

一、动态网页　170

二、动态网站技术　171

任务二　认识CMS系统　174

一、什么是CMS系统　174

二、选择CMS系统　174

三、国内优秀的电子商务类CMS系统　176

任务三　搭建CMS系统环境　176

一、安装phpStudy服务器环境　176

二、安装WSTMart系统　178

任务四　WSTMart系统管理　181

任务五　WSTMart系统基础设置　183

一、商城配置　183

二、导航管理　185

项目小结　186

项目习题　187

项目十　网站的发布测试与优化

任务一　域名和空间的选择　188

一、域名　188

二、　域名的注册　190

三、空间的选择　192

四．申请空间　194

任务二　测试与发布网站　196

一、网站的测试　197

二、网站的发布　203

任务三　电子商务网站的优化与推广　206

一、网站优化　207

二、网站推广　209

项目小结　212

项目习题　212