学习情境1 科源公司形象宣传网站 2
工作任务1 策划形象宣传网站 2
1.1 形象宣传网站目标 2
1.1.1 网络营销目标 2
1.1.2 定位受众人群 3
1.1.3 网站定位 3
1.2 网站技术方案 4
1.2.1 网页技术 4
1.2.2 域名 5
1.2.3 网站空间 7
1.3 网站推广策略 8
1.4 素材收集与加工 9
1.5 进度计划 9
工作任务2 设计形象宣传网站 11
2.1 网站界面设计原则 11
2.1.1 网站CIS设计 11
2.1.2 网页版面设计 14
2.1.3 交互设计 17
2.1.4 选择设计软件 19
2.2 形象宣传网站的界面设计 19
2.2.1 形象宣传网站的CIS设计 19
2.2.2 形象宣传网站的网页版面设计 21
2.2.3 交互设计 22
2.3 形象宣传网站的图像和多媒体素材制作 23
2.3.1 公司标识制作 24
2.3.2 整理加工和绘制素材 29
2.3.3 制作动态广告条banner和banner-sub 33
2.4 形象宣传网站的界面制作 37
2.4.1 绘制欢迎引导页 37
2.4.2 绘制首页 41
2.4.3 绘制次级页面 53
工作任务3 制作形象宣传网站 58
3.1 网站页面制作准备 58
3.1.1 HTML技术 58
3.1.2 Web标准 62
3.1.3 HTML标记和属性 63
3.1.4 CSS技术 73
3.1.5 DIV＋CSS网页布局技术 79
3.2 网站页面制作 84
3.2.1 网站目录结构设计 84
3.2.2 Dreamweaver建立站点 85
3.2.3 欢迎引导页面的制作 91
3.2.4 网站首页和次级页面的DIV＋CSS技术的布局设计 95
3.2.5 首页制作 102
3.2.6 公司介绍页面制作 109
3.2.7 其他次级页面制作 110
3.2.8 浮动框架技术的新闻动态模块制作 111
3.2.9 表格技术的产品服务模块制作 112
3.2.10 框架技术的维修服务模块制作 113
3.2.11 首页中超链接的设置 116
3.3 网站测试 119
3.3.1 应用Dreamweaver的超链接、标签、兼容性测试 119
3.3.2 本地访问测试网站的超链接、兼容性外观测试 121
工作任务4运营形象宣传网站 123
4.1 网站发布 123
4.1.1 申请网站空间 123
4.1.2 网站备案 124
4.1.3 使用Dreamweaver上传网站 125
4.1.4 W3C验证 126
4.2 网站推广 127
4.2.1 免费的搜索引擎 127
4.2.2 竞价排名 128
4.2.3 共享软件推广 129
4.2.4 策划线下推广活动 130
4.3 网站维护 130
4.3.1 网站空间和域名的维护 130
4.3.2 网站内容的更新维护 130
学习情境2科源公司客户服务网站 133
工作任务5策划客户服务网站 133
5.1 客户服务网站目标 133
5.1.1 网络营销目标 133
5.1.2 定位受众人群 134
5.1.3 网站定位 134
5.2 网站技术方案 135
5.3 网站推广策略 136
5.3.1 关键字优化策略 136
5.3.2 实施网站优化与搜索引擎优化 138
5.4 素材收集与加工 138
5.5 进度安排 139
工作任务6设计客户服务网站 141
6.1 网站设计技巧 141
6.1.1 网站整体设计技巧 141
6.1.2 色彩设计技巧 142
6.1.3 字体设计技巧 143
6.1.4 导航设计 146
6.2 客户服务网站的界面设计 148
6.2.1 形象宣传网站的CIS设计 148
6.2.2 客户服务网站的网页版面设计 148
6.2.3 交互设计 149
6.3 客户服务网站的图像和多媒体素材制作 150
6.3.1 收集整理素材和资料文件 150
6.3.2 制作通用页面图像 150
6.3.3 制作次级页面图像 156
6.3.4 制作多媒体动画 159
工作任务7制作客户服务网站 169
7.1 养成利于搜索引擎优化的编码习惯 169
7.1.1 网站结构设计 169
7.1.2 网页结构设计 170
7.1.3 网页代码设计 170
7.2 网站网页制作 171
7.2.1 建立网站站点 171
7.2.2 网站页面的布局设计 172
7.2.3 首页制作 173
7.2.4 使用Dreamweaver的模板创建次级页面 180
7.3 jQuery特效添加 186
7.3.1 jQuery技术 186
7.3.2 jQuery的日期显示 187
7.3.3 jQuery的Flash外部链接 187
7.3.4 jQuery的折叠菜单 188
7.3.5 jQuery的选项卡 189
7.4 论坛制作 190
7.4.1 PHP动态网站技术和MySQL数据库技术 190
7.4.2 搭建PHP＋MySQL的动态网站开发环境 191
7.4.3 Dreamweaver配置动态站点 193
7.4.4 科源社区论坛功能描述 194
7.4.5 创建论坛页面 195
7.4.6 创建MySQL论坛数据库 197
7.4.7 连接论坛数据库 200
7.4.8 开发论坛各功能 200
7.5 网站测试 209
7.5.1 本地站点测试 209
7.5.2 局域网站点测试 212
工作任务8运营客户服务网站 214
8.1 网站发布 214
8.1.1 虚拟服务器选择技巧 214
8.1.2 申请动态网站空间 215
8.1.3 工信部网站重新备案 216
8.1.4 绑定域名与空间 216
8.1.5 数据库配置 217
8.1.6 使用FTP上传网站 219
8.2 网站推广 219
8.2.1 搜索引擎优化工具应用 219
8.2.2 软文推广 221
8.2.3 社区论坛 222
8.2.4 许可E-mail营销 222
8.2.5 线下宣传 222
8.3 网站维护 223
8.3.1 网站内容的更新维护 223
8.3.2 数据库备份 223
学习情境3科源公司移动商务网站 225
工作任务9策划移动商务网站 225
9.1 移动商务网站目标 225
9.1.1 网络营销目标 225
9.1.2 定位受众人群 226
9.1.3 网站定位 226
9.2 网站技术方案 227
9.3 网站推广策略 229
9.4 素材收集与加工 229
9.5 进度安排 230
工作任务10设计移动商务网站 232
10.1 面向移动设备的网站设计 232
10.1.1 移动设备端设计原则 232
10.1.2 移动设备端导航 233
10.2 移动商务网站的界面设计 233
10.2.1 移动商务网站的CIS设计 233
10.2.2 客户服务网站的网页版面设计 234
10.3 移动商务网站的图像和多媒体素材制作 236
10.3.1 PC端网站界面制作 236
10.3.2 移动端的网站界面制作 240
工作任务11 制作移动商务网站 244
11.1 网站页面制作准备 244
11.1.1 HTML5语义标记 244
11.1.2 使浏览器支持HTML5 245
11.1.3 CSS 3技术的使用选择 247
11.1.4 配置PC端和移动端的开发环境 248
11.2 PC端网站页面制作 249
11.2.1 PC端网页布局分析 249
11.2.2 兼容性的选择 251
11.2.3 首页制作 253
11.2.4 次级页面制作 259
11.3 移动端网站页面制作 260
11.3.1 移动端网页布局分析 260
11.3.2 制作＜header＞区域 262
11.3.3 制作＜nav＞区域 265
11.3.4 制作＜article＞区域 268
11.3.5 制作＜aside＞区域 268
11.3.6 制作＜footer＞区域 269
11.3.7 移动端检测 270
11.4 网站测试 271
工作任务12运营移动商务网站 273
12.1 发布网站 273
12.1.1 自建Web服务器 273
12.1.2 安装配置服务器 276
12.1.3 发布网站 278
12.2 网站推广 278
12.2.1 监控网站的访问量 278
12.2.2 应用外部链接 279
12.2.3 精准网络营销 280
12.2.4 “病毒”营销 280
12.2.5 应用线下商业推广 280
12.2.6 客户吸引与维护 281
12.3 网站维护 281
12.3.1 自建服务器维护 281
12.3.2 域名和备案维护 282
12.3.3 网站内容的更新维护 282
12.3.4 网站安全 282